Результат
Благодаря редизайну выросла вовлечённость сотрудников: 70% заходят на портал ежедневно, а количество внутренних ошибок снизилось на 60%. Новый интерфейс ускорил поиск сервисов в 2 раза.
Задача:
Глубокая переработка информационной архитектуры и визуального языка главной страницы для повышения доступности ключевых сервисов.
Редизайн главной страницы корпоративного портала «Aura»
  1. Гипотеза о доступности: Если мы вынесем ТОП-6 самых популярных сервисов (согласно статистике за полгода) в первый экран в виде «быстрых ссылок», время выполнения целевых действий сократится на 40%.
  2. Гипотеза о сетке: Внедрение модульной 12-колоночной сетки позволит создать гибкую структуру блоков, которая будет одинаково удобна как на десктопах, так и упрощенных информационных стойках.
  3. Гипотеза о персонализации: Персонализация блоков (сообществ и сервисов) увеличит удержание пользователей на портале. Это сделает его персональным рабочим инструментом.

Формирование и проверка гипотез

  1. Скрытый функционал: Анализ статистики посещаемости за последние 6 месяцев выявил критический разрыв: разделы, которыми сотрудники пользовались чаще всего (сервисы, расписание транспорта, расписание мероприятий и тд.), находились на 3-м уровне вложенности или в «подвале» страницы.
  2. Информационный шум: 60% первого экрана занимали баннеры и новости, которые имели низкий CTR, в то время как полезные инструменты были скрыты.
  3. Технический долг и визуал: Устаревшая сетка не позволяла корректно отображать контент на разных разрешениях, а визуальный стиль не соответствовал бренду компании.
  4. Сложная навигация: Пользователи тратили слишком много времени на поиск нужного сервиса, что снижало общую продуктивность.

Причины для редизайна:

Главная страница портала — точка входа для 10 000+ сотрудников. Однако аудит и обратная связь показали, что страница перестала выполнять свою навигационную функцию.

Почему редизайн был необходим?

До редизайна
После

UX-оптимизация:

  • Оптимизирована шапка профиля: теперь уведомления и поиск доступны из любой точки страницы.

Визуальный язык и UI-Kit:

  • Внедрена обновленная типографика для улучшения читаемости лонгридов (новостей).
  • Создана система карточек для разных типов контента с четкими визуальными акцентами.
  • Использованы Figma Variables для управления состояниями интерактивных элементов.

Процесс и ключевые решения

Реорганизация контента на основе данных:

  • Приоритизация: Я провела количественный анализ и полностью пересобрала иерархию страницы. Самые востребованные страницы, которые раньше были «спрятаны», теперь занимают центральное место в первом экране.
  • Новая сеточная система: Я полностью переработала сетку, внедрив систему отступов (8px grid) и гибкие контейнеры. Это позволило упорядочить хаотичные блоки и сделать страницу визуально «легче».
  1. Переход в популярные разделы с главной страницы увеличился на 50%, а среднее время поиска нужного сервиса сократилось в 2.5 раза.
  2. Время нахождения пользователей на портале выросло на 15% за счет более удобного потребления контента и ленты новостей.
  3. Процент отказов на информационных стойках снизился на 20% благодаря переходу на новую адаптивную сетку.
  4. Новый дизайн главной страницы стал эталоном для редизайна всех остальных внутренних разделов портала, сформировав основу новой дизайн-системы.
Редизайн главной страницы превратил ее из информационного стенда в эффективный рабочий инструмент. Согласно данным внутренней статистики сайта и опросам сотрудников:
Результат и измеримые эффекты
Портфолио
Разработка корпоративного раздела «Информирование предприятий»
Редизайн раздела "Сообщества" для корпоративных сотрудников
Разработка раздела "Корпоративный арбитраж"
Made on
Tilda