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

بازطراحی رابط کاربری و تجربه کاربری فروشگاه کوله پشتی

هدف پروژه

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

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

تمرکز اصلی بازطراحی روی سه بخش مهم فروشگاه بود:

  • صفحات محصول
  • صفحات دسته‌بندی و فیلتر محصولات
  • حساب کاربری

در تمام این بخش‌ها، نسخه دسکتاپ و موبایل به‌صورت جداگانه بررسی و بهینه‌سازی شد.


بازطراحی حساب کاربری

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

  • تمرکز روی بلوک‌های کوله‌بن و نظرات محصول
  • اضافه کردن افکت هاور به نوار کناری و هایلایت صفحه فعال
  • حذف عناصر غیرضروری

دسکتاپ

حساب کاربری - بعد از طراحی
طراحی جدید (بعد)
حساب کاربری - قبل از طراحی
طراحی قدیمی (قبل)

موبایل

حساب کاربری - بعد از طراحی
طراحی جدید (بعد)
حساب کاربری - قبل از طراحی
طراحی قدیمی (قبل)

بازطراحی دسته‌بندی و فیلترها

صفحات لیست محصول

  • تمرکز روی فیلترها
  • افزودن زیرشاخه‌ها همراه با تصویر placeholder
  • کادربندی و فضای سفید بین محصولات

دسکتاپ

دسته بندی - بعد از طراحی
طراحی جدید (بعد)
دسته بندی - قبل از طراحی
طراحی قدیمی (قبل)

موبایل

دسته بندی - بعد از طراحی
طراحی جدید (بعد)
دسته بندی - قبل از طراحی
طراحی قدیمی (قبل)

بازطراحی صفحات محصول

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

  • عدم حواس‌پرتی کاربر از قیمت و دکمه خرید
  • نمایش بهتر کوله بن و خرید اقساطی
  • نمایش بهتر توضیحات، جزئیات و نظرات محصول
  • حذف عناصر غیرضروری

بخش اول صفحه محصول - دسکتاپ

بخش اول صفحه محصول - بعد از طراحی
طراحی جدید (بعد)
بخش اول صفحه محصول - قبل از طراحی
طراحی قدیمی (قبل)

بخش اول صفحه محصول - موبایل

بخش اول صفحه محصول - بعد از طراحی
طراحی جدید (بعد)
بخش اول صفحه محصول - قبل از طراحی
طراحی قدیمی (قبل)

پاپ آپ جدید برای توضیحات کوله بن

بخش دوم صفحه محصول - دسکتاپ

بخش دوم صفحه محصول - بعد از طراحی
طراحی جدید (بعد)
بخش دوم صفحه محصول - قبل از طراحی
طراحی قدیمی (قبل)

بخش دوم صفحه محصول - موبایل

بخش دوم صفحه محصول - بعد از طراحی
طراحی جدید (بعد)
بخش دوم صفحه محصول - قبل از طراحی
طراحی قدیمی (قبل)

نظر کارفرما

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

اشتراک گذاری این پروژه: