DESIGN NOTES
ヒーローの季節提案から媒体名の帯、季節の商品一覧へ進み、その後に限定商品、カテゴリ、セット作成、創業者の背景を配置している。全商品を最初から均等に並べず、いま選ぶ理由を一つ作ってから全体へ広げる編集型の売場と読むことができる。
白いヘッダーと余白の多い商品領域に対し、冒頭は木の道具や野菜を含む大きな写真を置いている。季節の短い見出しはセリフ体、ナビゲーションとボタンは簡潔な文字で役割を分ける。黄色は告知帯などに絞られ、商品ラベルや食材の色が主役になる。
白い瓶をパン・レモン・ニンニク・木の道具とともに並べ、用途と食卓の雰囲気を同時に伝えている。商品カード側には味の方向を示す短い説明やレビュー表示があり、情景写真だけで購入を判断させない。贈答に向く外観と、料理で使う機能を両方扱う構成だ。
季節の商品群へ進むボタンのほか、商品カードには追加操作、ナビゲーションにはギフト・セット作成・店舗検索がある。用途が決まった来訪者は最上部から近道を使える。割引パネルはEscapeで閉じて確認し、情報入力やカート追加は実施していない。
食品ギフトや季節の詰め合わせでは、限定企画、代表商品、通常カテゴリの順に案内する方法が参考になる。季節写真は毎回すべてを撮り直すのではなく、背景や料理を変えて運用できる設計が現実的だ。セット作成を導入するなら、在庫と梱包の組み合わせを先に整理したい。
APPLY TO YOUR PROJECT
季節の食卓写真から、その季節に合う少数の商品へ案内する。普段使い・贈り物・自分で組むセットを別の入口として用意し、選ぶ目的を先に整理する。
季節企画を軸にすると写真と商品構成の更新が継続的に必要になる。初回の割引表示が主役を隠す点も検討し、商品理解を妨げないタイミングを選ぶ。
海外食品・生活用品 / エディトリアル
情報の順序
食品・生活用品 / エディトリアル
木の棚に並ぶ調味料から商品一覧、製法の背景、料理例へ進み、専門的な味を家庭で使う理由まで説明するEC。
キャンペーンの大きな写真の下に商品一覧を置き、続いてブランドの成り立ちや自然・製法の説明、レシピ、ニュース、ギフト商品、FAQへ進む。専門的な背景を読む前にも商品を選べる一方、用途が分からない人には後半で料理例を渡す二段構えになっている。
詳しい解説を読む →公式サイトを見る ↗
海外情報の順序
食品・生活用品 / エディトリアル
商品・文化的な企画・環境への取り組みを大きさの違う記事カードで並べ、ブランド全体を読み歩かせる公式サイト。
冒頭に企業の考え方を置き、その周囲からニュース、商品、レシピ、FAQ、環境関連の情報へ展開する。通販の商品一覧より、ブランドを理解するメディアに近い情報順だ。商品だけでなく活動も同じ画面へ載せ、カテゴリーのラベルで情報の種類を区別している。
詳しい解説を読む →公式サイトを見る ↗
海外情報の順序
食品・生活用品 / ポップ
淡い黄色のUIと学校生活を思わせる商品映像を合わせ、味の説明より先にブランドの気分を伝えるスナックサイト。
上部の販売店案内に続き、季節企画の商品映像、全商品への入口、映像コンテンツ、メール登録が並ぶ。商品の機能を長文で積み上げるより、ブランドと接触する場面を先に作る構成。販売店を探す入口もあり、サイト内購入だけに行き先を限定していない。
詳しい解説を読む →公式サイトを見る ↗