Дизайн интерфейса онлайн-библиотеки

Проблема: существующий дизайн неоднороден, создавался итеративно и хаотично — страницы сервиса имеют различные структуры, а элементы — несогласованные между собой стили.

Задача: Обновить функциональную структуру разделов, создать однородный визуальный стиль и гибкую библиотеку компонентов. При этом необходимо использовать визуальное решение, похожее на прежнее, к которому уже привыкли пользователи.
1. Анализ и погружение в задачу
Провели сравнительный и конкурентный анализ, изучили референсы и best practiсes.

Протестировали взаимодействие, выявили проблемные точки.

Структурировали функционал разделов, userflows.
2. Проектирование решения
Для структуры решили использовать вариацию bootstrap сетки, поскольку в сервисе технология уже используется в большинстве разделов. Разработали цветовую палитру и набор текстовых стилей. На основе собранных функциональных требований спроектировали базовый набор компонентов: блоков, кнопок, карточек.
Обновили дизайн карточки книги — одного из главных артефактов интерфейса. Оптимизировали структуру, добавили новые функции, создали набор вариативных компонентов для разных задач и состояний карточки.
Прежний дизайн
Обновленное решение
Прежний дизайн
Обновленное решение
Продумали систему отступов, собрали дизайн основных разделов из готовых компонентов. Протестировали и скорректировали проблемные места.
Параллельно собрали адаптивную версию, протестировали отображение элементов и проблемные места.
3. Организация результатов
Создали библиотеку стилей, наборы компонентов. Провели серию сессий с разработчиком, собрали рекомендации и пояснения к дизайн-решениям. Продукт передан в разработку.
Другие проекты
Сервис торговых взаимодействий CarTorg
Платформа для осуществления сделок по торговым и кредитным операциям, включает в себя площадку для проведения аукционов, личные кабинеты для организаций и физических лиц. Моя роль: оптимизировала UX сценарии, создала UI дизайн и библиотеку компонентов.
Брендинг для гипермаркета «Хобби парк»
«Хобби парк» — сетевой гипермаркет товаров для хобби и творчества в Москве. Проект включил в себя создание смысловой формулы бренда, создание айдентики и ключевой фразы, клиентское исследование и дизайн серии полиграфических продуктов.
Ещё
UI
Branding
Creative design
Контакты
Made on
Tilda