Facebook 【HerTech架空案件】スイーツ専門店バナー
Logo

【HerTech架空案件】スイーツ専門店バナー

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】スイーツ専門店バナー-1
シェア
制作ノート
制作について

① ビジュアルイメージ(全体のイメージ設計)

「初夏の爽やかさ」と「ひとくち食べたくなる幸福感」を同時に感じられるよう、 “軽やか・明るい・フレッシュ” をキーワードに全体のトーンを設計しました。レモンタルトの断面がしっかり見える写真を主役にし、 周囲にレモンや葉を添えることで、香りや酸味まで伝わるようなビジュアルにしています。 SNSのフィードで流れてきた瞬間に目を引くよう、明るい光を感じる構図を意識しました。

② カラー(色選びのコンセプト)

色は 「レモンのフレッシュさ × 初夏の空気感」 を軸に選定。

  • ベースカラー:淡いブルー(清涼感・軽さ)
  • メインカラー:レモンイエロー(季節感・食欲)
  • アクセントカラー:濃いめのイエロー〜オレンジ(CTAの視認性)

レモンの黄色が最も映えるよう、背景はあえて淡いトーンに抑え、 全体が明るく前向きな印象になるようにまとめています。

③ タイポグラフィ(フォント選びの工夫)

ブランドの上品さを損なわないよう、 柔らかさ・清潔感・読みやすさ を兼ね備えたフォントを採用しました。 キャッチコピーは視線を止めるために少し太め、 サブコピーは軽やかで読みやすいウェイトに調整。SNS広告での小さな表示でも読みやすいよう、 文字サイズ・行間・余白を丁寧に調整しています。

④ 情報設計(伝わるための構成)

ユーザーが一瞬で内容を理解できるよう、 「商品名 → キャッチコピー → サブコピー → CTA」 の順に視線が流れるレイアウトにしました。特にスマホ表示を想定し、 文字量を絞る /重要情報を上部に配置 /CTAはしっかり目立たせるといった工夫で、広告としての“伝わりやすさ”を最優先に設計しています。

⑤ 工夫したポイント(作品ページでは伝わりにくい部分)

  • 写真の“温度感”を調整  レモンの黄色がくすまないよう、明るさと彩度を微調整し、初夏らしい光を演出。
  • レモンの配置で香りを想起させる  タルトの近くに輪切りを置くことで、酸味とフレッシュさを視覚的に補強。
  • CTAボタンの色と形を複数検証  押したくなる色味・サイズ・角丸具合を比較し、最も視認性の高い形に決定。
  • ブランドの世界観との整合性  Bonne Chanceの上品さを壊さないよう、色のトーンとフォントの雰囲気を統一。
  • SNSフィードでの“埋もれにくさ”を意識  他の投稿と並んだときに埋もれない明るさとコントラストを調整。
シェア
Webデザイナー春香の他の作品
画像
作品を見る
【HerTech架空案件】ペットフードバナー
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech架空案件】スイーツ専門店バナー-1
Webデザイナー春香の他の作品
画像
作品を見る
【HerTech架空案件】ペットフードバナー
foriio

あなたのforiioを無料で作成

fori.io/