Конфигуратор мойки с интерактивной корзиной: собрать как в игре

Задача

У Мойка-Авто.РФ есть мойка самообслуживания в тёплом боксе: клиент арендует бокс на час-два и моет машину сам. Тариф складывается из времени, набора химии и допов — воск, чернение, продувка салона, час с детейлером. Обычный прайс-лист это убивает: человек видит простыню цен, не понимает, во что ему обойдётся его сценарий, и уходит «подумать».

Нужно было превратить выбор в понятный процесс, где итоговая цена видна сразу, а собирать мойку — не скучно.

Что было

• Услуга есть, а на сайте — статичный список цен и телефон.
• Клиент не мог прикинуть свою стоимость, не позвонив.
• Допы (воск, диски, антидождь) терялись в тексте — их просто не замечали.

Что сделали

Шаг 1. Нейминг и сайт

Собрали бренд с нуля: имя Мойка-Авто.РФ, сайт и раздел самообслуживания. Тёмная тема, жёлтый акцент — премиальный детейлинг, а не «мойка у гаражей».

Шаг 2. Конфигуратор в 4 шага

Разложили выбор на понятные шаги: тип авто → время в боксе → химия и наборы → апгрейды. На каждом шаге — карточки с картинками и ценой, ничего вводить руками не нужно.

Шаг 3. Интерактивная корзина

Главное — цена считается в реальном времени. Клиент тыкает опции, а внизу живёт корзина: текущая сумма, выбранный тариф, кнопка брони. Никаких «отправьте заявку и вам перезвонят» — стоимость своей мойки человек видит сам, здесь и сейчас.

Шаг 4. Геймификация

За каждую опцию капает XP, растёт уровень — от «Новичка» до «PRO Детейлер». Прогресс-бар показывает, сколько до следующего уровня. Это не украшение: механика подталкивает добрать опции и дособрать корзину до конца — из интереса, а не под давлением продавца.

Результат

• Прайс превратился в процесс: клиент собирает свою мойку сам и сразу видит цену.
• Допы стали заметными — каждый вынесен в отдельную карточку с XP и эффектом.
• Путь ведёт к конкретной брони бокса, а не к абстрактной заявке.
• Тон общения — «собери и играй», а не «выберите из прайса».

Технический стек

• Next.js — сайт и конфигуратор
• Клиентский расчёт цены и XP в реальном времени
• Адаптив: одинаково работает на десктопе и телефоне
• Картинки опций через оптимизацию изображений

Хотите так же?

Напишите @eldarmarketing — обсудим ваш конфигуратор или интерактивную корзину.