JST --:--:--

Taj

レストランチェーンウェブサイト

日光・河口湖・沖縄にあるインド料理店「Taj」のウェブサイトです。旅行者はお店を探し、ベジタリアンやヴィーガンで絞り込めるメニューを見て、2名様から観光バスの団体まで席を予約できます。

サイトを見る arrow_outward
Taj homepage: Taste of authentic India in Nikko, Fuji and Okinawa
9:41
Taj homepage on a phone
課題

Tajの3店舗は、旅行者の多い場所にあります。来店客には、正しい店舗と読めるメニュー、そしてかんたんな予約方法が必要です。団体旅行には、バス1台分の席をまとめて予約できるしくみも必要でした。

主な特長

Taj Fuji restaurant page with address, phone and a reserve button
1

店舗ごとのページ

日光・河口湖・沖縄の各店舗に専用ページがあります。住所、電話、アクセス、その店のメニューからの料理写真、そしてその店舗を予約できるボタンを載せています。

9:41
Taj menu on a phone with restaurant tabs, search and categories
2

メニューをポケットに

3店舗のメニューを切り替え、料理を検索したり、カテゴリーへすぐ移動したりできます。すべての料理に写真と価格つき。お店のメニューデータから作っているので、サイトとお店の内容がずれません。

Taj menu filtered to vegan dishes
3

ベジタリアン・ヴィーガンもワンタップで

Tajの料理はすべてハラールです。ワンタップでベジタリアンやヴィーガンの料理だけに絞り込め、辛さも1〜5で表示。トップページの食事スタイルのカードから、絞り込んだ状態でメニューを開けます。

9:41
Taj reservation form with the travel agency option selected
4

2名様から観光バスまで予約

オンラインで最大50名様まで予約でき、駐車台数や、ハラール・ベジタリアン・ヴィーガン・ジャイナなどの食事のご要望も伝えられます。旅行会社は専用フォームに切り替えて、バス会社、運転手、ガイド、その食事まで入力できます。

Taj travel guide: best places to visit in Nikko
5

旅行者を呼び込む観光ガイド

日光、河口湖、沖縄・北谷のおすすめスポットを紹介する観光ガイドです。旅行の計画中に検索される内容に答え、どのガイドも最寄りのTajへつながります。

Taj shopping guide: cheap supermarkets and souvenirs in Nikko
6

旅行者向けの買い物ガイド

日光、河口湖、北谷で安いスーパーやおみやげを買える場所を、お店ごとの地図リンクつきで紹介しています。旅行者が滞在を計画しながら検索する内容で、どのガイドもTajの予約で締めくくります。

お店にとって変わること

来店前に予約

お客様は英語でも日本語でもオンラインで予約できるので、店頭や電話で対応する代わりに、前もって席を準備できます。

団体客も前もって手配

旅行会社は5日前までに、バス会社・運転手・ガイドの情報と一緒に予約するので、大人数でも準備万端で迎えられます。

すべての予約リクエストを一か所に

予約とお問い合わせは、訪問者の統計や週次・月次のメールレポートと一緒に、専用の管理画面に届きます。

プロジェクト概要

クライアント
日光・河口湖・沖縄に店舗を持つインド料理レストラングループ、Taj。
担当
英語と日本語の新しいウェブサイトのデザインと開発、そしてホスティングと継続的な更新を担当しています。
納品したもの
  • トップページと店舗ごとのページ
  • 英語版と日本語版のすべてのページ
  • 検索と食事スタイルの絞り込みができる店舗別メニュー
  • お客様向けの席の予約と、旅行会社向けの予約フォーム
  • 日光・河口湖・沖縄の観光ガイド
  • 各地のスーパーとおみやげの買い物ガイド
  • 予約リクエスト、訪問者の統計、メールレポートの管理画面
状況
tajdining.jpで公開中。

複数店舗を運営していますか?店舗ごとのページを持ち、複数の言語で予約を受けられる飲食店のウェブサイトを制作しています。

開発者向けの技術情報

使用技術・アーキテクチャ・作り方について。

スタック

フロントエンド
React 19 TypeScript Vite Tailwind CSS v4 React Router Motion GSAP
バックエンド
Cloudflare Workers Cloudflare D1 SMTP email Python menu export
インフラ
Cloudflare Custom domain Rate limiting Cron triggers

アーキテクチャ

language

URLで切り替わる2言語

英語は / に、日本語は /jp にあり、URLが言語を決めます。すべてのリンクは言語に合わせて切り替わり、言語を変えても同じページ・同じ絞り込み・同じ位置のまま表示されます。

restaurant_menu

お店のデータから作るメニュー

スクリプトが、お店の既存のメニューデータベースから、注文情報を除いたメニュー項目だけを店舗ごとのファイルに書き出します。データベースには食事制限の情報がないため、ベジタリアン・ヴィーガンの料理は料理名で設定し、お店に確認しています。

mail

予約リクエスト

同じCloudflare Workerがサイトとその APIを配信します。予約はWorkerに送信され、レート制限をかけたうえでD1に保存され、管理画面で確認できます。全角数字で入力された電話番号も保存前に変換するので、入力方法のせいで予約が失敗することはありません。

このようなサイトをお考えですか?

オンライン注文、予約、ポイント機能を備えた飲食店のウェブサイトを制作しています。注文はお店に直接届きます。