Blog スタッフブログ

こんにちは、Webデザイナーのそいです。12月に入りどんどん寒くなってきましたね。

地方によっては雪が本格的に降りだしている方もいらっしゃるのではないでしょうか。ということで、今回はそんな「雪」や「冬」にちなんだWebサイトを調査してみました。冬らしさを感じるサイトを厳選してみましたのでぜひご覧ください。

メルティキッス

冬のチョコといえば明治の「メルティキッス」特設サイトを紹介します。

ふわっとくちどけの良いトリュフチョコが、雪が降るように散りばめられています。

淡い水色の冬景色と雪の結晶がかわいらしい、パステルな雰囲気のやわらかいデザインで表現された素敵なサイトに仕上がっています。

Meltykiss（メルティーキッス） | 株式会社 明治

ISHIYA-美冬（みふゆ）

北海道札幌に本店をかまえる洋菓子屋「ISHIYA」のブランド、ミルフィーユ菓子「美冬（みふゆ）」の特設サイトです。

発売から20年とロングセラー商品だそうで、冬景色をバックに美味しそうな商品がキービジュアルになっています。画面全体に雪がほろほろと降るアニメーション効果がつけられていて風情あふれるデザインになっていました。

「美冬（みふゆ）」特設サイト

さっぽろ雪まつり

次は、なんと開催76年！バラエティあふれる雪像の展示で有名な「さっぽろ雪まつり」のサイトです。

このサイトでは、キービジュアルに雪が降るアニメーション効果が見られます。

シンプルで見やすいつくりになっていて、雪まつりを楽しんでいるような人々のモチーフがかわいらしいサイトです。老若男女問わず、迷わないようなやさしいサイトデザインになっているのも印象的でした。

さっぽろ雪まつり公式サイト

ゴールドウイン

スポーツ・ファッションブランドのゴールドウインの特設サイトです。

ビビッドな濃紺・深みのあるグリーン・イエローオーカーが使われたクリスマス感を感じる冬らしいサイトデザインです。

コンテンツの区切りで色分けがされていたり、ワクワクするアイテム写真が素敵なサイトデザインとなっています。

モバイルファーストのレイアウトで設計されていますが、PCでサイトを閲覧すると左右がスクロールに合わせて背景色が変わったりと工夫が凝らされた素敵なサイトデザインになっていますのでスマホとPC両方でぜひご覧ください！

一年の終わりに感謝を届けよう｜ゴールドウイン公式オンラインストア

パティスリー GIN NO MORI

最後に岐阜県に本店をかまえる、パティスリーGIN NO MORIのサイトです。

シングルページのサイトとなっていますが圧巻です！

リスの料理長・副料理長2匹が、いざなってくれるサイトで、寒い冬の森のなかで洋菓子を1つずつ丁寧に紹介してくれるような体験ができる、世界観がスゴイサイトです。上から下までこだわられたデザインで、平面のWEBサイトなのに「パララックス効果」や「ピント」を駆使して作られているので奥行きを感じるサイトになっています。スマホでのレイアウトも美しく仕上がっており、勉強中のデザイナーさんに特におすすめしたサイトの1つです。

パティスリー GIN NO MORI

まとめ

いかがでしょうか。今回は「雪」や「冬」をキーワードにしたこだわりのつまったサイトを紹介しました。どのサイトも、商品などのブランドコンセプトが伝わる素晴らしいデザインで、寒さも感じつつワクワクがとまらない素敵な仕上がりになっていました。WEBデザインにクリエイティビティを加えたいけど思いつかない！という方も、これらのサイトを見てみるとなにかヒントになるのではないでしょうか。

今回もご覧いただきありがとうございました。