JST --:--:--

Urban Tadka

レストラン注文プラットフォーム

たまプラーザ駅近くのURBAN TADKAの公式注文サイト。お客様はデリバリーアプリではなくお店から直接注文し、毎回ポイントが貯まります。

サイトを見る arrow_outward
Urban Tadka homepage in a desktop browser
9:41
Urban Tadka ordering screen on a phone
課題

今や多くの人がデリバリーアプリで料理を注文しますが、アプリは注文ごとに大きな手数料を取ります。電話注文は時間がかかり、誰かが電話の前にいなければなりません。

主な特長

9:41
Urban Tadka ordering app on a phone
1

電話ではなく、数タップで注文

お客様はメニューを検索・絞り込みでき、人気メニューから選べて、ポイントもホーム画面で確認できます。テイクアウトかデリバリーを選び、カード・Apple Pay・Google Pay・PayPay・現金で支払えます。

9:41
Urban Tadka stamp card
9:41
Urban Tadka loyalty QR code to show at the counter
2

また来たくなるポイントとスタンプ

¥1,000以上のご来店ごとにスタンプが1つ、5つ貯まるごとにラッシーかナンが無料。店内ではレジでQRコードを見せるだけなので、オンライン注文でも店内飲食でもポイントが貯まり、使えるのはこのお店だけです。

Coupon management in the Urban Tadka dashboard
9:41
A coupon offer shown to a customer
3

クーポンをすぐに作成

スタッフは割引コードを作り、特定の常連さんから全員まで使える人を選び、1人1回までに制限できます。クーポンはお客様の画面にポップアップで表示され、次の注文ですぐに使えます。

Urban Tadka staff dashboard with revenue and popular products
4

お店のすべてを1つのダッシュボードで

上部に進行中の注文・本日の注文数・本日の売上を表示し、日・週・月ごとの売上グラフと人気メニューも並びます。キッチンが混み合ったら、スイッチ1つで新規注文を一時停止できます。

お店にとって変わること

電話番が不要に

注文はスタッフ用ダッシュボードに届き、ワンタップで受付。電話を受けて注文を書き取るためだけの人手が要らなくなります。

手数料を手元に

デリバリーアプリは注文ごとに大きな手数料を取ります。お店の公式サイトでの注文ならその手数料がかからず、常連さんは直接注文でポイントやクーポンを受け取れます。

常連さんが戻ってくる

ポイントはURBAN TADKAでしか使えないので、お腹が空いたときにほかのインド料理店ではなく、またここに戻ってきてくれます。

プロジェクト概要

クライアント
横浜市・たまプラーザ駅近くのインド料理店、URBAN TADKA。
担当
ウェブサイト、オンライン注文、ポイントプログラム、スタッフ用ダッシュボードのデザインと開発、Cloudflareでのホスティングを担当しました。
納品したもの
  • 英語・日本語のウェブサイト
  • 配達エリアの確認つきのテイクアウト・デリバリー注文
  • カード・Apple Pay・Google Pay・PayPay・現金での支払い
  • ポイント、スタンプカード、店頭用のQRコード
  • 特定のお客様向け、または全員向けのクーポン
  • 席の予約
  • 注文・配達・予約・在庫・顧客を管理するスタッフ用ダッシュボード
状況
urbantadka.jpで公開中。

デリバリーアプリではなく、お店に直接注文してほしい方は、飲食店のウェブサイト制作(英語のページ)をご覧ください。

開発者向けの技術情報

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

スタック

フロントエンド
Next.js 16 React 19 TypeScript CSS Modules
バックエンド
Next.js API Routes Cloudflare D1 SQL Migrations
連携サービス
Stripe PayPay Firebase Auth LINE Login Nodemailer OpenRouter AI
i18n
English Japanese Auto-translation
インフラ
Cloudflare Workers OpenNext Cloudflare R2 Cloudflare Images

アーキテクチャ

cloud

Cloudflareのエッジで稼働

Next.jsアプリはOpenNext経由でCloudflare Workers上で動作。D1データベースの前に専用Workerを置き、トークン署名されたクエリにのみ応答するため、サイト側はデータベースの認証情報を持ちません。Supabaseから移行しました。

shopping_bag

注文から配達まで

カート・決済・リアルタイム注文追跡でテイクアウトとデリバリーに対応。配達エリアは郵便番号で判定し、カード・Apple Pay・Google Pay・PayPay・現金で支払えます。

dashboard

スタッフ用ダッシュボード

売上・人気商品のグラフ、注文、配達、予約、在庫、顧客を管理できる2言語の管理パネル。店頭でお客様のポイントQRをスキャンでき、緊急時には注文の一時停止や時間枠の締め切りも可能です。

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

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