تیم طراحی و توسعه
فروشگاه اینترنتی موبایل و لوازم دیجیتال
عددهایی که برای کارفرما معنا داشتند، نه شاخصهایی که خوب به نظر میرسند.
چیزهایی که پیش از شروع کار با کارفرما توافق شد.
فهرست کامل آنچه در پایان به کارفرما رسید.
در فروش کالای دیجیتال، خریدار پیش از تصمیم چند مدل را کنار هم میگذارد. سایت قبلی ورتوکا مشخصات را در بلوکهای متنی نامنظم نشان میداد و مقایسه عملاً ممکن نبود؛ نرخ رها کردن سبد هم بالا بود.
یک سیستم طراحی کامل ساخته شد که مشخصات فنی را یکدست میکند، و روی آن فروشگاهی با Next.js نشست: مقایسهی مدلها، فیلتر بر اساس مشخصه و تسویهی کوتاهشده.
کارت کالا، جدول مشخصات و نوار فیلتر بهعنوان سه کامپوننت پایه طراحی شدند و بقیهی صفحهها از همانها ساخته شد. نتیجه این شد که هر کالای تازه بدون طراحی دوباره سر جایش مینشیند.
کارهایی که این محصول میتواند انجام دهد و پیش از این نمیتوانست.
کتابخانهای از کامپوننتهای مستند که کالای تازه، دستهی تازه و کمپین را بدون طراحی از صفر جا میدهد.
فیلتر روی حافظه، اندازهی نمایشگر و باتری، نه فقط دسته و قیمت؛ هر گزینه تعداد نتیجهاش را نشان میدهد.
تا سه مدل کنار هم با جدول یکدست؛ تفاوتها برجسته میشوند تا چشم دنبال اختلاف نگردد.
مرحلههای پرداخت بازچینی شد و اطلاعات تکراری حذف؛ خطاها بهجای بالای صفحه، کنار همان فیلد نشان داده میشوند.
ضمانت، اصالت کالا و شرایط مرجوعی جایی نشان داده میشوند که خریدار در همان لحظه به آنها فکر میکند.
کنتراست، اندازهی هدف لمس و حرکت با صفحهکلید در کل سیستم طراحی رعایت و مستند شد.
همان مسیری که واقعاً طی شد، با زمان هر مرحله.
آزمون کاربری روی نسخهی قبلی و بررسی پنج رقیب داخلی؛ نقطهی رها کردن سبد دقیقاً مشخص شد.
ساخت پایهها: رنگ، تایپوگرافی، فاصلهها و سه کامپوننت اصلی که بقیهی صفحهها از آنها ساخته میشوند.
۳۸ صفحه در دو اندازه، با پروتوتایپ کلیکشدنی برای مسیر خرید و مقایسه.
ساخت فروشگاه با Next.js روی همان کامپوننتها و تحویل مستندات سیستم طراحی.
ابزارهایی که این پروژه رویشان بنا شده و امروز هم روی همانها میچرخد.
سیستم طراحی ورتوکا هنوز مرجع تیم داخلی است؛ صفحههای کمپین و دستههای تازه روی همان کامپوننتها ساخته میشوند.
یک جلسهی کوتاه، بدون هزینه و بدون تعهد: میشنویم چه میخواهید، میگوییم چقدر طول میکشد و چقدر خرج دارد.
