Переосмысление
главной страницы
корпоративного
раздела "Aura"
главной страницы
корпоративного
раздела "Aura"
Переосмысление главной страницы
корпоративного раздела "Aura"
корпоративного раздела "Aura"
Описание кейса:
Задача
Редизайн главной страницы корпоративного портала с сохранением меню и выносом популярных разделов для улучшения навигации и удобства пользователей.
Ключевые требования
- Быстрый доступ к часто используемым разделам.
- Адаптивность под разные дисплеи.
- Быстрый доступ к контактам и прейскурантам услуг.
- Современный, лаконичный дизайн с фирменными цветами компании.
- Карточки разделов для быстрого визуального восприятия.
- Возможность переключения между "стандартным" и "компактным" режимами.
- Горизонтальное меню (оставить текущую логику, но улучшить визуальную подачу).
- вынести часто используемые сервисы на видное место.
Дизайн и интерфейс:
Функционал:
Структура главной страницы:
Решаемые проблемы:
Устаревший дизайн
- Устаревший дизайн
- Визуально не соответствует современным корпоративным стандартам.
- Используются устаревшие шрифты, цвета и элементы интерфейса.
- Нет адаптивности под минимальные экраны ПК.
Скрыто много важной информации
- Популярные разделы и сервисы "закопаны" в меню.
- Пользователи тратят время на поиск часто используемых функций.
Отсутствие общего стиля портала
- Разные разделы выглядят несогласованно (разные шрифты, цвета, интервалы).
- Нет единой системы компонентов (кнопки, карточки, формы отличаются).
- Корпоративный брендинг применяется несистемно.
Отсутствие модульной сетки
- Контент расположен хаотично, нет четкой структуры.
- Неудобные отступы и выравнивание элементов.
- Сложности с адаптацией под разные экраны.
Я разработала уникальную дизайн-систему и подготовила её для работы в Figma. С ней можно ознакомиться по этой ссылке
Основные проблемы:
- Слабая визуальная иерархия — все элементы выглядят однородно.
- Отсутствие призывов к действию — пользователь не понимает, как взаимодействовать с порталом.
На главной странице важные разделы теряются из-за слайдера с новостями, блогов и меню. В разделе «Блоги» непонятно, как добавлять посты
или просматривать публикации. Календарь событий выглядит как обычный, и пользователи не видят актуальные мероприятия.
или просматривать публикации. Календарь событий выглядит как обычный, и пользователи не видят актуальные мероприятия.
Предыдущая версия портала выполнена в минималистичном стиле с упором на текстовый контент,
но отсутствие чёткой структуры
и визуальной иерархии затрудняет навигацию.
но отсутствие чёткой структуры
и визуальной иерархии затрудняет навигацию.
- На главной странице важные разделы остаются незамеченными из-за слайдера с новостями, блогов и меню.
- В разделе «Блоги» непонятно, как добавлять новые посты и просматривать другие публикации.
- Календарь событий похож на обычный календарь, из-за чего пользователи не знают, какие мероприятия проходят в аэропорту.
Анализ предыдущей версии
3. Проблемы UX/UI
2. Основные разделы и их недостатки
- Общее впечатление
- Слабая визуальная иерархия – все элементы выглядят однородно.
- Отсутствие призывов к действию. Пользователь не понимает, как взаимодействовать с порталом.
Предыдущая версия портала выполнена в минималистичном стиле с упором на текстовый контент. Однако отсутствие чёткой структуры и визуальной иерархии затрудняет навигацию.
- Чёткая иерархия заголовков (H1–H3) и разделители для структурирования контента
- Явные призывы к действию
- Улучшенная интерактивность
- Визуальная простота и минимализм
- Микроинтеракции для обратной связи
- Полная адаптивность под разные устройства
По сравнению с предыдущей версией внедрены:
Текущая версия портала реализована с продуманным UX/UI-дизайном, ориентированным на удобство сотрудников.
«Подробнее» — раскрывает дополнительную информацию без перегрузки интерфейса.
Ссылки меняют цвет при наведении курсора, что соответствует стандартам веб-дизайна и удобно для пользователей.
Корпоративный сайт создан для веб-платформы с адаптацией под экраны от 1024 до 1980 пикселей. В этом проекте такая адаптация реализована. На данном экране отображается размер 1440 пикселей.
Ссылки при наведении меняют цвет, а плашки слегка затеняются. Анимация выполнена просто
и ненавязчиво.
и ненавязчиво.
Минимум декоративных элементов — фокус на функционале.
«Написать блог» — стимулирует пользовательскую активность.
Текущая версия портала демонстрирует продуманный UX/UI-подход, ориентированный на удобство сотрудников.
По сравнению с предыдущей версией внедрены:
По сравнению с предыдущей версией внедрены:
- Интерактивность
- Явные призывы к действию
- Адаптивность
- Микро-интеракции
- Визуальная простота
- Иерархия заголовков (H1–H3) и разделители визуально структурируют контент.
3. Дизайн-решения
2. Сильные стороны текущей версии
1. Общее впечатление и ключевые улучшения
Анализ текущей версии
Особенно полезно для сотрудников с небольшими экранами.
Уменьшает визуальную перегруженность — пользователь видит только актуальные блоки, а остальное доступно «по запросу».
Позволяет скрыть второстепенные разделы, освобождая пространство для важного контента.
Появление бургер-меню стало ключевым улучшением в новой версии, решающим сразу несколько задач:
- Упрощение интерфейса
- Экономия места
Оптимизация пространства и навигации
Дополнение к анализу текущей версии портала
Результаты внедрения
- Все ключевые сервисы доступны "в один клик" с главной страницы.
- Четкая структура и визуальная иерархия ускорили поиск нужного раздела на 70%.
- Адаптивный дизайн обеспечивает комфортную работу с любого дисплея.
- Единые стандарты оформления делают интерфейс понятным.
- Единый стиль и модульная сетка упрощают дальнейшее развитие портала.
- Современный интерфейс в фирменных цветах создает положительный образ корпоративного портала.
- Уменьшение количества обращений в IT-поддержку из-за неочевидного интерфейса на 30%.
Для пользователей:
Для бизнеса:
© Все права защищены. 2025, дизайн-портфолио.
