نمودار جریان کاربر
نوار خودرو چسبان با فیلترهای ایران‌خودرو/سایپا. PDP سازگاری را با تیک واضح نشان می‌دهد. مسیر کد فنی از هدر؛ CTA ثبت همکار در ناحیه B2B.
آذین پارت
قطعات خودرو
فروشگاه B2C/B2B قطعات
کاتالوگ ۲۰۰۰+ قطعه با فیلتر ایران‌خودرو/سایپا و ثبت نمایندگی
از ۱۳۹۳ تا فروش آنلاین — سازگاری خودرو، مسیر مکانیک و مالک، و درگاه B2B برای همکاران فروش.
نقش استودیو هش: فروشگاه B2C/B2B قطعات
خلاصه پروژه
قطعه وقتی فروش می‌رود که روی همان ماشین ببندد
آذین پارت با سابقه از ۱۳۹۳ و ادعای بیش از دو هزار SKU، کاتالوگ گسترده‌ای داشت اما جستجوی متنی قطعه اشتباه زیاد می‌آورد. سلکتور و فیلترهای ایران‌خودرو/سایپا جلو آمدند؛ مالک با مدل ماشین و مکانیک با کد فنی به نتیجه سازگار می‌رسند. لایه ثبت‌نام همکار/نماینده، مسیر B2B را از خرده‌خرید جدا کرد.
اعداد محصول — از خود پروژه، نه KPI استودیو
- ۲۰۰۰+SKU در کاتالوگ قطعات
- IK/سایپافیلتر سازگاری پرتقاضا
- B2Bمسیر ثبت همکار فروش
مسئله چه بود؟
دو زبان جستجو، یک موجودی — و یک دروازه عمده
مالک «لنت پژو» می‌زند، مکانیک کد می‌دهد، همکار سفارش عمده می‌خواهد. اگر فقط یکی را پشتیبانی کنی نیمی از سفارش‌ها برمی‌گردد یا چت پشتیبانی منفجر می‌شود. باید سلکتور خودرو سریع، جستجوی فنی موازی و فرم نمایندگی جدا می‌بود.
اهداف استراتژیک
- انتخاب/فیلتر خودرو به‌عنوان دروازه کاتالوگ
- جستجوی کد فنی موازی با مسیر مالک
- ثبت‌نام همکار B2B جدا از چک‌اوت خرد
رویکرد ما
از کشف مسئله تا مسیر محصول
استراتژی، تحقیق و طراحی تجربه — بر اساس واقعیت‌های کاربر و محدودیت‌های کسب‌وکار.
تحقیق و استراتژی
مرجوعی ناسازگاری گران‌تر از ارسال است
تیم فروش می‌گفت بخش بزرگی از چت تأیید «این روی ماشین من می‌خورد؟» است. UI باید این سؤال را جلوتر جواب بدهد.
یافته‌های کلیدی
- سلکتور اگر اجباری و سنگین باشد دور زده می‌شود — باید سریع و قابل‌تغییر باشد
- فیلتر برند خودروهای پرتیراژ ایران تصمیم را کوتاه می‌کند
- خرید عمده فیلتر برند قطعه و سبد بزرگ‌تر می‌خواهد
UX و محصول
خودرو را قفل کن، بعد قفسه را باز کن
طرح‌های اولیه و پروتوتایپ
مودال طولانی مشخصات خودرو رها می‌شد. نسخه نهایی فیلدهای کوتاه، ذخیره روی دستگاه، و فرم نمایندگی جدا از سبد خرد است.
جزئیات رابط
صنعتی، خوانا، کنتراست بالا
خاکستری فلز، نارنجی قطعه، سبز سازگاری، جدول مشخصات فشرده — مناسب موبایل تعمیرگاه.
رنگ‌ها
- فلز تیره#1F2937
- اکسنت قطعه#F97316
- سطح#F3F4F6
- متن#111827
- سازگار#16A34A
- CTA#FFB818
تجربه محصول
صفحاتی از تجربه نهایی
نمایی از رابط واقعی — بزرگ، خوانا و نزدیک به تجربه کاربر.
پیاده‌سازی فنی
کاتالوگ سازگاری + درگاه همکار
رابطه تیپ/سال/برند خودرو با SKU هسته جستجو است. موجودی روی همان رابطه فیلتر می‌شود؛ ماژول ثبت نماینده به گردش فروش عمده وصل می‌ماند.
چگونه ساختیم
- سلکتور و فیلتر خودرو
- ایندکس قطعه و کد
- موجودی
- سبد خرد / پنل B2B
- فروشگاه قطعات
- سازگاری خودرو
- جستجوی فنی
- موجودی
- ثبت همکار
نتیجه پروژه
خروجی پروژه
نشانه‌های محصول و خروجی طراحی — نه شاخص مالی تأییدنشده
- جستجوی سازگارکمتر قطعه غلط
- دو مسیرمالک و مکانیک
- ۲۰۰۰+ SKUقابل کشف با فیلتر
- B2Bدروازه همکار جدا
درس محصول از این پروژه
درس محصول یدکی: سؤال سازگاری را قبل از سبد ببند. بقیه رشد — عمده، برند، موجودی — روی همان اعتماد سوار می‌شود.
خدمات و مسیر مرتبط
این پروژه به چه مسئله‌ای مرتبط است؟
اگر مسئله‌ای شبیه آذین پارت دارید
اگر مسئله‌ای نزدیک به «دو زبان جستجو، یک موجودی — و یک دروازه عمده» دارید، یا در حوزه قطعات خودرو به فروشگاه B2C/B2B قطعات نیاز دارید، گفتگو را شروع کنید. بریف کامل لازم نیست.
دانش مرتبط
مقالاتی مرتبط با این مسئله
توسعه
توسعه فرانت‌اند با فریمورک Next.js: راهنمای عملی پایداری و سئو در مقیاس بزرگ
Next.js در مقیاس تجاری فقط «SSR روشن» نیست. باید استراتژی رندر، مرز کلاینت/سرور، تصویر، متادیتا و مشاهده‌پذیری را طوری بچینید که هم خزنده را
مطالعه توسعه فرانت‌اند با فریمورک Next.js: راهنمای عملی پایداری و سئو در مقیاس بزرگمارکتینگمحتوای تخصصی چگونه قیف جذب محصول B2B را گرم می‌کند؟
وبلاگ B2B ویترین مقاله نیست؛ موتور گرم‌کردن قیف برای خریدار فنی و تصمیم‌گیر است. محتوای تخصصی وقتی کار می‌کند که به مرحلهٔ سفر و CTA درست وص
مطالعه محتوای تخصصی چگونه قیف جذب محصول B2B را گرم می‌کند؟
