Разработка дизайна платформы для сотрудников

Главное о кейсе

Автоматизировать бизнес-процессы компании для ускорения и систематизации работы сотрудников. Для этого был спроектирован следующий функционал: Дашборд сотрудника, Задачи и Проекты, Календарь и Уведомления, Чаты и База знаний, Профили и Достижения

Как проект изменил жизнь пользователей

Увеличили лояльность сотрудников к компании, улучшили коммуникацию между отделами. Автоматизировали основные бизнес-процессы.

Бизнес-задача и ее решение

Обновить корпоративный портал, сделать его удобнее. Для этого определили недостатки готовых решений (Битрикс, amoCRM, МегаПлан). Составили список, чего не хватает и что нужно перенести со старой версии портала.

Крафт (мастерство), реализация, технические детали

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Для быстрой переписки сделали фиксированную панель справа, как в Битрикс, потому что это понравилось заказчику в Битрикс и уже было реализовано в старой версии. Диалоги сделали всплывающим окном, со всеми привычными функциями мессенджера. В мобильной версии сохранили весь функционал десктоп-версии, меню разместили сверху, в шапке — календарь и уведомления, в которых подсвечиваются непрочитанные события. Сотрудники будут ежедневно пользоваться сайтом, поэтому для удобства мы реализовали тёмную тему, чтобы было комфортно в любое время суток. Так как дизайн собран на компонентах и переменных в Figma, создание тёмной темы занимает всего пару дней. Системный подход ускоряет не только создание тёмной темы, но и сборку макетов для масштабирования проекта в будущем.

Прочая информация о кейсе

Сделали необходимые предпроектные работы. Согласовали дизайн-концепт, подготовили проект к разработке. За счёт аккуратной организации проекта в Figma, у команды разработки не было лишних вопросов.

Скриншоты