Продуктовый кейс · Интернет-магазины
MAISON VELLE
- SvelteKit
- TypeScript
- Tailwind CSS
- GSAP
- Embla Carousel
- Lenis
- Shopify Storefront API
- Sanity CMS
- Algolia
- Cloudinary
- Vercel
Описание
Асимметричный модный опыт, который сочетает в себе индекс сезонной кампании с информацией на уровне одежды, придавая изображениям, изготовлению, размерам, происхождению, доставке и конверсии частных клиентов равный редакционный вес.
Детали проекта
Maison Velle представляет собой досье на подиуме, а не традиционную сетку электронной коммерции. Вступительный индекс определяет сезон, количество образов, контекст производства и ритм коллекции, прежде чем показывать фотографии кампании и отдельные произведения. В пальто Arc, сумке Halo, манжетах Line и брюках со складками используются отдельные изображения, а также состав материала, происхождение, рекомендации по размерам, уходу, цене и условиям доставки. Управляемая карусель поддерживает просмотр изображений без превращения страницы в автоматическое слайд-шоу, а заметки ателье и личный список создают более тихие пути конверсии. Асимметричные макеты рабочего стола превращаются в продуманную мобильную последовательность, сохраняя пропорции изображения и типографский контраст. Карусельное управление на клавиатуре, видимый фокус, сдержанное движение и осмысленный альтернативный текст делают модное направление удобным и выразительным.
Галерея интерфейса
Экраны проекта