SONOЛендинг · 2026
Лендинг, который ведёт от первого экрана к готовой заявке
Концепт беспроводной колонки: две модели, сравнение, конфигуратор, корзина и заявка. На русском и английском.
Демо-лендинг
Разница между моделями видна сразу
На карточке мощность, автономность и вес. Подробная таблица раскрывается по кнопке.
Покупатель собирает свой комплект
Цвет, число колонок и итог меняются вместе. Выбор сохраняется на устройстве.
Заявка уже знает, что выбрано
Корзина объединяет одинаковые позиции, а в заявку подставляется собранный комплект.
На телефоне тот же путь
Таблица прокручивается внутри блока, конфигуратор помещается в экран.
Как устроено
Статический сайт на React, TypeScript и Vite.
- Языки
- Русский и английский, выбор запоминается.
- Выбор
- Хранится в браузере и не теряется при перезагрузке.
- Цвета
- Мел и графит получены фильтрами из одного снимка колонки.
- Корзина
- Открывается диалогом, Escape закрывает её и возвращает фокус.
Соберите свой комплект на лендинге