埼玉県西川口にある老舗和菓子「伊勢屋西川口店」のWebサイト。
「問い合わせの業務負担を軽減」「新しい顧客層を開拓」を形にするため、デザインからコーディング、公開までを一貫して行いました。
スマホユーザーを意識したワンスクロール構成と和のデザインを意識することで、親しみやすさとブランドらしさを両立したWebサイトに仕上げています。
制作内容
- 業種：和菓子・おにぎり販売
- 公開URL：https://onigirismile.everyday.jp/
- 制作期間：約1か月
- 担当範囲：ヒアリング、企画（サイトマップ・ワイヤーフレーム）、カンプデザイン、コーディング、サーバアップロード
ご相談時
ヒアリング時点で、クライアントが抱えていたのは以下の課題でした。
- 商品の問い合わせが多い
商品の説明、また印刷できるPDFの用意。 - 顧客層の高齢化
常連のお客様が多い一方で、新規顧客の獲得が難しくなってきている。 - 30〜40代の主婦層への認知不足
新しい客層に向けて、商品を知ってもらう機会を増やしたい。
そこで、「自社サイトを立ち上げて商品一覧を見せられるようにする」ことが決まりました。
さらに、Google検索での上位表示を目指し、検索からの流入も狙う構成としました。
設計で意識した点
- ワンスクロールデザインで直感的に
商品紹介や店舗情報を一画面で見せるワンスクロール形式を採用。
ファーストビューには大きな商品写真を配置し、縦書きのキャッチコピーで和の雰囲気を表現しました。 - モバイルファースト設計
想定される利用者の多くがスマホユーザーであるため、スマホで見やすい設計を最優先。
商品一覧はアコーディオンで展開し、タップ操作に配慮したUIを意識。 - デザイン・カラーリング
- ベースカラー：白（モチーフ：お米）
- メインカラー：透き通った緑（モチーフ：海苔）
- アクセントカラー：やさしい焦げ茶（モチーフ：醤油）
- SEOへの取り組み
- 「西川口 おにぎり」での検索上位表示を目標に設定。
- Google Search Consoleでキーワード出現率を調整し、SEOを意識したコーディングを実施。
その後
- 商品メニューをWebに掲載したことで、電話での問い合わせの業務負担を軽減
- ブランドイメージを強化し、30〜40代主婦層への認知を高める基盤を整えた
- ワンスクロール構成を採用し、商品情報を効率よく伝えることで、閲覧性と滞在時間の改善
- SEO対策により「西川口 おにぎり」などの検索順位が改善し、自然検索からの流入が増えた
- MEOと連携し、Googleマップ検索からの流入を強化
- 問い合わせ手段を電話のみに限定。フォームを設置しない代わりに、必要情報をサイト上で完結させ、電話対応の効率をあげた