Макису — разработка сайта для доставки еды, который увеличил количество заявок в 8 раз

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

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

Также были определены контрольные точки проекта, сроки, приоритеты и финальная логика развития интерфейса.

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

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

Такой подход позволил выстроить логически выверенную структуру, избежать ненужных пересечений и минимизировать количество пользовательских действий при совершении заказа.

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

Использовались насыщенные, но сбалансированные цветовые решения, удобные шрифты, иерархия кнопок и акцентов. Все элементы дизайна были проработаны с точки зрения UX: от расположения информации до размеров кликабельных областей.

Особое внимание было уделено сохранению визуального ритма между десктопной и мобильной версией интерфейса.

На следующем этапе мы приступили к адаптивной вёрстке макетов с учётом кроссбраузерности и корректного отображения на экранах всех популярных разрешений. Сайт был реализован на CMS MODX, что обеспечило гибкость и удобство управления контентом.

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

Также мы провели базовую техническую оптимизацию, включая настройку серверных параметров, генерацию ЧПУ и подключение SSL-сертификата.

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

Проводилось пошаговое прохождение всех ключевых действий — от выбора блюда до оформления заказа — с участием заказчика.

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