E‑commerce · Organic

طبیعت‌کالا — فروشگاه محصولات ارگانیک

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

فروشگاهیارگانیکسبد خریدRTL
نقش ما
طراحی UI و توسعه فرانت‌اند
دسته
فروشگاهی
وزن صفحه‌ی دمو
۹۹ کیلوبایت
عناصر تعاملی
۳۸ دکمه · ۶۷ آیکون برداری

دموی زنده — همین‌جا قابل استفاده است

../../demo/tabiat-kala/index.html

این قاب، خودِ پروژه است و داخل آن می‌توانید اسکرول و کلیک کنید. داده‌ها نمونه هستند و به سرویس واقعی وصل نیستند. برای تجربه‌ی کامل، دمو را در تب جدید باز کنید.

چالش پروژه

در فروش مواد غذایی، کاربر نمی‌تواند محصول را ببوید یا لمس کند؛ پس تمام بار اعتمادسازی روی تصویر، رنگ و ریتم صفحه است.

از طرف دیگر تنوع دسته‌بندی‌ها بالا بود و می‌توانست به‌سرعت به یک منوی شلوغ و گیج‌کننده تبدیل شود.

راهکار تیم

  • پالت سبز/کِرِم با فضای سفید زیاد؛ تصاویر لایف‌استایل جای عکس‌های استوک خشک.
  • کارت محصول با سلسله‌مراتب واضح: تصویر، نام، قیمت، دکمه‌ی افزودن — بدون نویز اضافه.
  • نوار دسته‌بندی افقی و چسبان برای رسیدن به هر گروه محصول در یک کلیک.
  • بنرهای کمپین با تخفیف‌های خوانا برای تحریک خرید آنی.
نمای کامل رابط کاربری طبیعت‌کالا — فروشگاه محصولات ارگانیک
نمای کامل رابط کاربری — نسخه‌ی دسکتاپ

استک فنی

HTML5TailwindJavaScriptطراحی واکنش‌گرا
پروژه‌ی بعدیتایم‌لند — فروشگاه ساعت و گجت هوشمند
مطالعه موردی بعدی