Первая версия экрана статьи
Статья после редизайна
Когда я пришла на проект, уже было отрисовано бóльшая часть экранов. Вместе с командой доверстали MVP и после успешных показов перед инвесторами и потенциальными пользователями мы приступили к редизайну платформы и доработке фирменного стиля. Здесь я представила процесс редизайна раздела «Блог». Главные цели редизайна, которые я выявила:
Первая версия страницы блога
Блог после редизайна
Провела анализ текущего дизайна, чтобы выявить ключевые проблемы. Я отметила: устаревший, перегруженный интерфейс; непропорциональные обложки, под которые будет сложно в дальнейшем подобрать изображения, чтобы картинка не обрезалась; информация о статье на прозрачном фоне ухудшает читабельность. Затем проанализировала сайты различных сфер, где активно ведется блог, подобрала сетку для верстки и отрисовала чб прототип для проверки гипотез. После приступила к визуальной состовляющей экранов.
С экранов убрала серую подложку, которая перегружала страницы. Со страницы блога убрала часть информации с карточек на страницу статьи, чтобы убрать визуальный шум: автор и время прочтения. Увеличила размеры заголовков, поработала над отступами и подачей информации. Также был добавлен баннер подписки на рассылку по почте. На странице статьи была исправлена визуальная иерархия подачи информации. Добавила фиксированную навигацию и уменьшила контентную область для лучшей читабельности.