ANTEVRA
فروشگاهی کامل برای یک برند کفش تجربیِ ساختگی: هر جا لازم است با حالوهوای مجله، و هر جا باید سریع باشد، سریع.
- هدایت هنری، تجربهی کاربری، فرانتاند و فرایند خرید
- ۲۰۲۶
- Next.js, TypeScript, Tailwind, Playwright
زمینه
ANTEVRA کفشی شهری و تجربی معرفی میشود: ساختاری فنی، بیآنکه ادای برندهای ورزشی را درآورد. سه چیز باید بینقص میشد: هدایت هنری صفحهی نخست، صفحهی محصول و مسیر خرید سریع روی گوشی.
آنچه ساخته شد
صفحهی نخستی با حالوهوای مجله، فروشگاهی با فیلتر، صفحهی مفصل محصول با توالی واقعی تصویرهای چرخشی، جستوجو با یکسانسازی نویسههای فارسی، فهرست ذخیرهها، سبد خرید ماندگار و پرداختی که آگاهانه غیرفعال است، زیرا چیزی برای فروش در کار نیست.
تصویرهای محصول از مدل پارامتریِ خود پروژه رندر شدهاند و هر صفحه به فارسی و انگلیسی در دسترس است.
تصمیمهایی که به آن شکل دادند
وضعیت در نشانی صفحه
فیلتر، مرتبسازی و جستوجو در نشانی صفحه نگه داشته میشوند؛ از این رو پیوندها، بارگذاری دوباره و دکمهی بازگشت همه درست رفتار میکنند.
حرکت، با بودجهای معین
۱۸۰ تا ۲۴۰ میلیثانیه برای کنترلها و ۴۵۰ تا ۷۰۰ میلیثانیه برای لحظههای روایی؛ فقط با جابهجایی و شفافیت، و نسخهای پلهای برای کسانی که حرکت کمتر را ترجیح میدهند.
دسترسپذیر از بنیاد
دکمههای رادیویی استاندارد برای اندازه و رنگ، جستوجوی مطابق الگوهای دسترسپذیری، پنجرههایی که تمرکز را نگه میدارند، اعلانهای زنده، و بررسی خودکار دسترسپذیری در آزمونها.
تصویرها
امروز کجا ایستاده است
- فروشگاه و مسیر خرید کامل، به فارسی و انگلیسی.
- تأیید نهایی حروفنگاری.
آنچه آموختم
برند ساختگی هم به محدودیت واقعی نیاز دارد. تصمیم دربارهی آنچه فروشگاه هرگز انجام نمیدهد (پرداخت، حساب کاربری، سهبعدی) همان چیزی بود که به باقی کار مجال کیفیت داد.