Цель и задачи проекта
Цель
Разработать дизайн сайта доставки ресторанной кухни
Задачи
- На базе брендбука разработать дизайн сайта доставки рационов ресторанного уровня
- Разработать дизайн личного кабинета пользователя
С чем работаем?
Wellmenu — это компания по доставке вкусных и сбалансированных рационов ресторанного уровня без заоблачных цен. Компания убеждена что питаться вкусно, изысканно и что самое главное полезно можно без переплат. Основной девиз компании — «Смысл есть!» подчеркивает, что питаться нужно со смыслом.
Для Wellmenu мы создали дизайн сайта, который подчеркивает настроение бренда и преподносит его пользователю в максимальной красе.
Прототипирование ключевых страниц
Первыми шагами в разработке будущего дизайна сайта стало прототипирование проекта. Прототипирование позволило провести несколько встреч в ходе которых мы, совместно с командой WellMenu, определили оптимальную структуру ключевых страниц сайта — главной и страницы меню рациона.
Прототип главной страницы сайта
Прототип страницы меню рациона (Версия 1)
Прототип страницы меню рациона (Версия 2)
Концепты дизайна
Как только оптимальная структура по страницам была определена, началась работа над концептами. Всего собрали 3 концепта, каждый из которых отличался подачей материала и переходами между смысловыми блоками, а также разными цветовыми гаммами (потому что у бренда имелось несколько основных и дополнительных брендовых цветовых решений).
1-ый концепт
2-ой концепт
3-ий концепт
Наиболее перспективным и жизнеспособным оказался 3 концепт, правда с некоторыми деталями из 2-ого концепта — это нормально, когда в разных концепциях могут находится жизнеспособные дизайн решения и финальный вариант дизайна может представлять собой набор решений из разных концептов.
Финальный концепт — Страница меню рациона (концепт целиком по клику на изображении)
Главная страница
Следом за концептом можно было заняться главной страницей, которая является второй ключевой страницей на сайте и играет большую роль в знакомстве пользователя с брендом Wellmenu
Главная страница (страница целиком по клику на изображении)
Главная в адаптиве (страница целиком по клику на изображении)
Cтраницы пользовательской части сайта
Помимо ключевых страниц задизайнить для сайта нужно было и другие страницы, необходимые для пользователя — страницы оформления заказа и регистрации, авторизации и восстановления пароля, контентная страница.
Страница оформления заказа
Регистрация на сайте
Авторизация на сайте
Страница «Забыли пароль?»
Восстановление пароля
Контентная страница
Личный кабинет пользователя
По логике будущего сайта, пользователь на сайте после заказа получал доступ к личному кабинету, в котором он мог отследить статус своих рационов, а также отследить статистику бонусной программы, которая должна будет функционировать на сайте.
Профиль пользователя в личном кабинете
История заказов
Редактирование заказа
Бонусная программа
Стайлгайд, описывающий поведение интерактивных элементов на сайте
Ну и завершающим шагом в работе над дизайном конечно же стал стайлгайд, в котором собраны все элементы интерфейса сайта и находится вся информация о состояниях интерактивных элементов.
Стайлгайд Wellmenu (стайлгайд целиком по клику на изображении)
Вас однозначно заинтересуют эти проекты
Сайт «ВкусВилл Готовит»
Корпоративный сайт
Сайт кремниевой родниковой воды «SiEnergy»
Интернет-портал
Сайт производителя аудио-адаптеров «Триома»
Сайт-каталог
Дизайн лендинга «Galmer»
Веб-дизайн
Сайт аварийной замочной службы «Медведь-эксперт»
Корпоративный сайт
Сайт аварийной замочной службы «PROF-KEY»
Корпоративный сайт
Лендинг для клиники лазерной эпиляции «Prolase»
Landing Page
