Сайт · Интернет-магазин игрушек

TOY — Найдём идеальную игрушку за минуту

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

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

О проекте

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

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

Главная

Hero, интерактивный помощник подарка, категории по возрасту, сетка хитов, блок коробки-сюрприза, отзывы родителей.

Каталог

Сетка из 12 товаров с сайдбаром фильтров (возраст, категория, пол, цена), сортировкой, пресетами ?age/?cat и пустым состоянием.

Идеи

Готовые кураторские подборки под сценарий с чипами-якорями и сборкой набора в корзину одной кнопкой.

Коробка-сюрприз

Подписка на ежемесячную коробку: как работает, что внутри, три тарифа, форма подписки и FAQ.

Доставка и оплата

Способы доставки, самовывоз по магазинам, оплата, упаковка, возврат и FAQ-аккордеоны.

Контакты

Магазины по городам, статичная карта, каналы связи и форма обратной связи.

Что умеет

✓Помощник подарка (мини-квиз: повод, возраст, интересы, бюджет) с живым результатом и «Добавить топ-3 в корзину»
✓Каталог с фильтрами по возрасту/категории/полу/цене и сортировкой, URL-пресеты ?age и ?cat
✓Корзина-drawer в localStorage со степперами и пересчётом итога
✓Подарочная упаковка (+150 ₽) и промокод TOY15 (−15%)
✓Оформление заказа с модалкой успеха
✓Тарифы подписки с подстановкой выбранного плана в форму
✓Идеи-подборки со сборкой готового набора в корзину
✓FAQ-аккордеоны, тосты, reveal- и hover-анимации

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

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

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

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