イラストの描き方/フリー素材/Webデザイン/Webデザイナー転職/フリーランス生活に関するブログ

フリーランスWebデザイナーのリアル

デザイン

ハロウィンのwebデザイン制作で参考になるキャンペーンイベントサイト

更新日:

10月31日のHalloweenに向けて、様々なキャンペーンやイベントの特設サイトがリリースされてきています。

そこで、ハロウィーン関係のキャンペーンページや特設サイトのデザイン制作をする際に参考になるハイクオリティなハロウィンサイトをご紹介します。

配色やレイアウト、イラストの使い方など参考になるポイントが満載です。

ハロウィンのデザイン制作で参考にしたいwebサイト

Yahoo!ショッピング ハロウィンフェスタ

Screenshot of topics.shopping.yahoo.co.jp

http://topics.shopping.yahoo.co.jp/special/halloween/

ファーストビューのインパクト、背景とコンテンツのデザインバランス、ハロウィンモチーフの使い方など、どれをとっても超ハイクオリティ!

ハロウィンデザインのネタやノウハウがぎっしり詰まっています。

 

ファンタ ハロウィン仮装コンテスト

Screenshot of fanta.jp

http://fanta.jp/

ファンタオレンジとハロウィンのイメージカラーが見事にマッチしたキャンペーンサイト。

タイトルの文字装飾やコウモリを黒背景として文字を入れる表現など、参考になるポイントがたくさんあります。

 

スクウェア・エニックス スマホゲーム『BLOODMASQUE』ハロウィンキャンペーン

Screenshot of bloodmasque.com

http://bloodmasque.com/halloween/jp/

コウモリのシルエットの使い方や背景色の変化など、コンテンツよりも背景にインパクトをもたせたサイトデザインです。

 

ハウステンボス ハロウィーンサイト

Screenshot of www.huistenbosch.co.jp

http://www.huistenbosch.co.jp/event/halloween/

オーソドックスなハロウィンデザインですが、コウモリのGIFアニメーションがポイントになっています。

また、ヘッダーや背景色もハロウィンカラーに変えることで、サイト全体がよりハロウィンムードになっていますね。

 

クリスピー・クリーム・ドーナツ くるくるハロウィンドーナツショー

Screenshot of krispykreme.jp

https://krispykreme.jp/campaign/krispyskremes/

ハロウィンの装飾は控えめですが、紫の背景グラデーションがいい感じに雰囲気を出しています。

 

アメーバ ハッピーハロウィンキャンペーン

Screenshot of content.ameba.jp

http://content.ameba.jp/pre_hallowin10/

フラットデザインによるハロウィンサイトです。

賑やかさとまとまり感のバランスは参考にしたいところ。

 

ハロウィンムード満点のサイトを作ろう!

いかがでしたか?

各サイトごとにデザインテイストは違えど、配色やレイアウトのバランスなどクオリティの高いサイトには共通する部分がありますね。

ポイントをうまく参考にしてイケてるハロウィンサイトを作りましょう!

 

その他のハロウィン関連の記事

-デザイン

Copyright© フリーランスWebデザイナーのリアル , 2025 All Rights Reserved Powered by STINGER.