چطوری لندینگ بقچه رو یه روزه تغییر دادیم؟

مدت طولانی بود که قرار بود وب سایت بقچه که خیلی وقت پیش‌ها ساخته بودیم (منظور لندینگ وب سایت هست) رو می‌خواستیم عوض کنیم. ولی به خاطر کارهایی که اولویت داشت به تعویق افتاد.

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

همچنین وب سایت با اینکه بیش از ۹۰٪ ترافیکش از موبایل بود ولی در نمایش برای موبایل دچار مشکلاتی جدی بود که در نهایت باعث افزایش ریزش مشتری و خراب شدن flow کاری وی در بقچه شده بود.

اولین وب سایت بقچه سال ۹۴ طراحی شد. خیلی ساده توش فقط توضیح دادیم که چی هستیم و کی هستیم و صرفا برای شروع به کار ساخته بودیم. یه طورایی نمای بیرونی از کسب و کار ما بود چون اون موقع اپ هم نداشتیم. اگه بخوام دقیقتر بگم MVP محصول ما وب سایت مون بود.

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

www.boghche.ir

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

• روی موبایل عالی باشه
• سریع باشه و پارامترهای یک وب سایت خوب رو داشته باشه
• از نظر سئو کمک مون کنه
• ساده و آسون فهم باشه
• هم اسکرول باشه
• کال تو اکشن های مناسب داشته باشه
• دسترسی آسون تر به بقیه جاها داشته باشه
• تصویری تر باشه
• کدبیس بهتر داشته باشه
• ویژگی های آینده نگر مثه AMP و PWA رو داشته باشه
• و...

از نظر محتوا هم باید مفاهیمی که ما دوست داشتیم رو به نمایش در می آورد:

طراحی دم دستی هم برای اینکه بتونیم بفهمیم چی میخوایم و چه شکلی میشه تقریبا این شد:

چون قبلا یه طرح نیمه آماده برای ساختار صفحه داشتیم ولی بر اساس Dark mode طراحی شده بود، از قالب کلی اون توی Sketch هم استفاده کردیم:

خلاصه وب سایت جدید با مشخصه‌های گفته شده ساخته شد:

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

خوش حال میشم هر نظری درباره این دوست جدید مون دارید برام کامنت کنید. :)

پی‌نوشت:

طراحی و اجرای سایت جدید بقچه رو علیرضا کردبچه انجام داده و من وظیفه تاریخ نگاری رو به عهده داشتم :)