اپلیکیشن

یک اپلیکیشن منوی کافیشاپ بساز با ظاهر مدرن، تمیز و اشتهابرانگیز. صفحه اول باید تمام صفحه را از وسط به دو بخش مساوی تقسیم کند: نیمه سمت راست با عنوان بزرگ «بار گرم» و نیمه سمت چپ با عنوان بزرگ «بار سرد». هر نیمه مثل یک کارت یا دکمه بزرگ و واضح قابل لمس باشد و هنگام کلیک وارد صفحه مربوط به خودش شود. برای بار گرم از رنگ‌های گرم مثل قهوه‌ای، کاراملی و کرم استفاده کن و برای بار سرد از رنگ‌های خنک مثل آبی یخی، سبز نعنایی و سفید استفاده کن. عنوان‌ها دقیقاً خوانا و در مرکز هر نیمه قرار بگیرند. صفحه «بار گرم» یک منوی کامل کافیشاپ برای نوشیدنی‌هایی باشد که با قهوه درست می‌شوند. نام هر نوشیدنی به‌صورت جداگانه در کارت یا ردیف مستقل نمایش داده شود، همراه با توضیح کوتاه فارسی. این موارد را حتماً قرار بده: اسپرسو، اسپرسو دوبل، آمریکانو، لانگو، ریسترتو، ماکیاتو، کورتادو، کاپوچینو، لاته، لاته وانیلی، لاته کاراملی، لاته فندق، موکا، موکا سفید، آفوگاتو، آیس‌کافی گرم؟ (این مورد را حذف کن چون بار گرم است)، قهوه ترک، فرنچ‌پرس، کمکس، V60 و قهوه دمی. برای هر مورد یک توضیح کوتاه و قابل فهم بنویس؛ مثلاً ترکیبات اصلی و حال‌وهوای نوشیدنی. مورد اشتباه «آیس‌کافی گرم» را نمایش نده. صفحه «بار سرد» منوی نوشیدنی‌های خنک کافیشاپ باشد، با تمرکز بر نوشیدنی‌های سرد و مناسب فصل زمستان با طعم‌های مرکباتی، ادویه‌ای و میوه‌ای. نام تک‌تک نوشیدنی‌ها جداگانه نمایش داده شود و برای هر کدام توضیح کوتاه فارسی نوشته شود. این موارد را قرار بده: آیس آمریکانو، آیس لاته، آیس موکا، آیس کارامل ماکیاتو، فراپه قهوه، فراپه شکلات، میلک‌شیک وانیل، میلک‌شیک شکلات، میلک‌شیک کارامل، اسموتی توت‌فرنگی، اسموتی انبه، لیموناد، لیموناد زنجبیلی، چای سرد لیمو، چای سرد هلو، موکتل مرکبات، موکتل انار و نعناع، سودا لیمو و نعناع، شکلات سرد و شیر سرد زعفرانی. طراحی این صفحه خنک و زمستانی باشد اما نوشیدنی‌ها سرد باقی بمانند. هر دو صفحه منو باید اسکرول عمودی داشته باشند، خوانا باشند و یک دکمه بازگشت واضح با متن «بازگشت» یا آیکون مناسب در بالای صفحه داشته باشند. هیچ نیاز به حساب کاربری، پرداخت، اینترنت، سرور یا پنل مدیریت نیست؛ اطلاعات منو به‌صورت داخلی در اپ قرار بگیرد و بین بازدیدها ثابت بماند. چیدمان کاملاً واکنش‌گرا و موبایل‌اول باشد؛ ابتدا برای عرض کوچک طراحی شود و از عرض ۳۶۰ پیکسل تا عرض کامل دسکتاپ بدون به‌هم‌ریختگی و بدون اسکرول افقی کار کند. از عرض ثابت پیکسلی و ارتفاع ثابت برای بخش‌های متنی استفاده نشود و به‌جای آن از flex یا grid، درصد و واحدهای نسبی استفاده شود. دکمه‌ها و همه عناصر قابل لمس دست‌کم ۴۴×۴۴ پیکسل باشند و فاصله کافی داشته باشند. هیچ قابلیتی فقط با hover در دسترس نباشد. safe-area insets برای ناچ و نوارهای سیستم رعایت شود و meta viewport استاندارد وجود داشته باشد. در نمایشگرهای بزرگ، فضای اضافه با محدودکردن عرض متن و کارت‌ها یا ستون‌بندی مناسب پر شود، نه با کش‌آمدن یک ستون باریک. سبک بصری کلی شیک، گرم، کافه‌ای و مناسب استفاده روی گوشی و مرورگر دسکتاپ باشد.