نمودار جریان کاربر
اسکرول فید تاریک، افزودن از کارت، سبد شناور، چک‌اوت فشرده. ورود OTP روی آستانه سبد/پرداخت آمد. دسته‌ها لایه دوم ماندند برای جستجوگرها.
پاندورالند
فروشگاه / سوشال‌کامرس
طراحی محصول + فروشگاه
سوشال‌کامرس تاریک با فید اینستاگرام‌گونه و ورود OTP
تجربه خرید متفاوت، همانند اینستاگرام — اسکرول عمودی، کارت محصول، و درگاه موبایل با رمز یک‌بارمصرف.
نقش استودیو هش: طراحی محصول + فروشگاه
خلاصه پروژه
اسکرول را قطع نکن؛ خرید را وسط فید بگذار
پاندورالند مخاطب را از اینستاگرام می‌آورد اما منوی کلاسیک فروشگاه همان‌جا رهایش می‌کرد. محصول باید SPA تاریک و فیدعمودی می‌شد: کشف، علاقه، خرید — با ورود موبایل و OTP به‌جای ثبت‌نام طولانی. وعده «تجربه خرید متفاوت، همانند اینستاگرام» یعنی عادت سوشال را نشکنی، فقط سفارش را داخلش بنشانی.
اعداد محصول — از خود پروژه، نه KPI استودیو
- فیدمحورکشف محصول با اسکرول عمودی
- OTPورود با موبایل یک‌بارمصرف
- دارک SPAحس اپ اجتماعی، نه سایت سنتی
مسئله چه بود؟
عادت سوشال را به قیف تبدیل کن، نه به مگامنو
کاربر فید را می‌فهمد، دسته‌بندی درختی را نه. اگر اولین صفحه گرید فیلتردار باشد نرخ پرش بالا می‌رود. از طرفی دیوار ورود OTP باید بعد از ارزش بیاید، نه قبل از دیدن کالا — وگرنه اسکرول نمی‌شود.
اهداف استراتژیک
- فید تمام‌صفحه موبایل با کارت محصول و CTA روی کارت
- خرید بدون خروج کامل از زمینه اسکرول
- ورود OTP شفاف برای سبد و سفارش، بدون فرم طولانی
رویکرد ما
از کشف مسئله تا مسیر محصول
استراتژی، تحقیق و طراحی تجربه — بر اساس واقعیت‌های کاربر و محدودیت‌های کسب‌وکار.
تحقیق و استراتژی
ورود از پست، انتظار فید
کاربرانی که از استوری می‌آمدند دنبالهٔ «دسته → فیلتر → PDP» را طی نمی‌کردند. یا همان کارت را می‌خرند یا می‌روند.
یافته‌های کلیدی
- منوی دسته‌بندی در ورود اول نادیده گرفته می‌شود
- رسانه تمام‌قاب تصمیم را جلو می‌اندازد
- OTP وقتی قابل‌قبول است که کاربر قبلاً کالا را دیده باشد
UX و محصول
کارت عمودی به‌جای قفسه افقی
طرح‌های اولیه و پروتوتایپ
چند الگوی سوایپ و دکمه روی تصویر آزموده شد. نسخه نهایی CTA پایین کارت است تا با ژست اسکرول تداخل نکند؛ کروم UI حداقل شد.
جزئیات رابط
فید تاریک، اکشن صورتی اجتماعی
حداقل کروم، حداکثر رسانه. تایپ کوتاه روی کارت، اکسنت تند برای خرید روی زمینه نزدیک‌به‌مشکی اپ.
رنگ‌ها
- فید تیره#111111
- سطح#FFFFFF
- اکسنت سوشال#EC4899
- متن#17252B
- CTA#FFB818
- متادیتا#6B7280
تجربه محصول
صفحاتی از تجربه نهایی
نمایی از رابط واقعی — بزرگ، خوانا و نزدیک به تجربه کاربر.
پیاده‌سازی فنی
SPA فید + کاتالوگ + احراز OTP
لایه نمایش فید روی همان SKU فروشگاه سوار است. دیپ‌لینک پست به کارت مشخص می‌رسد؛ احراز موبایل سفارش را به حساب گره می‌زند بدون ثبت‌نام سنتی.
چگونه ساختیم
- فید محصول SPA
- کاتالوگ SKU
- سبد سریع
- احراز OTP و سفارش
- سوشال‌کامرس
- SPA
- OTP موبایل
- دیپ‌لینک
- چک‌اوت کوتاه
نتیجه پروژه
خروجی پروژه
نشانه‌های محصول و خروجی طراحی — نه شاخص مالی تأییدنشده
- فیدبهجای مگامنو
- OTPورود سبک موبایلی
- CTA کارتخرید داخل اسکرول
- موبایلالگوی اصلی استفاده
درس محصول از این پروژه
درس محصول سوشال‌کامرس: اگر اولین صفحه شبیه فروشگاه سنتی باشد، کاربر اینستاگرامی همان‌جا می‌پرد. فید را حفظ کن، پرداخت را کوتاه کن.
خدمات و مسیر مرتبط
این پروژه به چه مسئله‌ای مرتبط است؟
اگر مسئله‌ای شبیه پاندورالند دارید
اگر مسئله‌ای نزدیک به «عادت سوشال را به قیف تبدیل کن، نه به مگامنو» دارید، یا در حوزه فروشگاه / سوشال‌کامرس به طراحی محصول + فروشگاه نیاز دارید، گفتگو را شروع کنید. بریف کامل لازم نیست.
دانش مرتبط
