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

Tablelane

سفارش با کد QR و اداره‌ی زنده‌ی کافه، ویژه‌ی کافه‌های تخصصی مستقل؛ با این هدف که فناوری سد راه مهمان‌نوازی نشود.

نقش
طراحی محصول، تجربه‌ی کاربری، فرانت‌اند و ساخت دوزبانه
سال
۲۰۲۶
ابزار ساخت
Next.js, TypeScript, Tailwind, Playwright
صفحه‌ی نخست Tablelane: زمینه‌ی کرم، تیتری با حروف سریف، گوشی‌ای که منوی کافه را نشان می‌دهد و برگه‌ی صف سفارش.

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

زمینه

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

آنچه باید بی‌نقص کار می‌کرد

یک اثبات کامل: سفارش مهمان در صف کارکنان ظاهر می‌شود، کارکنان مراحل آن را پیش می‌برند و علامت «تمام شد» برای یک قلم، بی‌درنگ به منوی مهمان می‌رسد.

باقی موارد آگاهانه کنار گذاشته شد: پرداخت، رزرو، حسابداری انبار، حقوق و دستمزد، و ارسال. هر دکمه یا کار می‌کند، یا توضیح می‌دهد، یا آشکارا نشان «دمو» دارد.

دو زبان، یک وضعیت

وضعیت نمایشی تنها یک بار ذخیره می‌شود و فارسی لایه‌ای کامل برای نمایش آن است، نه یک فایل ترجمه. نسخه‌ی فارسی رقم‌های فارسی، تقویم هجری شمسی و چیدمان آینه‌ای دارد، و شماره‌ی سفارش‌ها چنان جدا شده‌اند که ترتیب جمله را به هم نزنند. قاعده‌ای کوچک اما مهم: در فارسی از نقطه‌ی میانی استفاده نمی‌شود، چون در حروف فارسی با صفر اشتباه گرفته می‌شود.

تصمیم‌هایی که به آن شکل دادند

  1. ۰۱

    وضعیت نمایشی ثابت

    وضعیتی ثابت و ماندگار که به هر کس اجازه می‌دهد بی‌آن‌که سروری در کار باشد، مسیر کامل سفارش را از میز مهمان تا پیشخوان در یک جلسه ببیند.

  2. ۰۲

    آزموده مانند یک محصول

    آزمون‌های مرورگر، مسیر سفارش را در هر دو زبان و در اندازه‌های رومیزی و گوشی پوشش می‌دهند.

تصویرها

اپ کارکنان Tablelane: تابلوی سفارش‌ها با ستون‌های «جدید»، «تأییدشده»، «در حال آماده‌سازی» و «آماده».
اپ کارکنان Tablelane: تابلوی سفارش‌ها با ستون‌های «جدید»، «تأییدشده»، «در حال آماده‌سازی» و «آماده».
صفحه‌ی نخست Tablelane به فارسی، با چیدمان کامل راست‌به‌چپ.
صفحه‌ی نخست Tablelane به فارسی، با چیدمان کامل راست‌به‌چپ.
منوی مهمان Tablelane روی گوشی؛ سفارش از میز ۰۴.
منوی مهمان Tablelane روی گوشی؛ سفارش از میز ۰۴.

امروز کجا ایستاده است

  • ساخته‌شدهمنتشرشده با نسخه‌ی ۱٫۰٫۰: سایت معرفی، سفارش QR برای مهمان و اپ کارکنان، به فارسی و انگلیسی.
  • گام بعددامنه‌ای عمومی برای نسخه‌ی زنده.

آنچه آموختم

راست‌به‌چپ یک تصمیم طراحی است، نه یک ویژگی در CSS. نسخه‌ی فارسی تنها زمانی طبیعی به نظر رسید که تک‌تک جداکننده‌ها، عددها و تاریخ‌ها برای خود فارسی طراحی شدند.

ارتباط

چند خطی بنویسید.

درباره‌ی ساخت وب‌سایت، پروژه‌ای نرم‌افزاری یا هوش مصنوعی، کلاس زبان یا فرصتی برای همکاری. هر پیام را خودم می‌خوانم و پاسخ می‌دهم.

[email protected]
نوشتن ایمیل

یا سری بزنید به صفحه‌ی ارتباط