Продуктовый кейс · Интернет-магазины
FORGED FORM
- Next.js
- TypeScript
- Three.js
- React Three Fiber
- WebGL
- Zustand
- GSAP
- Shopify Storefront API
- Stripe
- Cloudinary
- Vercel
Описание
Техническая концепция автомобильной торговли, основанная на конфигураторе кованых колес, учитывающем комплектацию транспортного средства, диаметр, ширину, расположение болтов, смещение, отделку, номинальную нагрузку, цену и время выполнения заказа.
Детали проекта
Конфигуратор — центральная часть Forged Form, где каждый визуальный выбор рассматривается как инженерное решение. Пользователь задаёт профиль автомобиля, диаметр и ширину диска, PCD, вылет, отделку и количество, а интерфейс сразу обновляет стоимость и сроки производства. Каждая линейка дисков получила отдельные изображения, измеримые характеристики, вес, допустимую нагрузку, описание конструкции и образцы отделки. Дополнительные разделы объясняют ковку, механическую обработку, контроль качества, проверку совместимости, гарантию и доставку. Тёмная индустриальная композиция использует узкую типографику и технические цифры без потери читаемости. На мобильных элементы управления складываются в пошаговый сценарий; клавиатурная навигация, ясные выбранные состояния и подтверждение обращения делают демонстрацию убедительной не только визуально.
Галерея интерфейса
Экраны проекта