طراحی رابط کاربری و تجربه کاربری وب‌سایت

تاپ سوار ، مـــزایده آنلاین خــــودرو

مدت زمان اجرا :2ماه

معــــرفی کــــوتاهی از پروژه

تاپ سوار یک پلتفرم جامع در حوزه فروش و خدمات خودرو است که با تمرکز اصلی بر فروش خودروهای صفر و کارکرده و ارائه خدمات تخصصی خودرو طراحی شد. در این پروژه تلاش کردیم تجربه‌ای مینیمال و حرفه‌ای در سطح وب‌سایت‌های مطرح خودروسازی ایجاد کنیم و در کنار معرفی و فروش خودرو، خدمات و امکانات مختلف مورد نیاز مالکین خودرو را در یک اکوسیستم یکپارچه قرار دهیم.

چالـــــش های طــــراحی

یکی از چالش‌های اصلی پروژه، ایجاد ساختاری منسجم برای مجموعه‌ای از سرویس‌ها و قابلیت‌های متفاوت بود. محصول تنها یک وب‌سایت فروش خودرو نبود و بخش‌هایی مانند ثبت آگهی توسط کاربران، مزایده، خدمات تعمیرگاهی، فیس‌لیفت و شخصی‌سازی خودرو، فروش قطعات و پنل اختصاصی مشتریان را نیز شامل می‌شد. بنابراین لازم بود این حجم از قابلیت‌ها بدون ایجاد پیچیدگی در تجربه کاربر، در یک ساختار ساده و قابل درک قرار بگیرند.

رویکــــــرد و راه‌حل

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

ساختــــار محصول

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

فــــرآیند طـــراحی محصول

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

طراحی دیزاین سیستم محصول

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

نتیـــجه نهـــــایی

تاپ سوار از یک وب‌سایت ساده معرفی خودرو فراتر رفت و به یک اکوسیستم دیجیتال برای فروش، خدمات و مدیریت خودرو تبدیل شد. در این پروژه تلاش کردیم مسیر کاربر از انتخاب و خرید خودرو تا سرویس، تعمیر، خرید قطعات و مدیریت سوابق خودرو را در یک تجربه یکپارچه و قابل پیش‌بینی قرار دهیم و در عین حال، ظاهر محصول را ساده، مینیمال و متناسب با فضای برندهای خودرویی نگه داریم.

نقش ما در این پروژه چه بود؟

Design System Product Strategy Ui/UX Design Ux Research

ابزار های استفاده شده

مدت زمان اجرای پروژه

2ماه

نظر کارفرما چه بود؟

طراحی سایتمون واقعاً مینیمال، تمیز و با سلیقه انجام دادن با حوصله‌ی کامل به همه جزئیات رسیدگی کردند و مواردی که نیاز به اصلاح داشت را به بهترین شکل حل کردند.

محمد جواد اورنگ

مدیر محصول

اگر همچنان به سوالتان پاسخی پیدا نکردیده اید
میتوانید با ما در ارتباط باشید

ارتباط مستقیم از طریق تلگرام

جهت رفع سوالات یا یا هر مشکلی از طریق تلگرام در ارتباط باشید

سریع ترین

پاسخگویی در سریعترین زمان ممکن

پیج اینستاگرام

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

5000+ عضو

ارتباط از طریق ایمیل

پشتیبانی از طریق ایمیل مینیمال