Разработка сайтов и дизайн · доставка еды

Кейс — разработка сайта доставки еды из ресторана

В 2018 году к нам обратился клиент с идеей запустить собственную доставку суши, роллов, горячих блюд и Wok в Мытищах. Готового сайта и онлайн-канала продаж не было — проект начинался с нуля. За 3 месяца мы разработали фирменный стиль, спроектировали интерфейс и создали интернет-магазин «Суши Бест» на WordPress с онлайн-оплатой, SMS, передачей заказов в CRM, личным кабинетом, программой лояльности и интерактивным Wok-конструктором. После запуска SEO и контекстной рекламы сайт приносил около 350 заявок в месяц.

  • Клиент: «Суши Бест» — доставка суши, роллов, горячих блюд и Wok в Мытищах
  • Услуга: Разработка сайта · тариф «магазин»
  • Срок: 3 месяца
  • Платформа: WordPress
≈350заявок в месяц после запуска продвижения
3 месяцаот идеи до готового интернет-магазина
7вариантов логотипа подготовили для клиента

Задача

На старте у клиента была бизнес-идея и понимание направленияТребовалось превратить её в работающий сервис, через который покупатель выберет блюда, оформит доставку и оплатит заказ. Ни интернет-магазина, ни цифровой инфраструктуры не было, поэтому сначала определили пользовательский сценарий и состав функционала.

Нужно было разработать фирменный стильСоздать каталог блюд и карточки меню, реализовать корзину и оформление заказа, подключить онлайн-оплату, передавать заказы в CRM, сделать личный кабинет, запустить программу лояльности, создать Wok-конструктор и подготовить сайт к SEO и рекламе.

Что сделали

  1. Сформировали сценарий заказа

    Основной путь строился вокруг быстрого перехода от выбора блюда к оформленному заказу: пользователь открывает меню, сравнивает позиции, смотрит состав и цену; выбранные блюда попадают в корзину, куда можно добавить напитки, соусы, имбирь; покупатель указывает данные доставки, оплачивает — и информация автоматически уходит в CRM.

  2. Разработали фирменный стиль

    Подготовили 7 вариантов логотипа. Основным образом выбрали осьминога — он связывался с тематикой и позволял построить узнаваемый стиль. Цветовая система: чёрный — базовый контрастный цвет, оранжевый — кнопки и ключевые действия, серый — нейтральные фоны. Фотографии блюд остались главным визуальным элементом страниц. Клиент получил логотип, цветовую систему, стилистику интерфейса, дизайн каталога, карточек, корзины, личного кабинета, адаптивные состояния и интерфейс Wok-конструктора.

  3. Создали интернет-магазин на WordPress

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

  4. Связали сайт с CRM

    После оформления в CRM автоматически передавались контакты клиента, адрес доставки, выбранные блюда, количество позиций и сумма заказа. Менеджеру не нужно переносить данные вручную из письма или сообщения.

  5. Подключили онлайн-оплату и SMS

    Покупатель оформляет и оплачивает заказ прямо на сайте. Через SMS подтверждаются действия пользователя; регистрация и восстановление доступа привязаны к номеру телефона, поэтому длинную учётную запись создавать не нужно.

  6. Реализовали личный кабинет и программу лояльности

    Для доставки еды важны повторные покупки, поэтому кабинет и лояльность вошли в первый этап. После авторизации доступны персональные данные, сохранённые адреса, история заказов, накопленные бонусы и повтор предыдущего заказа — постоянный покупатель открывает прошлый заказ и использует его как основу для нового.

  7. Корзина с допродажами

    Корзина постоянно доступна: состав, количество и итоговая стоимость видны сразу. К основному заказу (роллы, суши, горячее, Wok) предлагаются соусы, имбирь, чай, морс и напитки — пользователь дополняет заказ перед оформлением, не возвращаясь в каталог.

  8. Самая сложная часть — Wok-конструктор

    Обычной карточки для Wok было недостаточно: пользователь собирает блюдо сам. Разработали отдельный интерактивный сценарий из 6 шагов: основа блюда → специи и дополнительные ингредиенты → соус → дополнительные позиции → проверка состава → отправка собранного Wok в общую корзину. Интерфейс выбора ингредиентов связали с логикой корзины и передачей позиции в заказ — конструктор стал самостоятельным модулем магазина.

  9. Адаптировали весь сценарий под мобильные

    На смартфоне карточки выводятся вертикальной лентой, состав, цена и кнопка заказа доступны без сложной навигации; на широком экране — плотная сетка каталога. Личный кабинет, корзина и Wok-конструктор сохраняют функционал на телефоне.

  10. Запустили SEO и контекстную рекламу

    После запуска тестово подключили Директ и начали поисковое продвижение по локальной коммерческой семантике: «доставка суши Мытищи», «заказать суши Мытищи», «доставка роллов Мытищи», «роллы на дом Мытищи», «доставка еды Мытищи» и подобным.

