DESIGN NOTES
キャンペーンの大きな写真の下に商品一覧を置き、続いてブランドの成り立ちや自然・製法の説明、レシピ、ニュース、ギフト商品、FAQへ進む。専門的な背景を読む前にも商品を選べる一方、用途が分からない人には後半で料理例を渡す二段構えになっている。
木の棚と色の違う瓶が大きな導入面をつくり、その下ではアイボリーの余白と整列した商品カードに切り替わる。写真の濃い色と一覧部分の明るさが章の境界になる。細い見出しと等幅風の操作文字が、商品の手仕事感と整った通販の読みやすさをつないでいる。
棚に置かれた瓶の写真は品揃えと質感を一度に伝えるが、商品カードでは個々の容器を切り分けて比較させる。背景を含む写真と、買うための写真を使い分ける点が参考になる。レシピの入口もあり、見慣れない調味料をどう使うかという疑問に情報を補っている。
ヒーローの企画用ボタンに加え、一覧への入口と各商品のカート追加を配置している。レシピ閲覧やコーヒーの紹介も別の導線として存在する。説明を読んだ人が同じ階層へ戻る必要を減らす設計と読めるが、今回カート追加や決済自体は試していない。
発酵食品、だし、調味料など、味の価値を名前だけで伝えにくいECに応用できる。商品一覧を見せた後に、製造背景と具体的な料理例を用意する順序が有効な仮説になる。長いブランド物語を追加する前に、各商品を使う一皿を実物で示す準備が必要だ。
APPLY TO YOUR PROJECT
商品一覧で選択肢を見せ、製法とレシピで使う理由を補う。専門的な名称の商品ほど、家庭の料理へ置き換えられる具体例を用意して購入判断を支える。
専門性の高い商品はブランドの知名度に依存しやすい。日本の店へ移す際は素材、量、保存方法、使い切る目安を写真と短文で補い、雰囲気だけにしない。
海外食品・生活用品 / エディトリアル
情報の順序
食品・生活用品 / エディトリアル
食卓の静物写真と季節ごとの商品編集を軸に、調味料を自宅用から贈答用まで選び分けられるEC。
ヒーローの季節提案から媒体名の帯、季節の商品一覧へ進み、その後に限定商品、カテゴリ、セット作成、創業者の背景を配置している。全商品を最初から均等に並べず、いま選ぶ理由を一つ作ってから全体へ広げる編集型の売場と読むことができる。
詳しい解説を読む →公式サイトを見る ↗
海外情報の順序
食品・生活用品 / エディトリアル
商品・文化的な企画・環境への取り組みを大きさの違う記事カードで並べ、ブランド全体を読み歩かせる公式サイト。
冒頭に企業の考え方を置き、その周囲からニュース、商品、レシピ、FAQ、環境関連の情報へ展開する。通販の商品一覧より、ブランドを理解するメディアに近い情報順だ。商品だけでなく活動も同じ画面へ載せ、カテゴリーのラベルで情報の種類を区別している。
詳しい解説を読む →公式サイトを見る ↗
海外情報の順序
食品・生活用品 / ポップ
淡い黄色のUIと学校生活を思わせる商品映像を合わせ、味の説明より先にブランドの気分を伝えるスナックサイト。
上部の販売店案内に続き、季節企画の商品映像、全商品への入口、映像コンテンツ、メール登録が並ぶ。商品の機能を長文で積み上げるより、ブランドと接触する場面を先に作る構成。販売店を探す入口もあり、サイト内購入だけに行き先を限定していない。
詳しい解説を読む →公式サイトを見る ↗