Кейс продуктового дизайну
CRM-система для IT-компанії
Огляд
Коли IT-компанія Navoto.com перейшла на React і Bootstrap, мені доручили спроєктувати комплексну CRM-систему для керування внутрішніми процесами компанії та кращої співпраці. Мета полягала в тому, щоб створити систему, яка дає детальну аналітику, оптимізує робочі процеси й відповідає потребам різних відділів.
Наявна CRM була застарілою та неефективною, що спричиняло проблеми з відстеженням проєктів, роботою з клієнтами та комунікацією. Завдяки дослідженню користувачів, аналізу конкурентів і ітеративному тестуванню я розробив масштабоване рішення.
МОЯ РОЛЬ
Дослідження, аналіз, продуктовий дизайн, спеціаліст із Bootstrap, тестування з користувачами.
команда
2 дизайнери, 1 продакт-менеджер, 5+ інженерів.
ТЕРМІНИ
Травень 2023 — серпень 2023
Проблеми наявної системи
Обмежена функціональність
Попередня CRM була надто простою і не враховувала потреб різних відділів.
Немає функцій для окремих відділів
Через брак функцій працівникам було складно керувати проєктами, рахунками та відстеженням.
Неефективна комунікація
Не було єдиної платформи для спільної роботи в реальному часі, чату чи сповіщень.
Застарілий UI/UX
Інтерфейс був перевантажений, що ускладнювало навігацію та знижувало продуктивність.
Екран зі списком клієнтів і статусами пропозицій
Готові типові пропозиції для клієнтів
Дослідження
Інтерв’ю з користувачами
Щоб зрозуміти болі й очікування користувачів, я провів інтерв’ю з членами команди з різних відділів: проєктними менеджерами, розробниками, представниками відділу продажів і фінансів. Ключові запитання:
Які найбільші труднощі виникають у вас із поточною CRM?
Які функції покращили б вашу роботу?
Як ви зараз керуєте проєктами, клієнтами та рахунками?
Які функції ви хотіли б бачити в новій CRM?
Ключові висновки
Офлайн-зустріч команди Navoto в індійському відділі (2025)
Робочі зустрічі в Navoto (2023)
Аналіз конкурентів
Я проаналізував провідні CRM-рішення, як-от HubSpot, Zoho CRM і Salesforce, щоб визначити найкращі практики та прогалини наявних систем.
Ключові висновки
Процес дизайну
Інформаційна архітектура та вайрфрейми
На основі результатів дослідження я розробив зрозумілу інформаційну архітектуру та створив low-fidelity вайрфрейми, щоб візуалізувати шлях користувача.
Схема інформаційної архітектури, що розширювалася разом із проєктом.
Спроєктовані основні модулі
Рахунки: фінансовий облік у реальному часі з переглядом очікуваних і закритих рахунків.
Проєкти (адмін): відстеження проєктів із фільтрами, експортом і детальним переглядом.
Повідомлення: сповіщення та миттєвий чат для комунікації команди.
Ліди та клієнти: структуроване керування лідами й клієнтами зі спрощеним створенням пропозицій.
Дашборд: централізована аналітика та ключові показники ефективності.
Відпустки та відсутності: структурований спосіб керувати відсутностями працівників.
Розклад і список завдань: повноекранний календар із можливістю керувати завданнями.
Екран списку завдань для працівників.
Прототипування та тестування з користувачами
Після вайрфреймів я створив інтерактивні прототипи у Figma, щоб перевірити зручність. Команда брала участь у юзабіліті-тестах, виконуючи реальні завдання в CRM.
Ітерації та покращення
Доопрацьований макет дашборду для кращої ієрархії інформації.
Покращене відстеження проєктів із візуальними індикаторами прогресу.
Зручніше керування лідами й клієнтами завдяки швидшій навігації.
Додано швидкі дії для частих операцій (напр., «Новий проєкт», «Новий рахунок»).
Дизайн-система
Щоб забезпечити узгодженість і ефективність, ми використали Falcon Design System — повний набір готових компонентів і добре структурований фреймворк. Це дозволило дизайнерам і розробникам злагоджено співпрацювати, пришвидшуючи дизайн і розробку та зберігаючи відшліфований і цілісний користувацький досвід.
Аналітика та продуктивність
Крім того, на ранніх етапах дизайну ми провели всередині команди кілька раундів A/B-тестування. Ми тестували різні макети дашборду, структури навігації та дизайн форм, щоб знайти найзрозуміліші та найефективніші рішення. Отримані інсайти безпосередньо вплинули на остаточні дизайн-рішення, забезпечивши підхід, орієнтований на користувача та дані.
Якби в нас було більше часу, ми б інтегрували аналітику для відстеження взаємодій користувачів із ключовими функціями. Це допомогло б виявити больові точки, виміряти залученість і вдосконалити робочі процеси на основі реальних даних використання.
Ключові результати:
Фінальний дизайн дав сучасну, масштабовану та зручну CRM-систему, яка оптимізувала внутрішні процеси.
Фінальний дизайн і результат
Зручніше керування лідами й клієнтами завдяки швидшій навігації.
Додано швидкі дії для частих операцій (напр., «Новий проєкт», «Новий рахунок»).
Доопрацьований макет дашборду для кращої ієрархії інформації.
Покращене відстеження проєктів із візуальними індикаторами прогресу.
Меню відпусток — детальний графік працівника
Налаштування експорту лідів
Висновок
Завдяки ґрунтовному дослідженню, аналізу конкурентів та ітеративному дизайну я перетворив застарілу CRM на потужний інструмент для керування IT-компанією. Цей проєкт ще раз показав важливість дизайну, орієнтованого на користувача, і співпраці між відділами для створення ефективних корпоративних рішень.
