Кейс / Ресторан и доставка # Мадина — редизайн сайта доставки Обновили сайт чайханы: тёмная палитра, выразительная главная, меню с поиском и сортировкой, корзина и мобильная версия. Показываем интерфейс до и после редизайна. Открыть сайт (в новой вкладке) Хочу так же Проект Чайхана «Мадина» Сфера Ресторан и доставка Статус / период Редизайн опубликован Направления Дизайн сайта Доработка сайта Редизайн сайта Сайт для еды и доставки ## Следующий этап проекта «Мадина» — чайхана с онлайн-меню и доставкой по Москве и Подмосковью. После разработки сайта мы вернулись к проекту, чтобы обновить его оформление и доработать путь гостя от выбора блюда до корзины. Основой остался действующий сайт с ассортиментом, фотографиями и двумя способами получения заказа. ## Задача редизайна Передать атмосферу чайханы через интерфейс и сделать большое меню понятнее. На главной — сразу показать предложение ресторана и вход в меню. В каталоге — дать несколько способов найти блюдо. В корзине — собрать выбранные позиции, количество и дополнения в одном месте. ## До редизайна Прежняя версия использовала светлый фон, белые карточки и оранжевые кнопки. Категории располагались горизонтальной строкой над каталогом. Фотографии, названия и цены уже были частью сайта — в новом этапе мы переработали их подачу и окружающую навигацию. До редизайна. Архивный скриншот каталога из кейса разработки сайта. ## Новая визуальная система Перешли к тёмному фону и светлым фисташковым акцентам. Фотографии блюд стали основой композиции, а кнопки и выбранные состояния получили общий цвет. На главной разместили крупный блок акции с условиями подарков и переходом к выбору блюд. Ниже — категории с фотографиями, поиск и подборка любимых блюд гостей. Новая главная сайта «Мадина». Архивный скриншот интерфейса после редизайна. ## Как устроили выбор блюда - 01 ### Начать с категории Меню открывается сеткой категорий с фотографиями и количеством блюд. Внутри раздела на широком экране доступен боковой список, в котором выделена текущая категория. - 02 ### Найти по названию Поиск вынесли на главную и в каталог. Результаты показывают найденные блюда и их количество; рядом есть сброс запроса, чтобы вернуться к меню. - 03 ### Сравнить и выбрать В каталоге доступны сортировка по цене и названию. Карточка объединяет фотографию, название, описание при наличии, цену и кнопку добавления в корзину. После редизайна. Тот же раздел «Магия мангала»: новая палитра, навигация по категориям, поиск и сортировка. ## Корзина рядом с меню Заказ открывается в боковой панели поверх каталога. В ней видны выбранные блюда, количество и стоимость; позиции можно удалить или изменить число порций. Здесь же предложены соусы и другие дополнения. После добавления блюда карточка показывает счётчик порций, а корзина в шапке отражает количество выбранного. Корзина в новой версии: состав заказа и дополнения доступны поверх страницы меню. ## На телефоне 01 ### Компактная навигация Основные разделы собраны под кнопкой «Меню». Корзина, поиск и выбор способа получения остаются в шапке. 02 ### Категории без боковой колонки На узком экране список категорий заменяет компактный переключатель. Поиск и сортировка доступны над блюдами. 03 ### Доставка или самовывоз Способ получения выбирается отдельным переключателем, рядом показывается адрес. Эти элементы встроены в общий стиль сайта. ## Посмотреть новую версию Редизайн уже доступен на действующем сайте чайханы. Открыть сайт Мадины ## Первоначальная разработка История запуска сайта и онлайн-меню описана в отдельном кейсе. Кейс разработки сайта «Мадина» Итог работы ## Результат Новая версия сайта «Мадина» опубликована на действующем домене. Главная, меню и корзина объединены общей визуальной системой. Гость может выбрать категорию, найти блюдо по названию, отсортировать предложения по цене и собрать заказ, сохраняя выбор между доставкой и самовывозом. ### Подробнее о результате Скриншоты и проверка публичной версии сайта 23 октября 2026 года. Проверены поиск по названию, сортировка по цене, добавление и удаление блюда в корзине, отображение на широком и узком экране. Скриншот до редизайна взят из первоначального кейса разработки. Оформление и оплата реального заказа в эту проверку не входили. ## Другие проекты Все кейсы Ремонт и отделка помещений ### ТОМРЕМ — разработка сайта Разработали сайт ремонтных услуг в Томске и области: страницы направлений, ориентиры по стоимости, портфолио с фотографиями и форма обращения с выбором задачи. Смотреть кейс Цветы и подарки ### EL Bloom Интернет-магазин цветов и подарков в Новосибирске и Бердске: авторские букеты, цветочные композиции и фудбукеты. Корзина, доставка и самовывоз. Смотреть кейс Следующий шаг ## Решим и вашу задачу Расскажите о своём проекте. Обсудим, что стоит сделать сейчас и как развивать его дальше. Описать задачу +7 (952) 898 46-01 send@sivern.tech