О клиенте
Цветомания — сеть из 70 цветочных супермаркетов и онлайн-сервис доставки в Санкт-Петербурге, работает с 2003 года. Более 500 сотрудников, собственный склад с прямыми поставками с плантаций. Ежемесячно свыше 100 000 заказов, более 1,2 млн букетов в год. Клиентская база превышает 800 000 покупателей. Сайт — основной канал продаж: через него проходит до 60% заказов, включая экспресс-доставку и круглосуточное оформление.

С чем пришли
- Плоский каталог без группировки. Букеты выводились единым списком без разделения по типу, цвету и поводу. Покупатель скроллил вместо того, чтобы выбирать.
- Многоэкранная форма заказа. Оформление требовало заполнения 4–5 экранов. Конверсия из корзины в заказ не превышала 12%.
- Нет возможности добавить открытку и подарки. Сопутствующие товары заказывались только через колл-центр отдельным обращением.
- Ручная обработка заказов. Данные переносились в CRM вручную. В пиковые дни (8 Марта, 14 Февраля) это приводило к потерям.
- Мобильная версия неработоспособна. При доле мобильного трафика выше 70% форма заказа не заполнялась с телефона.
Что сделали
1. Трёхуровневый каталог с визуальной фильтрацией
Каждый букет получил три оси: тип (монобукет, сборный, корзина, охапка, авторская работа), цветовая палитра (визуальный выбор из шести оттенков) и повод. Каталог верхнего уровня — 10 категорий с подкатегориями. Карточка товара показывает реальный снимок собранной композиции, а не студийное фото.

2. Одноэкранный заказ
Форма умещена в один экран без перезагрузки: адрес, время, контакты, текст открытки. Калькулятор пересчитывает стоимость при смене адреса. Экспресс-доставка показывает ближайший интервал с точностью до 30 минут. Для авторизованных пользователей — заказ в один клик: адрес и платёжные данные из профиля, оформление менее 15 секунд. Конверсия выросла до 24%.

3. Модуль открыток и дополнений
На этапе оформления — блок «Добавить к букету»: открытка с персонализированным текстом, мягкая игрушка, конфеты, шары. Каждый элемент визуализирован в корзине и влияет на итоговую сумму. Бесплатная открытка при заказе от пороговой суммы настраивается администратором. Средний чек за счёт дополнений вырос на 18%.

4. Интеграция с CRM и платёжными системами
Заказ автоматически создаёт сделку в CRM со всеми полями: состав, адрес, контакты, слот, текст открытки, статус оплаты. Менеджер ведёт заказ по воронке: принят → собирается → передан курьеру → доставлен. Клиент получает SMS на каждом этапе. Подключены карты, СБП и Apple Pay, статус платежа синхронизирован в реальном времени. Пропускная способность — до 3 000 заказов в сутки.

5. Mobile-first вёрстка
Каталог на мобильном — двухколоночная сетка, карточка раскрывается тапом, фильтр по цвету свайпом. Форма в столбец с touch-мишенями не менее 44 px. Sticky-блок с ценой и кнопкой «Оформить» в нижней части экрана. Lighthouse Performance Score 87+. Доля мобильных заказов выросла с 31 до 58%.
Итоги
| Компонент | Результат |
|---|---|
| Каталог | 10 категорий, трёхуровневая группировка, фильтр по типу, цвету и поводу |
| Оформление | Один экран, экспресс-доставка 30 минут, заказ в один клик |
| Интеграция с CRM | Автосоздание сделки, синхронизация статусов, SMS-уведомления |
| Платёжные модули | Карты, СБП, Apple Pay — статус в реальном времени |
| Мобильная версия | Mobile-first, touch-оптимизация, Lighthouse 87+ |
| Конверсия корзина → заказ | С 12 до 24% (рост в 2 раза) |
| Доля мобильных заказов | С 31 до 58% |
| Средний чек | Рост на 18% за счёт дополнений |
| Пиковая нагрузка | До 3 000 заказов в сутки |
Типичные ошибки в похожих проектах
1. Плоский каталог. 200+ позиций единым списком. Клиент приходит за «букетом на день рождения» — без фильтра по поводу уходит к конкуренту.
2. Игнорирование мобильного трафика. 75–80% посетителей цветочных магазинов заходят с телефона. Десктопная вёрстка, ужатая под мобильный, даёт отказы на этапе выбора.
3. Разрыв между сайтом и CRM. Заказ на сайте, обработка в Excel. При 100+ заказах в день ручной перенос ведёт к ошибкам в адресах и времени доставки.
4. Дополнения без превью и без пересчёта суммы в реальном времени. Клиент не видит, что покупает и за сколько. Грамотная интеграция даёт рост чека на 15–20%.
5. Отсутствие фотоконтроля. Стоковые фото не совпадают с реальным букетом. Снимок перед отправкой снижает возвраты — критично для премиум-заказов.
Заключение
Проект Цветомании — пересборка крупного e-commerce, где решающим обстоятельством стала проработка клиентского пути от входа в каталог до SMS о вручении. Mobile-first при 70% мобильного трафика — не тренд, а обязательное условие. Сквозная интеграция с CRM исключила ручной труд. Двукратный рост конверсии и переход 58% заказов в мобильный канал подтверждают: в цветочном e-commerce побеждает самый короткий путь от выбора букета до двери получателя.
