Works 一覧に戻る Restaurant

お好み焼 よしむら

お好み焼 よしむら Webサイト スクリーンショット

課題 ― 津山名物を守る老舗に、デジタルの窓口がなかった

岡山県津山市で長年にわたって地域に愛されてきたお好み焼き・ホルモンうどんの老舗「よしむら」。「津山名物 ホルモンうどん」を看板メニューに、常連客との深い信頼関係を築いてきた一方で、Webサイトが存在せず、遠方からのお客様や新規の方への情報発信が電話だけに頼らざるを得ない状況でした。

繁忙時間帯の電話対応がスタッフの大きな負担になっており、臨時休業の告知もSNSと口コミだけでは伝わり切らないという課題がありました。「サイトを作っても自分たちで更新できるのか」という不安も強く、更新のたびに業者に依頼するモデルは避けたい。メニューの変更も季節のお知らせも、スマホ一台でその場で完結できる仕組みが不可欠でした。

実装内容 ― カスタマイザー一画面で、店の「今」をすべて管理

老舗としての風格と歴史ある温かみを大切にしつつ、現代のお客様にも使いやすいサイトを目指しました。デザインは深みのある紺(ダークネイビー #16162e)を軸に、手書き風フォントや金色のアクセントを効かせた和の色調でまとめ、「長く続いてきた店ならではの落ち着きと誠実さ」が自然に伝わるよう設計しています。

更新の手間を根本から解消するため、すべてのコンテンツをWordPressカスタマイザー一画面に集約しました。画像を差し替えるだけでヒーロースライダー・メニュー・こだわり紹介・お持ち帰り・求人情報・店舗案内まで自動で反映される独自構成です。スマホから1分以内に完結できる更新フローを実現し、ITに不慣れなオーナーでも迷わず操作できます。

  • WordPressオリジナルテーマ制作(親テーマ2,000行超の独自構築・子テーマは最小限)
  • カスタマイザー15パネル以上 ― ヒーロー・概念・こだわり・メニュー・テイクアウト・求人・店舗情報・アクセス・SNS・ナビゲーションすべてを一画面で管理
  • ヒーロースライダー(3枚・5秒ループ・画像とキャッチコピーをスマホから差し替え)
  • カスタム投稿タイプ「お知らせ」+ カテゴリ別タクソノミー(お知らせ・営業時間・メニュー・イベントの4カテゴリ)
  • 電光掲示板機能(テキストを入力するだけで即表示・空欄にするだけで自動非表示)
  • 月間カレンダー独自実装(Vanilla JS ― 定休日・LO・臨時休業・お知らせをカテゴリ別カラーで一覧表示)
  • 予約管理カレンダー(管理画面から座敷・テーブル・カウンターの座席別予約をAJAXで登録・削除・臨時休業設定)
  • 多ページ構成(TOP・メニュー・お持ち帰り・店舗案内・求人・お問い合わせ)
  • Contact Form 7 によるお問い合わせ一元化(Contact Form 7をお問い合わせページ以外では読み込まない最適化)
  • YouTubeコラボ動画セクション(「うどん探偵Smith」チャンネル連携・SVG波線アニメーション演出)
  • Google Maps 埋め込み・モバイル固定フッターの電話発信ボタン
  • Instagram(@yoshimura1980)・Facebook 導線の整備
  • Google Analytics(GA4)導入・SEO基本設定・スマートフォン最適化
  • 月次・四半期・年次の長期保守サイクルで継続運用中

技術的な工夫 ― 「便利」の裏側にある設計のこだわり

電光掲示板はゴールド文字(#ffd700)×ダークネイビー背景でテキストが途切れなくループするCSSアニメーションで実装。メガホンアイコンとパルスバッジで視線を引きつけます。テキストを空欄にするだけで自動非表示になるため、急なお知らせも・不要になった告知の削除も、1操作で完結します。

お客様向けの月間カレンダーはライブラリを使わず完全独自実装。お知らせカテゴリー(お知らせ・営業時間・メニュー・イベント)をカラーコードで色分けし、定休日・火曜LO(14:00)・臨時休業・座席別予約状況を一目で把握できます。管理画面の予約カレンダーは日付をクリックするだけでAJAXによる登録・削除が完結し、ページ遷移ゼロで操作できます。

SNS(Instagram・Facebook)からサイトへ、サイトからご来店・お問い合わせへとつながる導線を設計しました。SNSで料理写真や季節のお知らせを発信 → サイトでメニュー詳細・テイクアウト・お問い合わせへ、という流れです。あわせて店名・住所・営業時間を構造化データで出力し、Googleマップの埋め込みと電話発信ボタンを常時表示しています。

運用結果 ― 電話対応の負担が激減し、エリア外からの来店も増加

公開後、県外・エリア外からのお客様が目に見えて増加し、「津山ホルモンうどん 食べたくて遠方から来た」という声が届くようになりました。問い合わせがフォームに一元化されたことで電話対応の負担が大幅に軽減。スタッフが料理に集中できる環境が整いました。

お知らせや季節メニューの更新はオーナー自身がスマホから1分程度で完了しており、「更新が面倒で放置」という状態にはなっていません。月次・四半期・年次の保守サイクルのもと継続運用中。YouTubeの「うどん探偵Smith」チャンネルコラボ動画との連携により、サイト外からの認知拡大にも寄与しています。

Client Review

「以前はバラバラに電話や連絡が来て対応が大変でしたが、フォームにまとめてもらってからとても楽になりました。遠いところからわざわざ来てくださるお客さんも増えて、正直驚いています。急なお知らせも電光掲示板ですぐ出せるので助かっています。自分でスマホから更新できるのもありがたく、これからも長くお付き合いをお願いしたいと思っています。」

お好み焼 よしむら  オーナー