Дизайн CRM для сотрудников
Консалтинговая компания из Санкт-Петербурга обратилась за редизайном корпоративного портала. Веб-платформа морально устарела, а существующие готовые решения не подходили, так как бизнес-логика была сложной и специфической.
Определили недостатки готовых решений (Битрикс, amoCRM, МегаПлан). Составили список, чего не хватает и что нужно перенести со старой версии портала.
Добавили вертикальную панель сотрудника слева, чтобы рядом были задачи в работе, ближайшие события и что необходимо сделать.
Системный подход
Рассчитали контекстную цветовую палитру в соответствии с рекомендациями WCAG. Каждый набор имеет одинаковые точки контраста к белому/чёрному, что позволяет создавать компонентную базу без дополнительных проверок на минимальный контраст.
Для визуального тестирования цветовых переходов используем линейные и радиальные градиенты.
Для тёмной темы предусмотрена палитра с понижением контраста и насыщенности.
Из нескольких вариантов навигации остановились на горизонтальном меню, чтобы сэкономить больше полезного пространства на экране для важных виджетов и табличных данных.
Мобильная версия
В мобильной версии сохранили весь функционал десктоп-версии — сотрудники могут удобно управлять задачами даже не находясь за ПК.
Удобство разработки
Так как дизайн собран на компонентах и переменных в Figma, создание тёмной темы занимает всего пару дней. Системный подход ускоряет не только создание тёмной темы, но и сборку макетов для масштабирования проекта в будущем.
Подобрали шрифт, который хорошо подходит как для заголовков, так и для лонгридов. Сделали наборы начертаний, чтобы текст адаптировался под разные размеры экрана.
