Roll-Mix

Дизайн сайта доставки суши: аппетитный каталог, понятная корзина и короткий путь к заказу.

Интернет-магазинB2CДоставка еды2 недели40 000₽

Цели бизнеса

Помочь быстро собрать заказ

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

Снять вопросы перед покупкой

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

Сохранить удобство на телефоне

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

Задачи

Организовать меню

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

Связать выбор с корзиной

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

Подготовить мобильную версию

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

Дизайн-решения

Фотография помогает выбрать

Изображения блюд занимают заметное место, а текст и действия поддерживают их. Карточки дают возможность просматривать меню в одном ритме.

Цвет выделяет следующий шаг

Светлый фон отделяет содержание от ярких акцентов заказа и акций. Основное действие узнаваемо на разных страницах.

Меню и оформление решают разные задачи

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

Исследования

Проектные гипотезы

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

Результаты проекта

Собранный сценарий заказа

В макетах связаны категории, блюда, корзина и оформление. У каждого этапа есть свое основное действие.

Визуальная система для меню

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

Версия для мобильного заказа

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

Готовы начать?

Можно просто написать

Даже если пока нет четкого ТЗ. Разберемся вместе, что лучше сделать, как упростить и где усилить. Без лишнего и по делу

Портрет

Я не начинаю с визуала. Сначала разбираюсь, как человек будет пользоваться продуктом, где он может запутаться и что можно упростить