Все кейсы
E-commerce · ЮвелирикаКлиент: SARA SILVERS
Магазин для ювелирного бренда, где изделие видно вблизи
Зум товара, плавные переходы между страницами и корзина — e-commerce, в котором видны детали изделия.
Проблема
В ювелирке решение о покупке начинается с детали: узор, посадка камня, обработка поверхности. На маленькой карточке этого не видно, покупатель не набирает уверенности и часто даже не доходит до вопроса в переписке.
Решение
Интерфейс построили вокруг одной задачи — показать изделие вблизи. Изображение открывается с зумом, переходы между страницами сделаны непрерывными на Framer Motion, поэтому при переходе из каталога в товар не теряется контекст. Анимации здесь не для красоты, а чтобы удержать покупателя на товаре: любой разрыв в переходе возвращает пользователя назад.
Что сдано
- Просмотр изделия вблизи с зумом изображения
- Непрерывные переходы между страницами на Framer Motion
- Корзина — полностью работает и на мобильном экране
- Типизированная кодовая база на TypeScript + Tailwind
Технологии
ReactTypeScriptTailwindFramer Motion
Открыть работающий сайтНужен похожий проект?
Посмотрите цену в калькуляторе или напишите напрямую в Telegram.