رزرو میز
انتخاب روز، ساعت، تعداد نفرات و نوع میز؛ با گزینه‌های میز عادی، VIP و میز تولد مطابق معرفی برنامه در کافه‌بازار.
اپلیکیشن سفارش غذا رستوران لرد
یک منو؛
سه مسیر برای سفارش غذا.
اپلیکیشن رستوران لرد در بهبهان، برای انتخاب غذا و ثبت سفارش با رزرو میز، ارسال با پیک یا تحویل حضوری. در سال ۱۳۹۸، پیاده‌سازی فرانت‌اند این پروژه را انجام دادم.
01
تجربه سفارش
سه روش دریافت سفارش
پس از انتخاب غذا، مشتری می‌تواند روش دریافت را متناسب با برنامه خود انتخاب کند.
ارسال با پیک
انتخاب ارسال سفارش به آدرس موردنظر مشتری، برای دریافت غذا خارج از رستوران.
تحویل حضوری
ثبت سفارش پیش از مراجعه و انتخاب دریافت حضوری، برای کاهش انتظار هنگام آماده‌شدن غذا.
مسئله چه بود؟
مشتری رستوران باید بتواند غذا را انتخاب کند و همان سفارش را با توجه به نیاز خود به رزرو میز، ارسال با پیک یا تحویل حضوری تبدیل کند. این سه مسیر اطلاعات متفاوتی می‌خواهند؛ مثل زمان و تعداد نفرات برای میز یا آدرس برای ارسال. مسئله رابط کاربری، قابل فهم نگه‌داشتن این انتخاب‌ها و مراحل سفارش روی صفحه موبایل بود.
ورود و مرور منو
ورود با شماره موبایل، مرور دسته‌بندی‌ها و پیشنهادهای غذا و پیدا کردن گزینه موردنظر.
جزئیات و انتخاب غذا
نمایش تصویر، توضیحات و قیمت غذا و افزودن آن به سفارش از صفحه جزئیات.
تأیید و سابقه سفارش
نمایش نتیجه ثبت سفارش و دسترسی به فهرست سفارش‌های مشتری برای مرور سابقه و وضعیت.
02
گالری رابط کاربری
از ورود تا تأیید سفارش؛ در خودِ اپلیکیشن.
تصاویر زیر از نسخه منتشرشده برنامه در کافه‌بازار هستند. هر تصویر را برای مشاهده در اندازه بزرگ‌تر انتخاب کنید.
03
نقش من در پروژه
از طراحی XD تا رابط قابل استفاده.
طراحی و پیاده‌سازی دو مسئولیت جدا در این پروژه بودند؛ دیزاینر ظاهر و چیدمان را طراحی کرد و من فرانت‌اند اپلیکیشن را برنامه‌نویسی کردم.
- ۱دیزاینرطرح رابط در Adobe XD
- ۲مسئولیت منپیاده‌سازی صفحات و تعاملات
- ۳تجربه مشتریمسیرهای انتخاب و ثبت سفارش
نقش من / ۱۳۹۸
توسعه‌دهنده فرانت‌اند اپلیکیشن
در سال ۱۳۹۸، برنامه‌نویس فرانت‌اند این پروژه بودم. طراحی رابط کاربری را یک دیزاینر در Adobe XD آماده کرده بود و مسئولیت من، تبدیل آن طراحی به صفحات و تعاملات قابل استفاده در اپلیکیشن بود؛ از مرور غذا و جزئیات آن تا مسیر انتخاب نوع سفارش و نمایش وضعیت و سوابق. نقش من در این پروژه، پیاده‌سازی فرانت‌اند بود و طراحی بصری توسط دیزاینر انجام شد.