Кейс агентства NechaevStudio о разработке и интеграции сайта для службы доставки еды.
Информация о проекте
Заказчик проекта: Служба доставки еды «Meals&Wheels», работающая на территории города Мытищи. Основное направление деятельности — доставка стритфуда различных кухонь мира, включая мексиканские буррито, американские хот-доги, китайские воки и средиземноморские мидии.
Задачи проекта:
- Создание интернет-магазина с уникальным дизайном с нуля.
- Формирование правильной структуры для последующей SEO-оптимизации, включая оптимизацию карточек товаров.
- Интеграция с CRM-системой для управления заказами и клиентской базой.
- Подключение модулей онлайн-оплаты и сервисов доставки.
- Обеспечение удобной навигации по каталогу, насчитывающему до 120 товарных позиций.
Сайт проекта: meals-wheels.ru
Решение
Работа над проектом началась с детального обсуждения задач и заполнения брифа, на основании которого было сформировано техническое задание. Это позволило четко определить цели, функциональные требования и ожидаемые результаты.
1. Проектирование и прототипирование
На основе утвержденного технического задания командой специалистов был разработан интерактивный прототип в редакторе Figma. Прототип наглядно отображал будущую структуру сайта, расположение ключевых блоков, пользовательские сценарии и пути взаимодействия, что позволило согласовать логику работы интернет-магазина до начала дизайна и верстки.
2. Разработка дизайна и визуальной концепции
Основной акцент в дизайне был сделан на создание атмосферности, передачу ощущения заботы, дружелюбия и уверенности в качестве и вкусе предлагаемых блюд.
- Визуальный ряд: Ключевое внимание уделено аппетитной и качественной фотографии каждого блюда. Изображения подобраны и обработаны таким образом, чтобы вызывать положительные эмоции и стимулировать к совершению заказа.
- Интерфейс: Дизайн интерфейса выполнен в стилистике, отражающей динамичность и современность сервиса. Все элементы, включая иконки и текстовые блоки, продуманы с точки зрения минимализма и отсутствия лишней информации.
- Навигация: Для обеспечения удобства работы с каталогом была разработана и внедрена система тегов, фильтров (по разделам меню, виду мяса, напиткам), сортировки и поиска. Меню каталога было закреплено в боковой части страницы с фиксацией при скролле, что позволяет пользователю в любой момент получить доступ к нужному разделу без лишних действий.
3. Техническая реализация и интеграция
Была проведена комплексная работа по технической реализации функционала интернет-магазина.
- Система управления: Проект реализован на платформе, предоставляющей внутреннюю CRM-систему для управления заказами.
- Интеграция с AMO-CRM: Для автоматизации процессов обработки заявок и работы с клиентской базой была выполнена интеграция с внешней CRM-системой.
- Онлайн-оплата: Подключены и настроены модули приема онлайн-платежей для обеспечения удобства клиентов.
- Интеграция со службами доставки: Реализована техническая связка с сервисом доставки, включая возможность отслеживания статуса заказа и интеграцию с личным кабинетом сервиса.
- Дополнительные страницы: Разработаны и оформлены в фирменном стиле все необходимые страницы: «Доставка и оплата», «Акции и скидки», «Карточка товара» (с функцией сборки продукта и добавления опций), а также кастомная страница 404 ошибки.
- Страница благодарности: Реализована страница, подтверждающая успешное оформление заказа. Ее наличие позволяет точно отслеживать в analytics-системах источник конверсии и завершать воронку продаж.
Каталог и карточки товаров
У каждого товара — подробное описание, состав, фильтры и возможность добавлять доп. опции. Это удобно для заказчика и повышает средний чек.
Дополнительные страницы
- Доставка и оплата — с картой и краткой справкой
- Акции — нестандартные предложения реализованы средствами Tilda
- 404 — оформлена в фирменном стиле
- Страница благодарности — помогает отслеживать конверсии через метрику
Результат
В результате был создан современный, функциональный и визуально привлекательный интернет-магазин. Проект успешно решает ключевые бизнес-задачи клиента: обеспечивает удобный процесс выбора и заказа еды, автоматизирует обработку заявок и управление доставкой. Уникальный дизайн, ориентированный на передачу атмосферности и аппетитности блюд, способствует укреплению бренда и повышению лояльности клиентов. Продуманная структура и навигация создают положительный пользовательский опыт, а технические интеграции обеспечивают бесперебойную работу всех систем сервиса.
