Все кейсы
E-commerce · ЮвелирикаКлиент: SARA SILVERS

Магазин для ювелирного бренда, где изделие видно вблизи

Зум товара, плавные переходы между страницами и корзина — e-commerce, в котором видны детали изделия.

SARA SILVERS — Jewelry Brand

Проблема

В ювелирке решение о покупке начинается с детали: узор, посадка камня, обработка поверхности. На маленькой карточке этого не видно, покупатель не набирает уверенности и часто даже не доходит до вопроса в переписке.

Решение

Интерфейс построили вокруг одной задачи — показать изделие вблизи. Изображение открывается с зумом, переходы между страницами сделаны непрерывными на Framer Motion, поэтому при переходе из каталога в товар не теряется контекст. Анимации здесь не для красоты, а чтобы удержать покупателя на товаре: любой разрыв в переходе возвращает пользователя назад.

Что сдано

  • Просмотр изделия вблизи с зумом изображения
  • Непрерывные переходы между страницами на Framer Motion
  • Корзина — полностью работает и на мобильном экране
  • Типизированная кодовая база на TypeScript + Tailwind

Технологии

ReactTypeScriptTailwindFramer Motion
Открыть работающий сайт

Нужен похожий проект?

Посмотрите цену в калькуляторе или напишите напрямую в Telegram.

Написать в Telegram