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

Следующий этап проекта
«Мадина» — чайхана с онлайн-меню и доставкой по Москве и Подмосковью. После разработки сайта мы вернулись к проекту, чтобы обновить его оформление и доработать путь гостя от выбора блюда до корзины. Основой остался действующий сайт с ассортиментом, фотографиями и двумя способами получения заказа.
Задача редизайна
Передать атмосферу чайханы через интерфейс и сделать большое меню понятнее. На главной — сразу показать предложение ресторана и вход в меню. В каталоге — дать несколько способов найти блюдо. В корзине — собрать выбранные позиции, количество и дополнения в одном месте.
До редизайна
Прежняя версия использовала светлый фон, белые карточки и оранжевые кнопки. Категории располагались горизонтальной строкой над каталогом. Фотографии, названия и цены уже были частью сайта — в новом этапе мы переработали их подачу и окружающую навигацию.

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

Как устроили выбор блюда
- 01
Начать с категории
Меню открывается сеткой категорий с фотографиями и количеством блюд. Внутри раздела на широком экране доступен боковой список, в котором выделена текущая категория.
- 02
Найти по названию
Поиск вынесли на главную и в каталог. Результаты показывают найденные блюда и их количество; рядом есть сброс запроса, чтобы вернуться к меню.
- 03
Сравнить и выбрать
В каталоге доступны сортировка по цене и названию. Карточка объединяет фотографию, название, описание при наличии, цену и кнопку добавления в корзину.

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

На телефоне
Компактная навигация
Основные разделы собраны под кнопкой «Меню». Корзина, поиск и выбор способа получения остаются в шапке.
Категории без боковой колонки
На узком экране список категорий заменяет компактный переключатель. Поиск и сортировка доступны над блюдами.
Доставка или самовывоз
Способ получения выбирается отдельным переключателем, рядом показывается адрес. Эти элементы встроены в общий стиль сайта.
Посмотреть новую версию
Редизайн уже доступен на действующем сайте чайханы.
Открыть сайт МадиныПервоначальная разработка
История запуска сайта и онлайн-меню описана в отдельном кейсе.
Кейс разработки сайта «Мадина»Итог работы
Результат
Новая версия сайта «Мадина» опубликована на действующем домене. Главная, меню и корзина объединены общей визуальной системой. Гость может выбрать категорию, найти блюдо по названию, отсортировать предложения по цене и собрать заказ, сохраняя выбор между доставкой и самовывозом.
Подробнее о результате
Скриншоты и проверка публичной версии сайта 23 октября 2026 года. Проверены поиск по названию, сортировка по цене, добавление и удаление блюда в корзине, отображение на широком и узком экране. Скриншот до редизайна взят из первоначального кейса разработки. Оформление и оплата реального заказа в эту проверку не входили.
Другие проекты
Все кейсы
Ремонт и отделка помещений
ТОМРЕМ — разработка сайта
Разработали сайт ремонтных услуг в Томске и области: страницы направлений, ориентиры по стоимости, портфолио с фотографиями и форма обращения с выбором задачи.
Смотреть кейс
Цветы и подарки
EL Bloom
Интернет-магазин цветов и подарков в Новосибирске и Бердске: авторские букеты, цветочные композиции и фудбукеты. Корзина, доставка и самовывоз.
Смотреть кейс