Сайт · Ювелирный бутик / украшения

Shimmer & Shine — Сияй каждый день, будто это праздник

Hi-fi прототип имиджевого интернет-магазина украшений на мок-данных, без бэкенда. Каталог, быстрый просмотр товара, корзина, вишлист и оформление заказа работают на клиенте; оплата и трек-номер — заглушки, сабмиты ведут на экран успеха. Корзина и вишлист сохраняются в localStorage.

✓ Сайт✓ Ювелирный бутик / украшения✓ Живое демо
Рассчитать стоимость →Написать в MAX
shimmershine.ru
↗
Загружаем демо…
◆Это живое демо — кликайте по интерфейсу прямо здесь. Кнопка ↗ открывает его на весь экран.

О проекте

Hi-fi прототип имиджевого интернет-магазина украшений на мок-данных, без бэкенда. Каталог, быстрый просмотр товара, корзина, вишлист и оформление заказа работают на клиенте; оплата и трек-номер — заглушки, сабмиты ведут на экран успеха. Корзина и вишлист сохраняются в localStorage.

Страницы сайта

Главная

Hero, лента доверия, история бренда, плитки категорий, тизеры коллекций и подарков, сетка бестселлеров, отзывы, подписка.

Каталог

Сетка товаров с фильтрами (категория, металл, цена), сортировкой, чипами активных фильтров и пустым состоянием; читает ?cat= из URL.

Коллекции

Три развёрнутые контентные истории коллекций (Роса, Звёзды, Сердце) с идеей, вдохновением, списком изделий и галереей.

В подарок

Гид по подаркам: подбор по поводу и по бюджету (ведут в каталог с фильтром), персонализация и подарочные сертификаты.

О бренде

История мастерской, материалы и пробы, гарантии, аккордеон «Уход и доставка».

Контакты

Бутики по городам, мессенджеры, форма обратной связи, плейсхолдер карты.

Что умеет

✓Каталог из мок-массива товаров с фильтрами по категории/металлу/цене и сортировкой
✓Модалка быстрого просмотра (Quick View) вместо отдельной страницы товара
✓Выбор размера/длины, гравировка (+500 ₽) и подарочная упаковка (+300 ₽) с живым пересчётом суммы
✓Корзина-drawer с опциями позиций, порогом бесплатной доставки
✓Вишлист-drawer с добавлением из каталога и «В корзину»
✓Оформление заказа с полноэкранным экраном успеха и сгенерированным номером
✓Подбор подарка по поводу и бюджету, подарочные сертификаты (тост)
✓Сохранение корзины и вишлиста в localStorage

Сайт на коде, адаптивная вёрстка. Демо — самодостаточный кликабельный прототип на мок-данных: формы и оплаты — заглушки.

Хотите такой же продукт для своего бизнеса?

Расскажите про задачу — пришлём идею решения и ориентир по цене в течение дня.

Услуга по этому направлению →← Всё портфолио