- 15 веб-страниц личного кабинета
- Адаптивная версия страниц для мобильной версии
Объём работ
- Разработка интуитивно понятной навигации и структуры сайта
- Адаптация дизайна для комфортного использования на различных устройствах
- Простое и понятное для пользователя оформление инфографики
Решение
Разработать дизайн-макеты всех страниц личного кабинета в соответствии с фирменным стилем актуального сайта компании.
Задача
В личном кабинете реализована классическая и удобная навигация в виде двух типов меню — горизонтального и вертикального
Вертикальное меню
Горизонтальное меню
Личный кабинет предполагает большое кол-во страниц. Поэтому я уместила весь контент компактно. Пользователь переключает страницы с помощью вертикального меню и остается в рамках одного экрана
Анализ
Структура
ВИЗУАЛЬНЫЙ ПОИСК
Атмосфера бренда — это детство, радостное исследование мира, полное ярких впечатлений и тёплых эмоций.
Разработка дизайна
Была создана такая-то концепция в двух вариантах.
Цветовая палитра
В основе дизайна лежит тёплая и природная цветовая гамма.
Нежный голубой и пастельный розовый используются в стикерах и декоративных деталях.
Шрифты
Выразительный декоративный шрифт для крупных заголовков.
Mulish — современный и читаемый шрифт для основного текста.
Рукописный шрифт Mateur для акцентов и подписей.
ВЫБРАННЫЙ ДИЗАЙН
Было создано более 20 страниц
Также были созданы все формы ввода.
Стикерпак
Для сайта я отрисовала стикерпак. Он добавляет проекту дружелюбный и непринужденный визуальный вайб.
До/после редизайна
Дизайн личного кабинета гармонично дополняет фирменный стиль компании и соответствует уже существующему дизайну их сайта*
*Для демонстрации использован существующий сайт компании. Все права на оригинальный дизайн принадлежат правообладателям.
Светлый, чистый и лаконичный дизайн в серо-белой палитре с красными акцентами позволяет наиболее понятно показать дашборд и инфографику
Отзыв клиентки
Этапы дизайна были приняты почти без правок.
