Gryffin Forge
نمونهٔ زندهرستوران‌هاکسب‌وکار خیالی · Manchester

نمونه‌سایت پیتزافروشی

سایت پیتزای تنوری با منوی خوانا در موبایل، رزرو میز و لینک سفارش برای تحویل حضوری.

Screenshot of Ember & Oak Pizza Kitchen (Pizzeria Website Demo)
پیش‌نمایش زنده در حال بارگذاری…

از این چیدمان خوشتان آمد؟ سایت خودتان را رایگان بسازید — با عکس‌ها، قیمت‌ها و نوبت‌دهی خودتان، در قالب یک فایل.

iنمونه برای یک کسب‌وکار خیالی. Ember & Oak Pizza Kitchen، افراد، قیمت‌ها، نظرها و اطلاعات تماس آن ساختگی هستند؛ فرم‌های نمونه شبیه‌سازی‌اند و چیزی ارسال نمی‌کنند. شماره‌تلفن‌ها از محدودهٔ رزروشدهٔ Ofcom برای نمایش هستند.

زمینهٔ صنف

مسئله‌ای که این ایده بررسی می‌کند

بیرون‌برها و پیتزافروشی‌ها بخشی از سودشان را به اپ‌های تحویل غذا می‌دهند و اغلب منوی خودشان را داخل یک PDF پنهان می‌کنند. مشتری‌هایی که با کمال میل خودشان سفارش را تحویل می‌گرفتند، هیچ‌وقت نمی‌فهمند که چنین امکانی هست.

Ember & Oak چیدمان رستورانی با محوریت منو را امتحان می‌کند: غذاها با قیمت در HTML واقعی، دکمهٔ روشن سفارش برای تحویل حضوری، ساعت کاری و یک مسیر کوتاه رزرو میز.

بازدیدکنندهٔ رستوران سه چیز می‌خواهد: منو، میز و مسیر. این ایده‌ها یک منوی خوانا، رابط رزرو و سبد سفارش را در یک اسکرول قرار می‌دهند — با اولویت موبایل، چون بیشتر جستجوهای رستوران همان‌جا انجام می‌شود.

امکانات نمایش‌داده‌شده

  • منوی HTML

    خوانا، قابل جستجو و سریع روی موبایل — هرگز PDF.

  • سفارش برای تحویل حضوری

    یک لینک برجستهٔ تحویل حضوری، سفارش‌ها را از اپ‌های کمیسیونی دور نگه می‌دارد.

  • رزرو میز

    تاریخ، ساعت و تعداد نفرات در یک قدم کوتاه (شبیه‌سازی شده).

  • ویدیوی آشپزخانه

    ویدیوی دارای مجوز از تنور هیزمی، محصول را پیش از خود منو می‌فروشد.

بهترین روش

سایت خوب برای «رستوران‌ها» چه چیزهایی لازم دارد

راهنمای کامل «رستوران‌ها»
  • منو به‌صورت متن واقعی، نه PDFمنوهای HTML روی موبایل خوانا هستند و موتورهای جستجو پیدایشان می‌کنند.
  • رزرو میز با یک لمستاریخ، ساعت و تعداد نفرات — کوتاه نگهش دارید یا مستقیم به سامانهٔ رزروی که استفاده می‌کنید لینک بدهید.
  • سفارش برای تحویل حضوری یا ارسالاگر ارائه می‌دهید، آشکارش کنید؛ اگر از یک پلتفرم استفاده می‌کنید، روشن به آن لینک بدهید.
  • ساعت کاری، آدرس و نقشهپربازدیدترین اطلاعات در هر سایت رستوران.

تصاویر واکنش‌گرا

دسکتاپ و موبایل، گرفته‌شده از صفحهٔ زنده.

Ember & Oak Pizza Kitchen demo, desktop view, video showcase section
دسکتاپ · بخش نمایش
Ember & Oak Pizza Kitchen demo, desktop view, services section
دسکتاپ · بخش‌های محتوا
Ember & Oak Pizza Kitchen demo, mobile view
موبایل · ۳۹۰ پیکسل

نمای کلی فناوری

این صفحه چطور ساخته می‌شود

این صفحه هنگام درخواست، توسط موتور قالب استودیو از چند پارامتر ساخته می‌شود — قالب، نام کسب‌وکار، شهر و تلفن. هیچ ساخت جداگانه یا رکورد پایگاه داده‌ای برای هر سایت وجود ندارد.

خواندن مطالعهٔ موردی موتور
قالب
restaurant
فناوری‌ها
موتور قالب (جاوااسکریپت خالص) · Cloudflare Workers · پراکسی تصویر و ویدیو در لبهٔ شبکه · حرکت CSS وابسته به اسکرول
حرکت نمایشی
دستهٔ کارت
رندر
روی لبهٔ شبکه، هنگام درخواست
رسانه
ویدیوی دارای مجوز از طریق پراکسی مجاز
فرم‌ها
شبیه‌سازی — چیزی ارسال نمی‌شود
ایندکس
صفحه‌های نمونه ایندکس نمی‌شوند

نمونه‌های مرتبط

همهٔ نمونه‌ها