E‑commerce · Digital
شاپ — فروشگاه کالای دیجیتال
فروشگاه کالای دیجیتال با ساختار دسته‌بندی گسترده، جستجوی سریع و مسیر خرید کم‌اصطکاک.
- نقش ما
- طراحی UI و توسعه فرانت‌اند
- دسته
- فروشگاهی
- وزن صفحه‌ی دمو
- ۸۴ کیلوبایت
- عناصر تعاملی
- ۲۳ دکمه · ۲۳ آیکون برداری
دموی زنده — همین‌جا قابل استفاده است
این قاب، خودِ پروژه است و داخل آن می‌توانید اسکرول و کلیک کنید. داده‌ها نمونه هستند و به سرویس واقعی وصل نیستند. برای تجربه‌ی کامل، دمو را در تب جدید باز کنید.
چالش پروژه
صدها کالا در ده‌ها دسته؛ اگر ناوبری درست طراحی نشود، کاربر قبل از رسیدن به محصول خارج می‌شود.
نرخ پرش در صفحات دسته بالا بود و دکمه‌های اقدام به‌اندازه‌ی کافی برجسته نبودند.
راهکار تیم
- بازچینش کارت محصول با فضای تنفسی بیشتر و CTA کاملاً برجسته.
- جستجوی زنده و دسترسی سریع به دسته‌های پرتکرار در هدر.
- لود تدریجی تصاویر برای بهبود سرعت ادراک‌شده در صفحات پرمحصول.
- بنرهای پروموی تعاملی برای هدایت ترافیک به کمپین‌های فروش.
استک فنی
HTML5TailwindJavaScriptPWA
پروژه‌ی بعدیگروه مالی و اقتصادی دوران
مطالعه موردی بعدی