京都のNPO法人 CRA(クリエイター育成協会)が発信するブログです。Web業界、Webデザイナー・Webプログラマー・Webマーケターの育成。

お問い合わせ
075-353-3711 受付時間:10:00〜18:00(土日・祝日除く)
menu close

CRAブログ- Web/IT・教育・福祉業界の情報を、スタッフ&インターン生が配信中

今年も見逃せない!2016年の素敵なクリスマスWebデザインを取り上げてみた!まとめ 8選

2016年11月25日紗織堤
Pocket

【こちらの記事は、約5分程でお読みいただけます。】

おはようございます!
皆さん、はじめまして!就職活動真っ只中の堤です。よろしくお願いいたします!

寒い寒い、気づけば季節は「冬」ですね。昨日も東京では、11月の観測史上初となる、「積雪」が見られました。
このサイトにも雪を降らせてみましたが、気づきましたか? ^^;

さて、毎年この季節になると、一気にサイトデザインが「クリスマス」一色になります。
その中でも、すてきなクリスマスデザインや、参考にしたい見せ方など
今回は今年も見逃せない、様々な視点から選んだクリスマスサイトデザインをご紹介致します!


 

Kentucky Christmas 2016

Kentucky Christmas 2016
http://www.kfc.co.jp/campaign/xmas2016/index.html

定番!期待通りのサイトデザインです。

ケンタッキーのイメージカラーが赤なので、それを前面に出しクリスマスデザイン。
ロゴもクリスマスバージョンになっていてとても可愛らしいですね。


 

Starbucks Coffee Japan

Starbucks Coffee Japan
http://www.starbucks.co.jp/

縦のグローバルナビが特徴のスタバのホームページ。
こちらの商品紹介ページでは、商品の見せ方や流れるような動きがとても面白いです。

気になった方はぜひ見てください!


 

ディズニー・クリスマス

ディズニー・クリスマス
http://www.tokyodisneyresort.jp/fantasy/christmas2016/

トップにディズニーキャラクターの写真をどーんと載せていて、インパクトがあります。
一つ一つのコンテンツ背景が紙の素材なので、可愛さと温かさを感じます。


 

2016 SEVEN-ELEVEN

2016 SEVEN-ELEVEN
http://www.sej.co.jp/products/christmas/index.html

対象商品を購入すると、安室奈美恵のミュージックカードや
ポスターがもらえるキャンペーンをやっているため、売上も上がりそうですね。

光要素の使い方がゴージャス感を感じさせ、その中に可愛さも取り入れた素敵なデザインになっています!


 

ビアードパパの作りたて工房

ビアードパパの作りたて工房
http://www.muginoho.com/xmas/

とても雰囲気のあるサイトデザインです。

背景色やフォントカラーの統一感と、まとまりある上品なデザインとなってます。
トップの背景はぼかすことによって、ケーキをより目立たせているところもポイントですね!


 

PARCO

PARCO
http://parco.jp/

「PARCO」らしさのある、上品で遊び心広がるサイトデザインという感じです。
ラインの見せ方やクリスマスパーツの置き方が特徴的です。


 

studio CLIP

studio CLIP
http://www.studio-clip.jp/mg/merrychristmas/index.html

「北欧」をテーマとしたクリスマスサイト。

スクロールしてすぐ”TOMTE”のアニメが添付されており、
サイトにはその素材があるだけでなく、きちんとストーリーになっているため、
見ていてわくわくします。


 

TOKYU HANDS クリスマス

TOKYU HANDS クリスマス
http://www.tokyu-hands.co.jp/christmas/2016/

「北欧」をテーマとしたクリスマスサイト。
スクロールしてすぐ”TOMTE”のアニメが添付されており、サイトにはその素材があるだけでなく、きちんとストーリーになっているため、見ていてわくわくします。

おわりに

クリスマス=「赤・緑」というカラーイメージが強いですが、
まとめてみるとアクセントカラーに使用しているサイトが多いように見えますね!

ケーキ屋食べ物を取り扱うページは鮮明に、
文房具屋服・雑貨などを取り扱うページはイラストを使ってポップな可愛さが表現されている気がします。

お店の雰囲気やイメージ、同じテーマでもこんなにデザインが違うと
みていてとっても面白いですよね!どのサイトを見ても、ワクワクしてしまいます!

皆さんはどうでしたか?気に入ったサイトデザインがありましたら、ぜひ参考にしてみてください!

Pocket

CRAが運営する就労移行支援事業所 ワークサポートセンターはこちら