اپلیکیشن

یک وب‌اپلیکیشن/اپ اندرویدی فروشگاه آنلاین طلا با نام «نگار» بساز. هدف برنامه نمایش حرفه‌ای محصولات طلا، اضافه‌کردن آن‌ها به سبد خرید و ثبت سفارش روی خود دستگاه است. صفحه‌ها و قابلیت‌ها: 1. صفحه اصلی: هدر شیک با نام نگار و لوگوتایپ متنی، بنر معرفی فروشگاه، دسته‌بندی‌های گردنبند، انگشتر، دستبند و گوشواره، بخش محصولات ویژه و جدیدترین محصولات، دکمه‌های واضح برای مشاهده محصولات و رفتن به سبد خرید. 2. صفحه محصولات: کارت‌های تصویری محصولات با نام، تصویر، وزن، عیار، قیمت و نشان موجودی. جست‌وجو، فیلتر بر اساس دسته‌بندی و محدوده قیمت، و مرتب‌سازی بر اساس جدیدترین و قیمت کم/زیاد داشته باشد. 3. صفحه جزئیات محصول: تصاویر محصول، نام، قیمت، وزن، عیار، توضیحات، وضعیت موجودی، انتخاب تعداد و دکمه افزودن به سبد خرید. امکان برگشت ساده به فهرست محصولات وجود داشته باشد. 4. سبد خرید: فهرست اقلام، تغییر تعداد، حذف محصول، نمایش جمع جزء، هزینه ارسال و جمع کل، همراه با دکمه ادامه ثبت سفارش. سبد خرید بین بستن و بازکردن دوباره اپ روی همان دستگاه باقی بماند. 5. ثبت سفارش: فرم نام و نام خانوادگی، شماره تماس، شهر، نشانی و توضیحات سفارش. قبل از ثبت، خلاصه سفارش و مبلغ نهایی نمایش داده شود. پس از ثبت، شماره سفارش محلی، خلاصه سفارش و پیام موفقیت نمایش داده شود. 6. صفحه سفارش‌های من: سفارش‌های ثبت‌شده روی همان دستگاه با تاریخ، شماره سفارش، اقلام و مبلغ. امکان مشاهده جزئیات هر سفارش و حذف سوابق محلی وجود داشته باشد. 7. صفحه درباره نگار/تماس: معرفی کوتاه فروشگاه، شماره تماس، ساعات کاری و نشانی نمونه که به‌راحتی قابل تغییر باشد. منطق و داده‌ها: - چند محصول نمونه طلا با تصاویر جایگزین شیک، مشخصات نمونه و قیمت نمونه قرار بده تا فروشگاه از ابتدا قابل مشاهده باشد. - داده‌های سبد خرید و سفارش‌ها با ذخیره‌سازی محلی دستگاه باقی بمانند. - چون سرویس سرور، حساب کاربری، درگاه پرداخت یا API در اختیار نیست، ثبت سفارش در این نسخه محلی باشد و ادعای ارسال سفارش به سرور یا پرداخت واقعی نداشته باشد. ساختار را طوری نگه دار که بعداً بتوان API یا پنل مدیریت اضافه کرد. - دکمه تماس تلفنی و لینک پیام‌رسان را به‌صورت قابل تنظیم قرار بده، اما اطلاعاتی را که داده نشده اختراع نکن؛ از مقادیر نمونه واضح و قابل ویرایش استفاده کن. ظاهر: - طراحی لوکس، مدرن و قابل اعتماد با زمینه کرم/سفید، رنگ طلایی، متن زغالی، کارت‌های تمیز، سایه‌های ظریف و گوشه‌های نرم. - فارسی و راست‌چین، خوانا، با نمایش قیمت به تومان و قالب‌بندی مناسب اعداد. - هویت بصری یکپارچه برای نام «نگار»، آیکون‌های ساده و دکمه‌های واضح. از تصاویر جایگزین مناسب جواهرات استفاده کن و جایگزینی تصاویر محصولات را در داده‌های اولیه ساده نگه دار. واکنش‌گرایی و نصب: - چیدمان کاملاً responsive و mobile-first باشد و برای ۷ اندازه متداول گوشی و ۱ اندازه تبلت به‌خوبی کار کند؛ از عرض ۳۶۰ پیکسل تا عرض کامل دسکتاپ بدون به‌هم‌ریختگی و بدون اسکرول افقی نمایش داده شود. - از عرض ثابت پیکسلی و ارتفاع ثابت برای بخش‌های متنی استفاده نشود و از flex/grid، درصد و واحدهای نسبی استفاده شود. - در عرض‌های بزرگ، محصولات در چند ستون منظم نمایش داده شوند و محتوای متن بی‌دلیل کش نیاید. - تمام دکمه‌ها و عناصر قابل لمس حداقل ۴۴×۴۴ پیکسل باشند و فاصله کافی داشته باشند. هیچ قابلیت مهمی فقط با hover در دسترس نباشد. - safe-area inset برای ناچ و نوار پایین رعایت شود، meta viewport استاندارد وجود داشته باشد و نوار ناوبری پایینی روی محتوا نیفتد. - اپ هم به‌صورت وب‌اپ قابل بازشدن روی کامپیوتر و هم به‌صورت اپ نصب‌شدنی اندروید ارائه شود و داده‌های محلی در بازدیدهای بعدی همان دستگاه حفظ شوند.