ウイズ株式会社様｜「薫り華やぐ」を軸にしたクラフトコーラのブランドECサイト制作
商品が1つのブランド。説明を並べる代わりに、赤と花のビジュアルと縦書きの短いコピーで香りを伝えました。
ウイズ株式会社の MOTOCOLA は、香りを特徴とするクラフトコーラです。商品が1つのブランドは、説明を並べるほど魅力が薄まります。サイトでは赤一色の画面に商品と花を配し、「薫り華やぐコーラ」という縦書きの短いコピーだけを置きました。アカウント・カート・メニューは右上に最小限でまとめ、ビジュアルを遮らないようにしています。
単一商品のブランドは、スペックや成分を並べても他社と比べられるだけです。
クラフトコーラのように香りが特徴の商品は、その香りを画面で伝えられるかどうかがすべてになります。
一方でECである以上、購入までの操作が迷いなく進む必要もあります。
香りを色と花で伝える
赤一色の画面に薔薇とダリアを配し、商品を中央に置きました。
成分表ではなく、受ける印象で香りを伝えています。
言葉を縦書きで短く置く
「薫り華やぐコーラ」だけを縦書きで配置しました。
文字数を減らすことでビジュアルが主役になります。
操作は最小限にまとめる
アカウント・カート・メニューを右上に小さくまとめ、画面を遮らないようにしました。
スクロールの誘導を中央に置く
画面中央下に scroll を置き、次に何をすればよいかを示しています。
見た目を作るだけでなく、検索・地図・AI検索で見つけてもらう土台まで制作の段階から設計します。
お客様の作業は、最初のヒアリングにお答えいただくだけです。
お困りごとと目的をうかがいます。お客様の作業はここだけです。
同じ商圏と同じ業種の見せ方を調べ、埋もれない形を決めます。
読む順番と問い合わせまでの道筋を先に決めます。
文章と写真はcantikで用意します。
検索・地図・AI検索で見つかる土台を制作の段階から組み込みます。
表示・速度・入力まわりを確かめてから公開します。
数字を見ながら直す順番をご提案します。
- 赤一色のビジュアルに商品と花を配したファーストビューを構成
- 縦書きの短いコピーを配置
- アカウント・カート・メニューを右上に最小限でまとめる
- 画面中央下にスクロール誘導を設置
- OGP画像とタイトルを設定
