همه نمونه‌کارها

فروشگاه آنلاین

فروشگاه کفش گلدن

از کشف کالکشن تا انتخاب ویژگی کفش

پروژه طراحیشروع همکاری

FIGMA / INTERACTIVE PROTOTYPE

در حال بارگذاری پروتوتایپ…

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

طراحی فروشگاه آنلاین کفش با مرور دسته‌ها، کارت محصول و نمای مستقلی برای بررسی ویژگی‌های کفش.

نقش من
طراحی رابط کاربری
نوع پروژه
پروژه طراحی

۰۱ / شناخت مسئله

کشف و انتخاب در یک فروشگاه

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

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

۰۲ / منطق طراحی

تفکیک نقش بنر، کارت و آزمایشگاه

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

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

۰۳ / خروجی طراحی

ویترین و مسیر جزئیات

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

جزئیات منتخب طراحی

نمای کامل طراحی
نسخه مرتبط از مجموعه طراحی

۰۴ / گام بعدی

ارزیابی پیشنهادی و ملاحظات اجرا

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

نمای طراحی تقریظ کتاب
پروژه قبلی

تقریظ کتاب

صفحه محتوایی

نمای طراحی تم‌استودیو
پروژه بعدی

تم‌استودیو

پورتفولیوی استودیو

برای فصل بعدی محصول آماده اید؟

شروع گفتگو
گالری پروژه
/ ۴