Kitano Megumi（北のめぐみ）は、日本の北の地の農の伝統に根ざした食品ブランドです。地域のこだわりの農産物や食品を届けています。
同じブランドのエコシステムのなかで、3 つのサイトがそれぞれ異なる役割を担っています。ブランドサイトは物語と信頼を築き、ショップは商品の販売を担い、注文システムは定期購入とまとめ買いを管理します。3 サイトすべてに、デザイン全般、SEO、プロによる撮影ディレクションが必要でした。
ブランド戦略とビジュアルアイデンティティ。職人的でエディトリアルな佇まいの、物語を起点としたレイアウト。WordPress のカスタムテーマ。SEO はブランド名とカテゴリのキーワードを担当。撮影ディレクションはヒーロー画像と商品のライフスタイル写真。
WooCommerce ストアのデザインと構築。味わいの特徴、産地の背景、food pairing を掲載した商品ページ。SEO は商品名とギフト系のキーワードを担当。撮影ディレクションは商品のフラットレイとパッケージ写真。
注文システムの UX デザイン。定期購入とまとめ買いのフロー設計。メインのショップシステムとの連携。パフォーマンスの最適化。
タイポグラフィ、配色、写真のスタイルガイド、UI コンポーネントライブラリを共通化。3 つの別々のプロジェクトではなく、ひとつのブランドの世界として感じられるようにしました。
3 つのサイト。ひとつのブランドの声。難しかったのは、ブランド・販売・注文という機能の異なる 3 つのプラットフォームをまたいで、見た目と体験の一貫性を保ちつつ、それぞれが本来の役割を果たし、利用者がシステム間で迷わないようにすることでした。また、日本において食品の商品写真は売上を大きく左右します。ストック写真や質の低い写真を使えば、職人的で地域に根ざした日本の食品というプレミアムな位置づけは、たちまち損なわれてしまいます。
3 つのサイトすべてに、統一されたデザインシステム — 共通のタイポグラフィ、配色、写真のスタイルガイド、UI コンポーネントライブラリ — を適用し、それぞれがひとつのブランドの世界として感じられるようにしました。撮影は、温かく、自然で、職人的な日本らしい佇まいで一貫させています。SEO はサイトごとに設計し、ブランドサイトはブランドとカテゴリの認知、ショップは商品名とギフト系の検索、注文サイトは定期購入とまとめ買いのキーワードを狙いました。
食品会社のウェブサイト
お弁当のオンライン注文サイト
EコマースサイトEC ショップ経由で生まれた月間売上
従来システムと比較した平均注文額の増加
オンライン注文への移行にともなう、電話でのお弁当注文の減少