伝えたい重要ワードにアクセントカラーの濃い赤を使用し、視覚的にブランド価値が強調されるようにしました。

1番の目的は、新規ユーザーの獲得です。そのため、「初回限定特別価格」の訴求や、CVとなる「注文ボタン」に対して、サイズや配色を調整し、コントラストと視認性を高めました。

「世界中のオーガニックコーヒーファームを歩き回り、探り当てた上質なコーヒー豆であること」をユーザーへ伝えるため、FVにストーリーが伝わるビジュアルを配置。5秒単位で切り替わる設計にしました。『Natural Beans』の魅力やこだわりを印象付け、スクロールを促す導線を意識しました。

オーガニックコーヒーのオンライン販売を知らないユーザーが多いことを踏まえ、読み進めやすさを考慮したストーリー形式のコンテンツで、魅力やメリットを伝えました。購買意欲に繋がる構成になっているかを第三者視点で随時確認しながら設計しました。

『Natural Beans』が大切にするコンセプト「信頼・安心・健康」を伝わる世界観を目指し、「ナチュラル感・清潔感・上質感」をコンセプトとして掲げました。

配色では、フレッシュなオーガニックコーヒーを連想させる世界観を目指しました。ベースカラーには「コーヒーの花」の色でもある白を使用し、ナチュラル感・清潔感・フレッシュさを引き立てています。アクセントカラーには、「コーヒーの実」をイメージした深みのある赤を使用。テキストカラーには濃い茶色を使用し、コーヒー豆を扱うブランドであることをさりげなく表現しています。深めのトーンにすることで、ブランドの上質感を引き立てています。

欧文フォントには、18世紀から愛される「Baskerville」をベースに、Web表示に最適化された「Libre Baskerville」を選定。ユーザーに信頼感と安心感を与えています。和文フォントには、こだわりのコーヒーに対する愛着心を持ってもらえるよう「Zen Kaku Gothic Antique」を選定。親しみや温かみ、信頼感を表現しています。