طراحی سلر هاب دیجی کالا

سلر هاب دیجی‌کالا مرکز آموزش، انجمن و محتوای فروشندگان دیجی‌کالاست؛ آژانس دییر این پلتفرم وب و رسپانسیو را در مدت شش ماه از پایه بازطراحی کرد.

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

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

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

در کنار این، سلر هاب چند محصول را زیر یک سقف جمع می‌کند و هرکدام الگوی استفاده متفاوتی دارند:

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

مسئله این بود که این بخش‌ها برای کاربر مثل یک محصول واحد با ناوبری و زبان بصری مشترک دیده شوند، نه چند سایت جدا.

۰۱تحقیق و شناخت کاربران

کار با بررسی نسخه قبلی پلتفرم و شناخت نیازهای فروشندگان آغاز شد: فروشنده برای چه کاری به سلر هاب می‌آید، کدام بخش را بیشتر استفاده می‌کند و کجا در مسیرش گیر می‌کند.

۰۲معماری اطلاعات و جریان کاربر

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

۰۳طراحی رابط کاربری

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

۰۴دیزاین سیستم و تحویل به توسعه

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

۰۱صفحه معرفی سرویس‌های تبلیغاتی

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

۰۲کامیونیتی

بخش کامیونیتی شامل اتاق‌های پیشنهادی، فهرست اتاق‌های پربازدید و آخرین پرسش‌هاست. پرسش‌ها با برچسب نقش کاربر، دسته‌بندی، زمان و امکان رأی‌دادن به مفید بودن نمایش داده می‌شوند و فیلترهای محبوب‌ترین، جدیدترین و بی‌پاسخ در دسترس است.

۰۳بلاگ و پروفایل

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

۰۴ال‌ام‌اس آموزشی

در آکادمی، هر دوره فهرستی از موارد درسی دارد که به بخش‌های مطالعه، ویدیو و آزمون تقسیم شده و مدت هر کدام کنار عنوانش آمده است. نمرات و گواهینامه و اتاق گفتگوی دوره هم در همین ستون در دسترس است و دکمه «مطالعه کردم، بعدی» کاربر را در مسیر دوره جلو می‌برد.

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