ハロウィンの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/

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

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

 

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

いかがでしたか?

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

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

 

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

  • このエントリーをはてなブックマークに追加

関連コンテンツ

掲載される媒体によって違う、バナーをデザインする時に意識すべきこと

バナーをデザインする時に意識すべきこと

webデザインの仕事をしている方なら、常日頃から多くのバナーを作っていますよね。 私自身も普段さまざまなジャンルのバナー制作を依頼されてデザインしています。…

Stinger3のロゴ

Stinger3 スマホページ読み込み中にカテゴリメニューのアコーディオンが開かないようにする方法

当サイトではStinger3というWordPressのテーマを使用しています。多くのサイトで使用されている非常に人気の高いテーマなんですが、以前から微妙に気に…

おっさんのイラスト

“カワイイ”webデザインの多くはおっさんが作っている3つの理由

キャラクターやアイドル、レディースアパレルといったジャンルを中心に、世の中にあふれる“カワイイ”webデザイン。 実はその多くがおっさん(中年男性)によって…

スマートフォンを眺める女性

スマホサイト制作の参考になるデザイン集サイトまとめ

ここ数年の間にスマートフォンが急速に普及したことで、webデザイナーにとってもスマホサイト制作のスキルが必須となってきました。 私自身もスマホサイト制作のご…

初めてスマホサイトをデザイン制作する時の注意点12項目

初めてスマホサイトをデザイン制作する時の注意点12項目

ここ数年、メディアで取り上げられるweb・IT系の話題はスマートフォンに関係するものが多く、パソコンは影の薄い存在になりました。 私は普段仕事で主にPCサイ…

バナーデザインのギャラリーサイト

バナー広告のデザイン制作で参考になるデザインリンク集まとめ厳選3サイト

バナー広告のデザインってほんとに奥が深いですよね。 あの小さなサイズの中にデザインのノウハウやマーケティング戦略、ブランド戦略などがギッシリと詰まっているわ…

webサイトリンク集の決定版!Webデザイン制作の参考サイトを探すならMUUUUU.ORG(ムーオルグ)

おすすめのwebデザインリンク集サイト『MUUUUU.ORG(ムーオルグ)』

webサイトをデザインする際やクライアントとデザインイメージを共有する際に活用することが多い「webデザインリンク集サイト」。 「webデザイン リンク集」…

パソコンをする女性

なぜWebデザイン制作を依頼する人は、やたらと高級感を求めるのか

仕事でwebデザインを制作する際、依頼いただいたクライアントから希望のデザインイメージについて着手前にヒアリングをするのですが、この時なぜか「高級感を出して」…