نمودار جریان کاربر
هوم با فعالیت‌ها و دسته‌های چادر/کوله/کفش شروع می‌شود. کارت کالا سه مشخصه فنی دارد. مقایسه دو کالا برای تصمیم چادر و کیسه خواب اضافه شد.
معدنیکمپ
فروشگاه / تجهیزات فضای باز
UI/UX + فروشگاه
فروشگاه تجهیزات outdoor — چادر، کوله، کفش و گارانتی اصالت
کاتالوگ فنی برای برنامه سفر: فیلتر فعالیت، مشخصات وزن و فصل، و اعتماد خرید از فروشگاه تهران.
نقش استودیو هش: UI/UX + فروشگاه
خلاصه پروژه
تجهیزات را با برنامه سفر جور کن، نه فقط با قیمت
خریدار کمپ قبل از تخفیف می‌پرسد این چادر برای دو نفر پاییز کافی است یا نه. معدنیکمپ نیاز به معماری فعالیت‌محور داشت: چادر، کوله، کفش و بقیه قفسه outdoor — با مشخصات فنی روی کارت، ضمانت اصالت، و نشانی فیزیکی تهران به‌عنوان لنگر اعتماد. کاتالوگ باید راهنمای سفر باشد، نه انبار عکس کوچک.
اعداد محصول — از خود پروژه، نه KPI استودیو
- فعالیتمحورورود از نوع برنامه سفر
- اصالتسیگنال گارانتی روی مسیر خرید
- مشخصاتوزن، فصل و ظرفیت روی کارت
مسئله چه بود؟
کاتالوگ فنی را برای تازه‌وارد خواندنی کن
لیست بلند کالا با عکس استودیویی، متخصص را خسته و تازه‌وارد را می‌ترساند. باید فیلتر چندبعدی (فعالیت، فصل، وزن) و زبان ساده کاربرد کنار هم می‌آمد — و اصالت کالا قبل از پرداخت فریاد زده می‌شد.
اهداف استراتژیک
- دسته‌بندی بر اساس فعالیت و نوع تجهیز (چادر، کوله، کفش…)
- نمایش مشخصات کلیدی قبل از PDP
- برجسته کردن ضمانت اصالت و مرجع فروشگاه فیزیکی
رویکرد ما
از کشف مسئله تا مسیر محصول
استراتژی، تحقیق و طراحی تجربه — بر اساس واقعیت‌های کاربر و محدودیت‌های کسب‌وکار.
تحقیق و استراتژی
مناسب‌بودن قبل از قیمت
خریداران آخرهفته‌ای PDP را معمولاً به‌خاطر نامشخص بودن «برای برنامه من می‌خورد؟» رها می‌کنند، نه به‌خاطر گرانی صرف.
یافته‌های کلیدی
- فیلتر وزن و ظرفیت از فیلتر برند بیشتر استفاده می‌شود
- تازه‌وارد دنبال باندل آماده یا راهنمای انتخاب است
- عکس استفاده در طبیعت و نشانی فروشگاه اعتماد را بالا می‌برد
UX و محصول
قفسه راهنما، نه انبار
طرح‌های اولیه و پروتوتایپ
فیلترهای زیاد در پروتوتایپ اول گیج می‌کرد. نسخه نهایی فیلترهای پرکاربرد را بیرون و بقیه را در پنل پیشرفته گذاشت؛ بج اصالت نزدیک قیمت ماند.
جزئیات رابط
خاکی و سبز مسیر، مقاوم و خوانا
پالت outdoor، کنتراست بالا برای خواندن عدد فنی، کارت ساده و زمینی — حس کوه و کمپ، نه بوتیک شهری.
رنگ‌ها
- سبز کمپ#3F4F3A
- خاکی#8B6914
- سطح#EDE6D6
- متن#1C1917
- اکسنت آفرود#B45309
- CTA#FFB818
تجربه محصول
صفحاتی از تجربه نهایی
نمایی از رابط واقعی — بزرگ، خوانا و نزدیک به تجربه کاربر.
پیاده‌سازی فنی
کاتالوگ با فیلتر چندبعدی و اعتماد
صفات فنی کالا (وزن، فصل، فعالیت، نوع تجهیز) قابل فیلتر شدند. سبد و درگاه مسیر استاندارد ماند؛ محتوای اصالت و اطلاعات فروشگاه تهران در PDP و فوتر ثابت شد.
چگونه ساختیم
- کاتالوگ صفات‌دار
- فیلتر و مقایسه
- PDP فنی و اصالت
- سبد و ارسال
- فروشگاه
- فیلتر چندبعدی
- UI/UX
- کاتالوگ فنی
- درگاه
نتیجه پروژه
خروجی پروژه
نشانه‌های محصول و خروجی طراحی — نه شاخص مالی تأییدنشده
- فیلتر فعالیتکشف بر اساس سفر
- مشخصه کارتکمتر ورود بی‌هدف به PDP
- مقایسهتصمیم بین دو تجهیز
- اصالتسیگنال اعتماد پیش از پرداخت
درس محصول از این پروژه
درس محصول outdoor: مشتری برنامه سفر می‌آورد، نه لیست برند. اگر کاتالوگ به برنامه جواب بدهد، قیمت مذاکره دوم می‌شود.
خدمات و مسیر مرتبط
این پروژه به چه مسئله‌ای مرتبط است؟
اگر مسئله‌ای شبیه معدنیکمپ دارید
اگر مسئله‌ای نزدیک به «کاتالوگ فنی را برای تازه‌وارد خواندنی کن» دارید، یا در حوزه فروشگاه / تجهیزات فضای باز به UI/UX + فروشگاه نیاز دارید، گفتگو را شروع کنید. بریف کامل لازم نیست.
دانش مرتبط
مقالاتی مرتبط با این مسئله
UI/UX
اصول طراحی رابط‌های کاربری مدرن در سال ۲۰۲۶ و چالش‌های تعاملی جدید
UI مدرن ۲۰۲۶ یعنی وضوح، حرکت هدفمند و آمادگی برای محتوای تولیدشده توسط مدل — نه گرادیان بنفش و کارت‌های تزئینی. چالش جدید: سفرهای طولانی وب
مطالعه اصول طراحی رابط‌های کاربری مدرن در سال ۲۰۲۶ و چالش‌های تعاملی جدیدطراحی محصولچگونه یک محصول دیجیتال موفق بسازیم: راهنمای جامع استودیو هش
محصول دیجیتال موفق انباشت فیچر نیست؛ زنجیره‌ای از تعریف مسئله، اعتبارسنجی فرضیه، طراحی تجربه و تحویل مهندسی است. در استودیو هش دیزاین و کد ر
مطالعه چگونه یک محصول دیجیتال موفق بسازیم: راهنمای جامع استودیو هش
