Кейс / Ресторан и доставка

Мадина — редизайн сайта доставки

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

Тематическая иллюстрация чайханы: шашлык и курица на гриле, лепёшки, соусы и красная нить
Проект
Чайхана «Мадина»
Сфера
Ресторан и доставка
Статус / период
Редизайн опубликован
Направления
Дизайн сайтаДоработка сайтаРедизайн сайтаСайт для еды и доставки

Следующий этап проекта

«Мадина» — чайхана с онлайн-меню и доставкой по Москве и Подмосковью. После разработки сайта мы вернулись к проекту, чтобы обновить его оформление и доработать путь гостя от выбора блюда до корзины. Основой остался действующий сайт с ассортиментом, фотографиями и двумя способами получения заказа.

Задача редизайна

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

До редизайна

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

Мадина до редизайна: светлый каталог «Магия мангала» с белыми карточками и оранжевыми кнопками
До редизайна. Архивный скриншот каталога из кейса разработки сайта.

Новая визуальная система

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

Главная сайта «Мадина» после редизайна
Новая главная сайта «Мадина». Архивный скриншот интерфейса после редизайна.

Как устроили выбор блюда

  1. 01

    Начать с категории

    Меню открывается сеткой категорий с фотографиями и количеством блюд. Внутри раздела на широком экране доступен боковой список, в котором выделена текущая категория.

  2. 02

    Найти по названию

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

  3. 03

    Сравнить и выбрать

    В каталоге доступны сортировка по цене и названию. Карточка объединяет фотографию, название, описание при наличии, цену и кнопку добавления в корзину.

Мадина после редизайна: тёмный каталог «Магия мангала», боковые категории, поиск и новые карточки блюд
После редизайна. Тот же раздел «Магия мангала»: новая палитра, навигация по категориям, поиск и сортировка.

Корзина рядом с меню

Заказ открывается в боковой панели поверх каталога. В ней видны выбранные блюда, количество и стоимость; позиции можно удалить или изменить число порций. Здесь же предложены соусы и другие дополнения. После добавления блюда карточка показывает счётчик порций, а корзина в шапке отражает количество выбранного.

Боковая корзина Мадины с выбранным блюдом, управлением количеством и предложенными соусами
Корзина в новой версии: состав заказа и дополнения доступны поверх страницы меню.

На телефоне

01

Компактная навигация

Основные разделы собраны под кнопкой «Меню». Корзина, поиск и выбор способа получения остаются в шапке.

02

Категории без боковой колонки

На узком экране список категорий заменяет компактный переключатель. Поиск и сортировка доступны над блюдами.

03

Доставка или самовывоз

Способ получения выбирается отдельным переключателем, рядом показывается адрес. Эти элементы встроены в общий стиль сайта.

Посмотреть новую версию

Редизайн уже доступен на действующем сайте чайханы.

Открыть сайт Мадины

Первоначальная разработка

История запуска сайта и онлайн-меню описана в отдельном кейсе.

Кейс разработки сайта «Мадина»

Итог работы

Результат

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

Подробнее о результате

Скриншоты и проверка публичной версии сайта 23 октября 2026 года. Проверены поиск по названию, сортировка по цене, добавление и удаление блюда в корзине, отображение на широком и узком экране. Скриншот до редизайна взят из первоначального кейса разработки. Оформление и оплата реального заказа в эту проверку не входили.

Другие проекты

Все кейсы

Следующий шаг

Решим и вашу задачу

Расскажите о своём проекте. Обсудим, что стоит сделать сейчас и как развивать его дальше.

Описать задачу

Начнём с разговора

Обсудим вашу задачу

Оставьте контакт. Свяжемся с вами и вместе разберёмся в деталях.

Хочу сразу описать задачу