有限会社中野食品様（伊勢屋西川口店）｜飲食店のWebサイト制作

はじめに

埼玉県西川口にある老舗和菓子・おにぎり店「有限会社中野食品（伊勢屋西川口店）」様のWebサイト制作をご紹介します。
「問い合わせの業務負担を軽減」「新しい顧客層を開拓」を形にするため、デザインからコーディング、公開までを一貫して行いました。

案件概要

• クライアント：有限会社中野食品（伊勢屋西川口店）
• 業種：和菓子・おにぎり販売
• 公開URL：https://onigirismile.everyday.jp/
• 制作期間：約1か月
• 担当範囲：ヒアリング、企画（サイトマップ・ワイヤーフレーム）、カンプデザイン、コーディング、サーバアップロード

制作背景と課題

ヒアリング時点で、クライアントが抱えていたのは以下の課題でした。

1. 商品の問い合わせが多い
   商品の説明、また印刷できるPDFの用意。
2. 顧客層の高齢化
   常連のお客様が多い一方で、新規顧客の獲得が難しくなってきている。
   →見込み客の獲得
3. 30〜40代の主婦層への認知不足
   新しい客層に向けて、商品を知ってもらう機会を増やしたい。
   →検索での上位表示

そこで、「自社サイトを立ち上げて商品一覧を見せられるようにする」ことが決まりました。さらに、Google検索での上位表示を目指し、検索からの流入も狙う構成としました。

制作のポイント

1. ワンスクロールデザインで直感的に
   商品紹介や店舗情報を一画面で見せるワンスクロール形式を採用。
   ファーストビューには大きな商品写真を配置し、縦書きのキャッチコピーで和の雰囲気を表現しました。
2. モバイルファースト設計
   想定される利用者の多くがスマホユーザーであるため、スマホで見やすい設計を最優先。
   商品一覧はアコーディオンで展開し、タップ操作に配慮したUIを意識しました。
3. デザイン・カラーリング
   • ベースカラー：白（モチーフ：お米）
   • メインカラー：透き通った緑（モチーフ：海苔）
   • アクセントカラー：やさしい焦げ茶（モチーフ：醤油）
   和菓子店らしい「清潔感」と「和の趣」を意識した配色を採用。写真はクライアント協力のもと新規撮影し、必要に応じて加工・編集を行いました。
4. SEOへの取り組み
   • 「西川口 おにぎり」での検索上位表示を目標に設定。
   • Google Search Consoleでキーワード出現率を調整し、SEOを意識したコーディングを実施。

成果

• 商品メニューをWebに掲載したことで、電話での問い合わせの業務負担を軽減
• ブランドイメージを強化し、30〜40代主婦層への認知を高める基盤を整えた
• ワンスクロール構成を採用し、商品情報を効率よく伝えることで、閲覧性と滞在時間の改善につなげた
• 「西川口 おにぎり」などの検索順位が改善し、自然検索からの流入が増えた
• MEOと連携し、Googleマップ検索からの流入を強化
• クライアントの要望により 問い合わせ手段を電話のみに限定。フォームを設置しない代わりに、必要情報をサイト上で完結させ、顧客対応の効率化につなげた

使用技術

• フロントエンド：HTML, CSS（レスポンシブ対応）, JavaScript, jQuery
• デザイン：Photoshop, Illustrator
• SEO：Google Search Console
• MEO：Googleビジネスプロフィールとの連携、マップ検索での表示最適化
• その他：サーバアップロード、画像最適化

まとめ

本案件では「問い合わせの業務負担を軽減」「新しい顧客層を開拓」をテーマに、デザインから公開までを一気通貫で手掛けました。
スマホユーザーを意識したワンスクロール構成と和のデザインを意識することで、親しみやすさとブランドらしさを両立したWebサイトに仕上げています。