Вернуться к кейсам О клиенте
Компания «Великоросс» — производитель готовой еды с собственным заводом в Санкт-Петербурге. Работает с 1993 года, обслуживает корпоративных клиентов федерального уровня: OZON, Магнит, Дикси, X5 Retail Group, Лента, Самокат. Специализация — комплексные обеды и горячее питание с доставкой.
Розничное направление развивается под брендом kakvkusno.ru — доставка готовых блюд частным клиентам в Москве и Санкт-Петербурге.
С чем пришли: 7 задач
Клиент обратился в 2020 году с запросом на полную переработку сайта. Старый интернет-магазин накопил критические проблемы, которые тормозили развитие розничного направления.
1. Устаревший дизайн. Предыдущий сайт визуально и функционально отставал от конкурентов. Требовался уникальный, запоминающийся внешний вид — не шаблонный интернет-магазин, а проект с собственным характером.
2. Накопленные ошибки и баги. За несколько лет эксплуатации в коде накопились ошибки, которые влияли на стабильность работы и пользовательский опыт.
3. Неудобная корзина и оформление заказа. Процесс покупки был многошаговым, с переходами между страницами. Требовался формат, встроенный прямо в страницы сайта — быстрый и без лишних кликов.
4. Ручной перенос заказов в 1С. Заказы с сайта вносились в 1С вручную. Менеджеры тратили часы на перепечатывание данных. Отсутствовала обратная связь: клиент не знал статус заказа, а 1С не сообщала сайту о готовности.
5. Отсутствие CRM. Компания работала без системы управления отношениями с клиентами. Обработка заказов, обращений и контроль персонала велись разрозненно.
6. Два города — один сайт. Бизнес работал в Москве и Санкт-Петербурге с разными условиями доставки, контактами и временем приёма заказов. Нужно было разделение на подсайты с индивидуальными настройками для каждого города.
7. Нет инструментов для маркетинга и SEO. Отсутствовали акции с промокодами, возможности для SEO-продвижения, гибкая настройка метатегов и контентных блоков.
Решение 1. Дизайн: левое меню и встроенная корзина
Поиск финального решения шёл итеративно — перебрали несколько вариантов стилей и цветовых схем, продолжительное время вырабатывали уникальный формат, сверяясь с опытом конкурентов и пожеланиями клиента.
Результатом стал нестандартный для рынка доставки еды интерфейс:
- Левое вертикальное меню разделов каталога — вместо привычного верхнего. Освобождает горизонтальное пространство для товаров и фильтров, визуально структурирует каталог.
- Встроенная правая корзина на всех страницах, где пользователь выбирает товары. Корзина «преследует» покупателя — он видит состав заказа и итоговую сумму, не покидая страницу просмотра. Оформление происходит в один клик, без перехода на отдельную страницу.
- Адаптивная мобильная версия — мобильное меню, корзина с функцией очистки, карточка товара, все шаги оформления оптимизированы под сенсорное управление.
Мобильная версия адаптирована под заказ «на ходу»: меню выезжает боковой панелью, корзина доступна в один тап.
Поиск по сайту — с мгновенной выдачей по названиям блюд. Если ничего не найдено — внятная заглушка с предложением изменить запрос.
На основе SEO-аудита в прототипы сразу заложили элементы для продвижения: настраиваемые метатеги, заголовочную структуру, блоки SEO-текстов в категориях и карточках товаров.
Решение 2. Самописная интеграция с 1С
У клиента была собственная конфигурация 1С — стандартный модуль обмена не подходил. Разработали индивидуальную интеграцию в двух направлениях.
Из 1С на сайт. Товарный каталог наполняется и администрируется только в 1С. При выгрузке на сайт передаются не только названия, цены и изображения, но и расширенные свойства:
- вес порции;
- пищевая ценность (белки, жиры, углеводы, калорийность);
- срок и условия хранения;
- состав и особенности (например, «острое», «с говядиной», «без глютена»).
Эти свойства стали основой для фильтра в каталоге. Покупатель может отфильтровать блюда по составу и характеристикам — например, оставить только острые позиции с говядиной. Каждое свойство выводится в карточке товара в соответствующем блоке.
Из сайта в 1С. После отправки заказа покупателем данные не вводятся вручную. Сайт создаёт заказ в Битрикс24, и с определённой стадии обработки он автоматически уходит в 1С вместе с данными заказчика, списком позиций и применёнными скидками. Обратная связь по заказу возвращается на сайт — клиент видит актуальный статус.
Решение 3. Бизнес-процессы в Битрикс24
Настроена воронка обработки заказов с разделением на этапы и ответственностью разных отделов:
- Новый заказ → менеджер подтверждает.
- Подтверждён → автоматическая передача в 1С → постановка в очередь на приготовление.
- Приготовлен → сборка → передача отделу доставки.
- Доставлен → завершение.
Часть этапов переключается автоматически, часть — вручную менеджерами. Для заказов с оплатой наличными и онлайн выстроена разная логика обработки — это сокращает риски на этапе подтверждения.
Помимо заказов, в Битрикс24 настроена обработка обращений клиентов: все формы связи с сайта попадают в CRM, распределяются по ответственным, контролируются сроки реакции.
Решение 4. Разделение на подсайты Москвы и Санкт-Петербурга
Реализован функционал выбора города с индивидуальными настройками для каждого:
- контакты и адреса;
- время работы доставки и приёма заказов;
- условия и стоимость доставки;
- способы оплаты.
Информационные страницы — «Доставка и оплата», «О компании и контакты» — отображают контент в зависимости от выбранного города.
Переключение между Москвой и Санкт-Петербургом — в один клик, без перезагрузки страницы.
Решение 5. Акции, бонусная программа и SEO
Акции. Разработан отдельный раздел с каталогом спецпредложений. Каждая акция включает: яркий баннер, список акционных товаров, привязанный промокод. На детальной странице акции пользователь может добавить все заинтересовавшие товары в корзину и активировать промокод в один клик.
Бонусная программа. Реализована система накопления и списания бонусов. Правила программы, история начислений и текущий баланс доступны клиенту в личном кабинете.
SEO. В вёрстку и административную панель заложен полный набор инструментов для поискового продвижения: управление метатегами для всех типов страниц, настраиваемая структура заголовков, SEO-текстовые блоки в категориях и карточках товаров, человекопонятные URL, микроразметка Schema.org.
Решение 6. Коммуникация с покупателями
На сайте реализовано несколько каналов связи:
- Обратный звонок — заказ звонка в один клик.
- Форма «Написать нам» — общие вопросы.
- Форма «Задать вопрос» — вопросы по конкретному заказу или товару.
- Обращение в отдел качества — жалобы и предложения.
- Обратная связь в личном кабинете — история обращений с ответами менеджеров.
Все заявки попадают в CRM, распределяются по типам и ответственным.
Модальные окна — для подтверждения действий без ухода со страницы: очистка корзины, применение промокода, выбор города.
Решение 7. Личный кабинет и оформление заказа
Личный кабинет даёт покупателю доступ к:
- истории и статусам заказов;
- бонусному счёту;
- сохранённым адресам доставки;
- истории обращений в службу поддержки.
Оформление заказа — многошаговый процесс без перезагрузки страницы: покупатель последовательно заполняет контактные данные, адрес, способ оплаты, применяет промокод и бонусы. На каждом шаге видит состав и итоговую стоимость заказа в боковой панели.
На мобильных устройствах корзина адаптирована: изменение количества и очистка — в один тап, без ухода со страницы каталога.
Карточка товара с отзывами. Каждый товар имеет страницу с фотографией, описанием, ценой, кнопкой добавления в корзину. Покупатели могут оставлять отзывы и оценки — они отображаются в отдельном блоке карточки.
Итоги проекта
Проект запущен в начале 2021 года. Объём реализации:
| Параметр | Реализовано |
|---|---|
| Типов страниц | 14 (главная, каталог, категория, карточка товара, корзина, оформление заказа, личный кабинет, акции, бонусная программа, о компании, доставка и оплата, контакты, поиск, выбор города) |
| Функциональных модулей | 8 (каталог с фильтрацией, корзина, оформление заказа, личный кабинет, акции и промокоды, бонусная программа, формы связи, мультигород) |
| Интеграций | 3 (двусторонняя 1С, CRM Битрикс24, платёжные системы) |
| Адаптивность | Полная — десктоп, планшет, мобильные |
| Подсайты | 2 (Москва, Санкт-Петербург) с индивидуальными настройками |
| SEO-инструменты | Метатеги, заголовки, SEO-блоки, Schema.org, ЧПУ |
| Каналы связи | 4 (звонок, написать, вопрос, контроль качества) |
| Автоматизация | Заказы поступают в 1С без ручного ввода |
Ключевое изменение: управление товарным каталогом полностью переведено в 1С. Заказы не требуют ручного создания — передаются в CRM и 1С автоматически.
Типичные ошибки в похожих проектах
1. Плоская структура каталога без фильтрации по свойствам. Для доставки еды критичны фильтры по составу и характеристикам блюд: острое/неострое, с мясом/без, калорийность. Если свойства не выгружаются из учётной системы — покупатель не может сузить выбор со 100+ позиций до релевантных 5–10.
2. Корзина как отдельная страница. Пользователь добавляет товар → переход в корзину → возврат в каталог → снова переход. После трёх-четырёх таких циклов конверсия в заказ падает кратно. Встроенная в интерфейс корзина экономит 2–3 клика на каждый добавляемый товар.
3. Ручной перенос заказов из сайта в 1С. Менеджер копирует состав заказа, контакты, адрес. Ошибки при ручном вводе — потеря позиций, перепутанные адреса, неверные скидки. Обратная интеграция «сайт → CRM → 1С» убирает ручной труд и исключает ошибки копирования.
4. Единый сайт для нескольких городов без разделения логики. Условия доставки в Москве и Санкт-Петербурге почти всегда разные: зоны, тарифы, время. Если сайт один на всех — клиент из СПб видит московские контакты, и наоборот. Разделение на подсайты с собственной логикой для каждого города решает эту проблему.
5. Мобильная версия как упрощённая копия десктопа. На мобильных устройствах покупатели чаще просматривают меню и оформляют быстрые заказы. Нельзя просто сжать десктопный интерфейс — нужно переработать навигацию (вместо дерева категорий — крупные карточки), корзину (доступна с любой страницы в один тап) и форму заказа (минимум полей, максимум автозаполнения).
Заключение
Проект для kakvkusno.ru показывает, что ключевой фактор успеха при разработке интернет-магазина доставки еды — не дизайн и не технологии по отдельности, а их совместная работа вокруг реального пользовательского сценария: открыл каталог → выбрал блюда → оформил заказ за минимальное количество действий.
Индивидуальная интеграция с 1С и сквозная автоматизация «сайт → CRM → 1С» избавили менеджеров от ручного переноса заказов. А разделение на подсайты дало клиенту возможность гибко управлять бизнесом в двух городах из единой административной панели.