Facebook 【架空案件】抹茶ラテバナー
Logo

【架空案件】抹茶ラテバナー

クレジット
Avatar
webデザイナー
【架空案件】抹茶ラテバナー-1
シェア
制作ノート
制作について

【ビジュアルイメージ】

上質感と癒しをテーマに、静かなカフェを思わせる落ち着いたトーンで構成。抹茶ラテの層が美しく際立つよう照明を抑え、背景のボケ感を強めることで主役であるドリンクの存在感を高めている。視覚的に「ほっと一息つける瞬間」を感じてもらうことを意識しました。

【カラー】

メインカラーには、抹茶を表現するグリーンを採用し、上質さと伝統を感じる世界観を形成。背景にはダークブラウンを使用し落ち着きと高級感を演出。文字のカラーをゴールド寄りのイエローを使用し、老舗茶舗らしい信頼性と上品さを表現しました。

【タイポグラフィ】

和の雰囲気と上質さを伝えるため、明朝体の縦書きをメインに使用。繊細な筆致が抹茶の伝統的な印象とマッチし、視線誘導にも役立つ構造に。価格や商品名は視認性を高めるために余白を広めに取り、メリハリのある情報配置を実現しました。

【情報設計】

「まず商品に目が行く」「次に情報を自然に拾える」ことを意識し、

  • 視線が中央のドリンクに集まる構図 。
  • 商品名・コピーは右側にまとまったブロックで配置 。
  • 縦書きコピーで視線の流れを緩やかにし、“癒し”の印象を強化 。

という三段階設計でレイアウトを構成。視認性と世界観づくりの両立を意識しました。

【改善したポイント】

角に配置した飾りが邪魔して情報が散在して視線が迷う。商品写真の印象が薄く、主役が伝わりにくい といった課題があった。ターゲットが求める“癒し”や“上質感”を十分に訴求できていなかった。

修正後、角の飾りを無くして茶葉のワンポイントを加えたため落ち着いた読みやすさと世界観の一貫性を確保した。商品の存在感が増し、視認性が大幅に向上ターゲットの好む“癒し・ナチュラル・上質感”が明確に伝わるデザインに仕上がりました。

シェア
小豆杏子の他の作品