Facebook 星空キャンドルナイト
Logo

星空キャンドルナイト

クレジット
Avatar
WEBデザイナー
星空キャンドルナイト -1
シェア
制作ノート
【制作の詳細】

・ビジュアルイメージ

背景に広がる深い青の星空と、手前でぼんやりと光るキャンドルやストリングライトで、ロマンチックで非日常的な空間を演出しています。

右上に配置された妖精のシルエットと、そこから降り注ぐような金色の星屑(スターダスト)で、イベントに魔法のような特別感と物語性を与えています。

左下にはギターやドラム、キッチンカーの写真をあしらった小さなフレームで配置し、単なるイルミネーションだけでなく、音楽や食も楽しめる充実したイベントであることを直感的に伝えています。

・カラー

案件の事項:ネイビー・深い紫・オレンジを基調にまとめる

ミッドナイトブルー(背景色): 深い夜空を表す青から紫がかったグラデーションで、静寂や神秘的な雰囲気を醸し出しています。

ウォームイエロー&ゴールド(メインカラー/発光色): キャンドルの炎、星屑、そしてタイトル文字に使用されている温かみのある黄色と金色を使用しています。背景のブルーに対する「補色」に近い関係性となっているため、暗い背景の中で光がパッと浮き上がるように美しく際立ち、視線を惹きつけています。

・タイポグラフィ

  発光エフェクトを纏った明朝体: 上品で少しレトロな雰囲気のある明朝体が使われています。文字自体を光らせる(アウターグロウ)処理を施すことで、文字そのものがイルミネーションの一部であるかのようになじませています。

・情報設計

 【中央上部(最大のアイキャッチ)】: まず一番に、光り輝く巨大な「星空キャンドルナイト」のタイトルでユーザーの心を掴みます。

【中央(必須情報)】: そのすぐ下に「いつ(202X 〇月〇日)」「どこで(海風公園)」という、参加を検討する上で最も重要な情報を配置しています。

【左下(魅力の底上げ)】: サブコンテンツである「音楽・食」の情報を写真付きで配置し、イベントへの期待値をさらに高めます。

【右下(行動喚起)】: 最後に、半透明で背景に馴染ませつつも矢印でしっかり誘導する「チケット情報を見る」ボタンを配置し、詳細ページへの遷移(コンバージョン)を促しています。

シェア
foriio

あなたのforiioを無料で作成

fori.io/
foriio

あなたのforiioを無料で作成

fori.io/