Facebook 【HerTechの架空案件】# 課題No.3:「星空キャンドルナイト 202X」チケット販売告知バナー
Logo

【HerTechの架空案件】# 課題No.3:「星空キャンドルナイト 202X」チケット販売告知バナー

クレジット
Avatar
WEBデザイナー
【HerTechの架空案件】# 課題No.3:「星空キャンドルナイト 202X」チケット販売告知バナー-1
シェア
制作ノート
制作について

【デザインについて】

●ビジュアルイメージ

幻想的でロマンチックな世界観の構築をイメージして制作しました。

背景に無数のキャンドルの灯りと、夜空に広がる星屑のような光のグラデーション(キラキラとしたエフェクト)を配置することで、「星空」と「キャンドル」が融合した特別感のある一夜を表現しています。

●カラー

ベースカラーには静けさと夜の深みを感じさせるダークトーンのネイビーや黒を使用し、メインの要素にはキャンドルの炎や星の輝きを連想させるゴールド・イエロー系を採用。強いコントラストをつけることで、デザイン全体の視認性を高めつつ、洗練された印象に仕上げています。

●タイポグラフィ

メインタイトル「星空キャンドルナイト」には、イベントの幻想的な雰囲気にマッチしつつ、上品で力強さもあるKaisei Decolを選定。わずかにゴールドの立体的なドロップシャドウ(影)を付けることで、背景の光に紛れずに文字がくっきりと浮かび上がるよう工夫しています。

●情報設計

場所(海風公園)のテキストの横にマップピンのアイコンを配置したり、右下のボタンに「▶」の矢印を添えたりすることで、文字を読み込まなくても「どこで開催されるか」「ここを押せば次のアクション(チケット購入など)に進めるか」が直感的に伝わる設計にしました。

【工夫したポイント】

背景のキャンドルや星空の美しさを最大限に活かしつつ、「Webバナーとしての情報伝達力」を両立させることに最もこだわりました。 特に右下の「チケット情報を見る」ボタンは、角丸の明るい台座を敷くことで、背景のドット光に同化させず、ユーザーが次に起こすべき行動(コンバージョン)を迷わせない明確な導線として機能させています。また、左下のテキストも可読性を保つため、背景の明るさに負けないようプレーンな白文字でバランスを調整しました。

シェア
宮原 祐香の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
【HerTechの架空案件】# 課題No.3:「星空キャンドルナイト 202X」チケット販売告知バナー-1
宮原 祐香の他の作品
foriio

あなたのforiioを無料で作成

fori.io/