八女市役所前 うどん つるや様 ホームページ制作をしました

制作範囲

ディレクション / 情報設計 / コピーライティング / Webデザイン / コーディング / レスポンシブ対応 / 問い合わせ導線設計

制作期間

企画から公開まで約1ヶ月

参考予算

約15万円

使用技術

HTML / CSS / JavaScript

背景と課題

今回は、福岡県八女市でうどんや定食を提供する「つるや」様の店舗サイトとして制作しました。

つるや様は、独自に配合した小麦によるモチモチとした食感と喉ごし、昆布・あじこ・鰹節から丁寧に引いた出汁など、素材と製法に強いこだわりを持つうどん店です。

一方で、飲食店のWebサイトでは、メニューや価格、営業時間などの基本情報だけを掲載しても、お店ならではの魅力や、ほかの店舗との違いまで十分に伝わらない場合があります。

特にうどん店は、Googleマップやグルメサイト上で比較されやすく、実際の来店につなげるためには、「どのような味なのか」「何にこだわっているのか」「どのような人が作っているのか」といった情報を、写真と文章の両方で伝える必要があります。

また、営業時間、定休日、駐車場、座席、アクセス方法、予約方法などの情報が分散していると、来店を検討している方が必要な情報を探しにくくなり、離脱につながる可能性もあります。

そこで今回は、店舗情報を掲載するだけでなく、つるや様ならではの小麦、出汁、手仕事、店主の思いを一つのストーリーとして伝え、初めてサイトを訪れた方が「ここで食べてみたい」と感じられる店舗サイトを目指しました。

制作の意図

今回の制作では、サイトを訪れた方がお店の魅力を直感的に理解し、メニューの確認、営業時間の確認、電話予約、地図の確認といった来店前の行動へ迷わず進めることを重視しました。

ファーストビューでは、「特製小麦が生む、コシと艶。」というメッセージを大きく打ち出し、一般的な店舗紹介ではなく、麺そのものに強いこだわりを持つうどん店であることを明確にしています。

続くセクションでは、人気メニューを写真、価格、簡潔な説明文とともに掲載し、初めて訪れる方でも料理の特徴や注文内容をイメージしやすい構成にしました。

その後、「特製小麦」「専用出汁」「居心地のよい空間」という店舗の特徴を整理し、料理のおいしさだけでなく、店舗で過ごす時間も含めた価値を伝えています。

さらに、店内の利用イメージ、素材や製法へのこだわり、店主紹介、お客様の声、お知らせ、アクセス情報を順番に配置しました。

単に料理を紹介するだけではなく、「なぜこの食感が生まれるのか」「どのような思いで一杯を作っているのか」「初めてでも安心して来店できるか」までを一貫して伝える設計としています。

サイト下部には、住所、営業時間、定休日、座席、駐車場、最寄りのバス停、予約方法をまとめ、来店前に必要な情報を一箇所で確認できるようにしました。

また、スマートフォンで閲覧する利用者を想定し、電話や地図確認へすぐに進める導線を設けています。

トップページに加えて、お品書き一覧ページとお知らせページも用意しました。

お品書きページでは、うどん、ご飯もの、定食、丼もの、飲み物などをカテゴリー別に整理し、価格や大盛り、持ち帰りに関する情報まで確認できる構成としています。

お知らせページでは、営業時間や定休日、駐車場、メニュー変更など、来店前に確認してほしい最新情報を店舗側から発信できるようにしました。

デザインの根拠

デザインは、地域のうどん店が持つ親しみやすさと温かさを表現しながら、素材や製法にこだわる専門店としての品質感を両立することを意識しました。

飲食店サイトでは、料理写真を大きく掲載するだけでも一定の魅力は伝わりますが、写真だけに依存すると、なぜその料理がおいしいのか、どのような考えで提供されているのかまでは伝わりにくくなります。

そのため、本サイトでは料理や店内の写真と、簡潔で印象に残るコピーを組み合わせ、視覚的なおいしさと、言葉による商品の価値を同時に伝える設計としました。

トップページでは、最初に人気メニューを見せ、その後に小麦、出汁、店内空間の特徴を紹介しています。

まず料理に興味を持ってもらい、その後に素材や製法への理解を深めてもらうことで、価格や立地だけではなく、「つるや様だから来店したい」と感じてもらえる情報の流れを設計しました。

色使いや余白についても、派手さを前面に出すのではなく、和食店らしい落ち着きと、料理写真が引き立つ構成を重視しています。

見出し、本文、価格、補足情報の優先順位を明確にし、幅広い年代の方がスマートフォンから閲覧した場合でも、必要な情報を読み取りやすい文字サイズと情報階層に整えました。

店主紹介では、季節や天候によって変化する小麦と向き合いながら、日々一杯ずつうどんを作る姿勢を紹介しています。

作り手の顔や考えを見せることで、チェーン店とは異なる、人の顔が見える地域店舗としての安心感や信頼感につなげています。

また、お客様の声を掲載することで、店舗側からの一方的な説明だけではなく、実際に利用した方の視点から、麺の食感、出汁、料理、店内の雰囲気を伝えられるようにしました。

アクセスセクションでは、地図、店舗外観、住所、駐車場、公共交通機関の情報をまとめ、初めて来店する方が感じやすい「場所が分かるか」「車を停められるか」といった不安の解消を図っています。

活用イメージ

本サイトは、うどん店、そば店、ラーメン店、定食店、和食店、居酒屋、カフェなど、地域に根差した飲食店様に向けた制作例です。

特に、料理や店舗にこだわりがあっても、その魅力をWeb上で十分に伝えられていない店舗では、メニューや店舗情報を掲載するだけでなく、素材、製法、作り手、店舗の歴史や思いまで含めて整理することが重要です。

「料理や店舗の魅力が伝わるサイトを作りたい」

「メニューや価格を分かりやすく掲載したい」

「GoogleマップやSNSだけでは伝えきれないこだわりを紹介したい」

「初めてのお客様が安心して来店できる情報を整えたい」

「スマートフォンから電話や地図確認へ進みやすくしたい」

「営業時間や定休日の変更を店舗から発信したい」

そのようなケースに適した制作例です。

店舗紹介だけでなく、来店促進、電話予約、メニュー案内、アクセス案内、店舗ブランディング、Google検索やGoogleマップ、SNSから訪れた方の受け皿として活用できます。