پروژه ۰۳کافه زبر · یزد
سفارش بده،صدات می‌کنیم.
برای کافه زبر، وب‌سایت، منوی آنلاین و سفارش، فروشگاه، رزرو، پنل شعبه و پنل مدیریت را طراحی و توسعه دادیم؛ همه متصل به یک منبع داده مشترک.
- کارفرما
- کافه زبر
- دسته
- وب‌سایت، سفارش و پنل شعبه
- خدمات
- طراحی و توسعه
- مکان
- یزد
- سال
- ۱۴۰۵ / ۲۰۲۶
- وضعیت
- تحویل‌شده
- وب‌سایت
- zebrcafe.com
- منو، سفارش و رزروکافه زبر · یزد
- یک پایگاه داده مشترکاز منو تا پنل مدیریت شعبه
زمان هر زبری را نرم خواهد کرد
این جمله بخشی از هویت خود کافه است و نقطه شروع طراحی ما هم از همین‌جا بود؛ ساخت فضایی گرم و نزدیک به حال‌وهوای یزد، بدون اینکه سادگی طراحی از بین برود.
کافه فقط به یک وب‌سایت نیاز نداشت. چیزی که مشتری روی گوشی می‌بیند باید با چیزی که پشت پیشخوان اتفاق می‌افتد هماهنگ باشد؛ نه دو سیستم جدا که قیمت‌ها، سفارش‌ها و اطلاعات میان آن‌ها دستی جابه‌جا شود.
بخش‌های سامانه کافه
آنچه مشتری در گوشی خود می‌بیند و آنچه پشت پیشخوان انجام می‌شود، بخشی از یک سیستم واحد هستند.
- 01وب‌سایت برندهفت صفحه، از منو و فروشگاه تا رزرو و اطلاعات تماس؛ همراه با ویدیوی تمام‌صفحه و نمایش وضعیت باز یا بسته بودن کافه.
- 02منوی آنلاین و سفارش۵۷ آیتم در ۱۱ دسته. مشتری می‌تواند گزینه‌هایی مانند نوع قهوه، شیر و سرد یا گرم بودن نوشیدنی را انتخاب کند و سفارش خود را از همان منو ثبت کند.
- 03فروشگاهفروش محصولات برند کافه، از جمله کیف‌های دوشی، همراه با سبد خرید و ثبت سفارش.
- 04رزرو و فهرست انتظارانتخاب تاریخ با تقویم شمسی، ساعت، تعداد نفرات و فضای موردنظر، مانند سالن یا حیاط. درخواست رزرو همان لحظه در پنل شعبه نمایش داده می‌شود.
- 05پنل شعبهقابل نصب روی ویندوز، آیپد و آیفون. کارکنان می‌توانند مشتری را با بخشی از شماره تماس پیدا کنند، سفارش‌ها را زنده دریافت کنند و وضعیت آماده‌شدن سفارش را مدیریت کنند.
- 06پنل مدیریتمدیریت منو، قیمت‌ها، موجودی، سفارش‌ها، رزروها و کارکنان، از طریق مرورگر و بدون وابستگی به یک دستگاه مشخص.
منویی که مثل خود کافه چیده شده است
منو به‌صورت دو ستونه طراحی شده و هر دسته فضای مشخص خود را دارد. تصاویر ۵۷ محصول نیز پیش از نمایش، یکدست‌سازی شده‌اند تا ترکیب کلی منو منظم باقی بماند.
۵۷ تصویر یکدست
تصاویر اولیه هرکدام اندازه، کادر و پس‌زمینه متفاوتی داشتند. برای این بخش ابزاری ساختیم که پس‌زمینه تصاویر را یکدست و اندازه محصولات را هماهنگ می‌کند.
نتیجه، منویی منظم‌تر و حجم تصویری کمتر بود.
از منو تا پیشخوان
هر محصول گزینه‌های مخصوص خود را دارد. پس از ثبت سفارش، اطلاعات همان لحظه در پنل شعبه ظاهر می‌شود و کارکنان می‌توانند وضعیت آن را تا زمان آماده‌شدن مدیریت کنند.
تصمیم‌هایی برای شرایط واقعی یک کافه
سیستم باید در محیطی کار کند که همیشه شرایط ایده‌آل ندارد؛ اینترنت ممکن است ضعیف یا قطع شود و در ساعات شلوغ هم کارکنان فرصت پیگیری چند مرحله‌ای ندارند.
اگر ارتباط شعبه قطع شود
اگر ارتباط کافه با سامانه قطع شود، سفارش آنلاین به‌طور موقت غیرفعال می‌شود تا سفارشی ثبت نشود که کارکنان امکان دریافت آن را ندارند.
پنل شعبه در شرایط محدود هم قابل استفاده است
بخش‌هایی از پنل شعبه بدون اتصال پایدار نیز در دسترس می‌مانند و اطلاعات پس از برقراری ارتباط همگام می‌شوند. همان پنل روی گوشی و اینترنت موبایل نیز قابل استفاده است.
سفارش جدید فقط دیده نمی‌شود، شنیده هم می‌شود
برای سفارش و رزرو جدید، علاوه بر اعلان تصویری، هشدار صوتی نیز وجود دارد تا در محیط شلوغ کافه احتمال از دست رفتن درخواست کاهش پیدا کند.
وابستگی کمتر به منابع خارجی
فونت‌ها و منابع اصلی رابط در خود سیستم قرار گرفته‌اند تا نمایش منو در اتصال‌های ضعیف تا حد ممکن به سرویس‌های دیگر وابسته نباشد.
جزئیات نسخه موبایل
رابط برای محدوده امن نمایش در آیفون بهینه شده است و محتوای اصلی پیش از تکمیل بارگذاری نیز قابل مشاهده است.
در صورت فعال بودن تنظیم «کاهش حرکت»، انیمیشن‌های غیرضروری نیز غیرفعال می‌شوند.
نقشه اختصاصی کافه
به‌جای استفاده از یک نقشه عمومی که با هویت بصری زبر هماهنگ نبود، نقشه اختصاصی بر اساس برندبوک کافه طراحی شد؛ از مسیر میدان امام حسن تا کافه، همراه با پین‌های گنبدی و برچسب‌های فارسی.
حال‌وهوای یزد
رنگ‌ها، فرم‌ها و جزئیات بصری سایت از برندبوک کافه زبر و نشانه‌هایی از معماری یزد گرفته شده‌اند.
- شب زیتونی#3C4F30
- اسپرسو#583E33
- سج#A3A791
- راست#BCA49C
- کرم#F9F6EE
دیباج و Playfair
دیباج برای متن فارسی و Playfair Display برای نام‌ها و بخش‌های انگلیسی انتخاب شده‌اند. اعداد فارسی و تقویم شمسی نیز در سراسر سامانه حفظ شده‌اند.
- قوس یزدی
- ستاره چهارپر
- الگوی ربع‌دایره
- پین گنبدی
حرکت‌های آرام
حرکت‌ها محدود و متناسب با فضای برند طراحی شده‌اند؛ از عبور آرام جمله‌های برند تا حرکت ملایم پین نقشه و ستاره‌ها.
بافت روشن پس‌زمینه نیز از تصویر پارچه مورد استفاده خود کافه گرفته شده و با رنگ‌های برند هماهنگ شده است.
پروژه تحویل شده و روی zebrcafe.com در دسترس است.
منو، سفارش، فروشگاه، رزرو و پنل شعبه اکنون در یک ساختار واحد به هم متصل‌اند.
بگویید کارتان در چه مرحله‌ای متوقف شده یا به چه کمکی نیاز دارید.
شماره تماس خود را وارد کنید؛ حداکثر تا پایان روز کاری بعد با شما تماس می‌گیریم.