Главная страница сайта «Суши Бест» на ноутбуке: логотип с осьминогом, телефоны, баннер фотоконкурса «Я люблю суши» и иконки разделов меню
Главная страница: фирменный стиль с осьминогом, баннер акции и быстрый вход в разделы меню (скриншот со старого сайта агентства)
Каталог сайта «Суши Бест» на ноутбуке: сетка карточек роллов с фото, ценой и кнопкой добавления в корзину
Каталог и карточки блюд сайта доставки «Суши Бест»
Корзина «Ваш заказ» с блоком «Дополнительно»: напитки, соусы и имбирь над списком выбранных роллов
Корзина и блок дополнительных товаров
Экран оформления заказа «Мои адреса» с формой доставки и составом заказа слева
Оформление заказа: адреса доставки и состав заказа
Мобильный личный кабинет: постоянная скидка, шкала скидок от суммы заказов, накопленные баллы и акции
Программа лояльности в мобильном личном кабинете: скидка, шкала до следующей скидки, баллы
Мобильное меню сайта: суши, роллы, гунканы, сашими, сеты, салаты, супы, горячее, напитки и пункт «Конструктор WOK»
Мобильное меню с разделами каталога и входом в Wok-конструктор
Карточка блюда «Гункан тунец спайси» на смартфоне: фото, состав, вес, цена и кнопка «В корзину»
Адаптивная версия: карточка блюда на смартфоне

Результат

Сайт получил позиции по целевым запросам вида «доставка суши»А поисковый и рекламный трафик начали приводить реальные обращения. В среднем через собственный сайт поступало около 350 заявок в месяц — для нового проекта это подтвердило жизнеспособность модели.

Клиент продолжил развивать направление доставкиПозже собственник сменил сферу деятельности, и проект был продан другой компании — к этому моменту он представлял собой работающий цифровой актив с сайтом, системой приёма заказов, клиентским функционалом и каналами привлечения аудитории. Работа начиналась с одной идеи, а завершилась созданием самостоятельного интернет-проекта, который имел ценность для нового владельца.

Что можно повторить в вашем проекте

  • Проектировать сайт как часть бизнес-процесса: заказ сразу уходит в CRM, менеджер ничего не переносит вручную.
  • Закладывать повторные покупки с первого релиза: личный кабинет, история заказов, повтор заказа и программа лояльности.
  • Привязывать регистрацию к номеру телефона и SMS — короче путь до первого заказа.
  • Продвигать локальный сервис по коммерческой семантике с городом («доставка суши Мытищи»), а не по общим запросам.

Флагманский продукт

Сайт под продвижение

Сайт с нуля, сразу сделанный под поисковые системы, и месяц продвижения после запуска. Один договор, одна команда, одна цена.

150 000 ₽сайт и первый месяц продвижения

Что входит

  • Разбор ниши и структура по запросам: разделы, посадочные, смета построчно — 2 недели
  • Прототип, дизайн и сборка на 1С-Битрикс или WordPress, до 20 страниц — 2 недели
  • Техподготовка и запуск: мета-теги, скорость, robots и sitemap, Метрика — 1–2 дня
  • Месяц SEO-продвижения после запуска с отчётом по индексации и заявкам

Получить бесплатный разбор задачи

Пришлите адрес текущего сайта или описание задачи — разберём, что мешает, и назовём срок и цену до подписания договора.

Или сразу: +7 495 118-37-73 · Telegram · Пн–Пт 9:00–18:00

Рассчитать стоимостьПозвонить