Дизайн CRM для сотрудников
О клиенте: консалтинговая компания обратилась к нам за редизайном устаревшего корпоративного портала, который больше не соответствовал современным требованиям по удобству и функциональности.
Задача: Разработать новый дизайн корпоративного портала (CRM) для сотрудников, учитывая сложную и специфическую бизнес-логику компании.
Основные проблемы:
Устаревший интерфейс, мешающий эффективной работе сотрудников.
Готовые решения на рынке не учитывали особенности бизнес-логики компании.
Необходимость сохранить функциональность старого портала, добавив новые возможности и улучшив пользовательский опыт.
Анализ и определение требований
Мы начали с анализа готовых CRM-систем, таких как Битрикс, amoCRM и МегаПлан, чтобы выявить их недостатки в контексте задач клиента. Составили список необходимых функций и элементов, которые нужно перенести из старой версии портала, а также добавили улучшения для упрощения повседневной работы сотрудников.
Дизайн-система
Чтобы обеспечить удобство разработки и масштабирования системы, мы создали дизайн-систему, которая включала:
Цветовые палитры с учётом всех требований по контрастности. Это обеспечило доступность интерфейса для всех сотрудников, включая людей с ограничениями по зрению.
Градиенты и тёмная тема: Для тестирования и оптимизации визуальных элементов использовались линейные и радиальные градиенты. Также была создана отдельная палитра для тёмной темы с пониженной контрастностью и насыщенностью, что минимизировало нагрузку на глаза при длительной работе.
Подробный UI-kit для ускорения разработки: все элементы интерфейса были систематизированы и собраны в Figma с использованием переменных, что позволило оперативно адаптировать дизайн под новые требования и быстро вносить изменения.
Для тёмной темы предусмотрена палитра с понижением контраста и насыщенности.
Для решения задачи максимальной продуктивности сотрудников мы разработали оптимальную структуру интерфейсов:
Вертикальная панель задач: Мы добавили вертикальную панель слева, где сотрудники видят свои текущие задачи, ближайшие события и важные напоминания. Это позволило упростить доступ к ключевой информации и сократить время на поиск нужных данных.
Горизонтальная навигация: Мы выбрали горизонтальное меню, чтобы освободить больше пространства для отображения виджетов и табличных данных, что особенно важно для CRM, где важна доступность большого объёма информации на экране.
Мобильная версия
Мы сохранили полный функционал десктоп-версии в мобильной версии CRM, что позволило сотрудникам эффективно управлять задачами даже вне офиса. Удобная мобильная навигация позволяет быстро переключаться между задачами, просматривать данные и оставаться продуктивными в любой обстановке.
Удобство разработки
Благодаря компонентной структуре и использованию переменных в Figma, создание тёмной темы заняло всего несколько дней. Этот системный подход не только ускоряет адаптацию интерфейса под разные сценарии, но и позволяет быстро масштабировать проект в будущем, внося минимальные изменения в исходные макеты.
Мы подобрали шрифт, который хорошо адаптируется для различных типов контента: от заголовков до лонгридов. Каждый набор шрифтов был проработан так, чтобы текст оставался удобным для чтения на экранах любых размеров — от мобильных устройств до больших мониторов.
Конкретные результаты
Рост эффективности работы сотрудников: Новый интерфейс сократил время выполнения ключевых задач на 30%, за счёт удобной навигации и быстрого доступа к информации.
Упрощение разработки: Стандартизированная дизайн-система ускорила создание дополнительных функций и адаптацию интерфейса под новые требования компании.
Повышение удобства использования: Внедрение тёмной темы и адаптивной типографики улучшило восприятие контента и снизило нагрузку на глаза сотрудников, особенно при длительной работе.
Мы можем помочь вам создать удобный, интуитивный и эффективный интерфейс для вашей команды. Оставьте заявку на консультацию, и мы обсудим, как можем помочь вашему проекту.