تاپ سوار یک پلتفرم جامع در حوزه فروش و خدمات خودرو است که با تمرکز اصلی بر فروش خودروهای صفر و کارکرده و ارائه خدمات تخصصی خودرو طراحی شد. در این پروژه تلاش کردیم تجربهای مینیمال و حرفهای در سطح وبسایتهای مطرح خودروسازی ایجاد کنیم و در کنار معرفی و فروش خودرو، خدمات و امکانات مختلف مورد نیاز مالکین خودرو را در یک اکوسیستم یکپارچه قرار دهیم.
یکی از چالشهای اصلی پروژه، ایجاد ساختاری منسجم برای مجموعهای از سرویسها و قابلیتهای متفاوت بود. محصول تنها یک وبسایت فروش خودرو نبود و بخشهایی مانند ثبت آگهی توسط کاربران، مزایده، خدمات تعمیرگاهی، فیسلیفت و شخصیسازی خودرو، فروش قطعات و پنل اختصاصی مشتریان را نیز شامل میشد. بنابراین لازم بود این حجم از قابلیتها بدون ایجاد پیچیدگی در تجربه کاربر، در یک ساختار ساده و قابل درک قرار بگیرند.
در طراحی تاپ سوار، فروش خودرو بهعنوان هسته اصلی محصول در نظر گرفته شد و سایر قابلیتها در نقش سرویسهای مکمل در کنار آن قرار گرفتند. هدف این بود که کاربر در اولین برخورد با سایت بتواند بهسادگی خودروها را مشاهده و بررسی کند و در ادامه، بسته به نیاز خود به سرویسهایی مانند خدمات خودرو، ثبت آگهی، فروش قطعات یا پنل مالکیت دسترسی پیدا کند. برای زبان بصری پروژه نیز از رویکردی مینیمال، مدرن و نزدیک به فضای دیجیتال برندهای خودروسازی استفاده کردیم تا تصاویر خودرو و محتوای اصلی بیشترین نقش را در تجربه کاربر داشته باشند و رابط کاربری به جای رقابت با محتوا، آن را بهتر نمایش دهد.
ساختار اصلی محصول شامل بخش فروش خودرو، صفحات اختصاصی معرفی خودرو و آپشنهای آن، صفحات ویژه فیسلیفت و شخصیسازی خودرو، خدمات کاور و تغییر رنگ، فروشهای ویژه و کمپینها و همچنین بخش آگهیهای کاربران بود. در کنار این بخشها، پنل اختصاصی مشتریان برای مدیریت سوابق خودرو و خدمات انجامشده و فروشگاه قطعات نیز در نظر گرفته شد.
فرآیند طراحی پروژه با بررسی نیازهای کسبوکار و ساختاردهی قابلیتهای مختلف آغاز شد. پس از مشخص شدن معماری محصول، جریانهای اصلی کاربر طراحی و برای بخشهایی مانند فروش خودرو، ثبت آگهی و پنل مشتریان ساختار تجربه کاربری تعریف شد. در ادامه Wireframe صفحات طراحی شد و پس از نهایی شدن ساختار، رابط کاربری و سیستم بصری پروژه توسعه پیدا کرد.
برای ایجاد یک تجربه یکپارچه در بخشهای مختلف محصول، ساختار طراحی و کامپوننتهای مورد نیاز در قالب یک Design System شکل گرفت. این سیستم به ما کمک کرد تا با وجود تعداد زیاد صفحات و قابلیتها، رابط کاربری در تمام بخشهای محصول یک زبان بصری مشترک داشته باشد و توسعه و گسترش پروژه نیز در آینده سادهتر انجام شود.
تاپ سوار از یک وبسایت ساده معرفی خودرو فراتر رفت و به یک اکوسیستم دیجیتال برای فروش، خدمات و مدیریت خودرو تبدیل شد. در این پروژه تلاش کردیم مسیر کاربر از انتخاب و خرید خودرو تا سرویس، تعمیر، خرید قطعات و مدیریت سوابق خودرو را در یک تجربه یکپارچه و قابل پیشبینی قرار دهیم و در عین حال، ظاهر محصول را ساده، مینیمال و متناسب با فضای برندهای خودرویی نگه داریم.














مدیر محصول
جهت رفع سوالات یا یا هر مشکلی از طریق تلگرام در ارتباط باشید
عوض پیج اینستاگرام ما شوید و از آخرین اخبار و آموزشات مرتبط با رابط کاربری مطلع شوید
پشتیبانی از طریق ایمیل مینیمال