●制作の流れ
- コンセプト定義: 商品の「ルビー」のような輝きと、青山一丁目という立地に合わせた「Ruby Modern」を設定。
- 構成・ワイヤーフレーム: SNSシェアをゴールに据え、共感と参加を促すストーリーを設計。
- ビジュアル生成: AIを活用し、ターゲットがInstagramで好む「自然光」と「シズル感」を再現したキービジュアルを制作。
- デザイン実装: トレンド感のある配色とタイポグラフィを適用し、スマホでの閲覧を最適化。
●カラー
商品の鮮やかさとブランドの信頼感を両立させるため、以下の3色で構成しました。
- メインカラー: ベリーの濃厚さと宝石の華やかさを表現。視覚的なインパクトを与えます。
- ベースカラー:クリーンで洗練された印象を与え、メインカラーの赤を際立たせるための背景色。
- アクセントカラー:OPEN記念の祝祭感と、ご褒美としての特別感をプラスするために使用。
●タイポグラフィ
フォント選定では、青山一丁目の洗練されたイメージを保ちつつ、ターゲット層が親しみを感じる「トレンド感のあるカジュアルさ」を追求しました。
基本フォント:Kiwi Maru
独特の「手書き感」と「丸み」を持つこのフォントをベースにすることで、デジタルなLPの中に温かみと「今っぽさ」を演出しました。カチッとしすぎない抜け感が、Instagramを日常的に楽しむ層の感性にフィットします。
店名・ロゴ:Kite One
流れるような筆記体に近いKite Oneを店名に使用することで、カフェとしての軽やかさとスタイリッシュさを表現。Kiwi Maruの可愛らしさを、Kite Oneのシャープさが引き締めることで、デザイン全体の「大人カジュアル」なバランスを整えています。
●情報設計
ユーザーの心理的ハードルを下げ、行動(来店・投稿)へ繋げるための「逆三角形型」の設計です。
- 興味(FV): 宝石のような美しいビジュアルと、強力なキャッチコピーで一瞬で心を掴む。
- 理解(Features): コーヒーレスである意外性と、3種のベリー、マスカルポーネといった具体的な「おいしさの根拠」を提示。
- 行動(Campaign): 「友達と一緒なら1杯無料」という強力なフックを、ステップ形式で分かりやすく解説。
●工夫したポイント
- SNS投稿をデザインに組み込む:
単なる商品紹介ではなく、実際に二人の女性が楽しそうにフラッペを持つ写真をメインに据えることで、「これを撮って投稿したい」というユーザーの欲求を刺激しました。
- 「コーヒーレス」のギャップ萌え:
Ruby Coffeeというブランド名でありながら、あえて「コーヒーを使わない」ことを強調。新規顧客が「コーヒーショップだけどこれなら飲みたい」と思える入口を作りました。
- スマホファーストの視覚演出:
スクロールした際にベリーがこぼれ落ちるようなシズル画像を配置し、最後まで飽きさせない視覚体験を提供しています。