Разработка дизайна и верстка многостраничного сайта для московского ресторана Beaver Pub на Tilda — создание современного, удобного сайта с понятной навигацией и быстрым поиском блюд.
Beaver Pub
Процесс работы
Информационная архитектура
Чтобы закрыть все пользовательские сценарии, спроектирована информационная архитектура и user flow для ключевых взаимодействий.
Анализ контекста и бенчмарки
— Анализ конкурентов: выявление лучших решений визуальной подачи и пользовательских сценариях.
— UX-исследования: оптимизация логики категорий и структуры меню.
— Проектирование: Jobs to Be Done, создание информационной архитектуры и ключевых сценариев — просмотр меню, выбор блюда, ознакомление с рестораном.
— Дизайн и верстка: разработка современного сайта на Tilda со step-by-step анимацией, улучшенной типографикой и логичной сеткой.
Этапы работы
Провела анализ прямых и косвенных конкурентов среди московских пабов и ресторанов. Нашла ключевые элементы удобной навигации для меню и удачные решения в дизайне, которые улучшают восприятие заведения.
Дизайн
Подбор референсов, создание мудборда, разработка дизайна главной страницы и утверждение визуальной концепции.
Дизайн-концепция
Результаты и метрики
— Время поиска нужного блюда сократилось на 35% по данным коридорного тестирования.
— Количество переходов в меню увеличилось на 48% после обновления.
— Глубина просмотра выросла в двое, пользователи стали дольше удерживаться на сайте.
— Улучшенная структура меню снизила количество ошибок навигации у пользователей на 60%.
в продукт с первого взгляда
лишнее, усиливает главное и влюбляет
Сильный дизайн устраняет
Сильный дизайн устраняет лишнее, усиливает главное и влюбляет в продукт с первого взгляда