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

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

Для структуры решили использовать вариацию bootstrap сетки, поскольку в сервисе технология уже используется в большинстве разделов. Разработали цветовую палитру и набор текстовых стилей. На основе собранных функциональных требований спроектировали базовый набор компонентов: блоков, кнопок, карточек.

Обновили дизайн карточки книги — одного из главных артефактов интерфейса. Оптимизировали структуру, добавили новые функции, создали набор вариативных компонентов для разных задач и состояний карточки.

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

Параллельно собрали адаптивную версию, протестировали отображение элементов и проблемные места.

Создали библиотеку стилей, наборы компонентов. Провели серию сессий с разработчиком, собрали рекомендации и пояснения к дизайн-решениям. Продукт передан в разработку.