【Hertech_架空案件】コーヒーショップ

【デザインについて】

■ビジュアルイメージ

ベリー・ショコラ・チーズという商品の魅力を伝えるため、鮮やかでシズル感のあるメインビジュアルを採用し、ユーザーの目を引くキャッチコピーを大きく配置しています。

■カラー

メインカラー： 深みのある鮮やかなレッドを使用し、商品（RUBY COFFEE）のブランドイメージと、購買意欲や情熱を刺激するアクティブな印象を演出しています。

アクセントカラー： 深みのあるブラウンを使用し、プレゼントのリボンのような特別感をプラスしています。

ベースカラー： すっきりとしたホワイトを背景に敷くことで、赤と商品のビジュアルが最大限に引き立つようにしています。

■タイポグラフィ

本語のキャッチコピー「ふたりで一気に、幸せ２倍。」には、情緒的で上品な印象を与える明朝体を使用し、商品の特別感やストーリー性を引き立てています。

■情報設計

ファーストビューで「何の商品か（RUBY COFFEE）」「どんなメリットがあるか（モバイルオーダー、2人で1杯無料などのキャンペーン）」が瞬時に伝わるレイアウトにしています。

「モバイルオーダー」のコンバージョンボタン（CTA）をファーストビューの目立つ位置（右上およびメインビジュアル下）に配置し、ユーザーが迷わずネクストアクションを起こせるように導線を確保しています。

【工夫したポイント】

シズル感と限定感の強調

商品の贅沢な素材感（ベリー・ショコラ・チーズ）が伝わるビジュアルを大きく見せることで、ターゲットの「食べてみたい」という感情を刺激するデザインに落とし込みました。

スマートフォンでの操作性を意識したUIデザイン

モバイルオーダーのLPという性質上、スマホ画面内でのボタンの押しやすさ（親指が届く位置への配置など）や、スクロールしたくなるような要素の強弱・リズム感を意識して制作しています。