شیک‌پوش

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

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

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

سبد خرید با Zustand ساخته شده و در localStorage ذخیره می‌شود. کاربر می‌تواند مرورگر را ببندد، بعداً برگردد و خریدش سر جای خودش باشد. این جزئیات کوچک، نرخ تبدیل را بالا می‌برد.

فیلتر روی URL params پیاده شده: دسته، سایز، رنگ، محدوده قیمت و مرتب‌سازی. هیچ کوئری سنگینی زده نمی‌شود و هر ترکیبی از فیلتر قابل اشتراک‌گذاری با یک لینک است.

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

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

پالت رنگی گرم (Oatmeal, Terracotta, Moss Green) با تایپوگرافی وزیرمتن؛ هدف ایجاد حس یک برند بالغ و قابل اعتماد بود، نه یک فروشگاه آنلاین عمومی.

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

داشبورد کاربر شامل سفارش‌ها، آدرس‌ها و علاقه‌مندی‌هاست. کاربر می‌تواند آدرس جدید اضافه کند، سفارش‌ها را آکاردئونی باز کند و وضعیت هر سفارش را ببیند.

تصاویر با next/image بهینه می‌شوند، فونت‌ها با next/font لود می‌شوند و مؤلفه‌های سنگین داینامیک import می‌شوند. Time to Interactive روی موبایل زیر دو ثانیه نگه داشته شده.

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