lemon.io — це платформа для найму IT-фахівців, що допомагає стартапам та компаніям знаходити кваліфікованих фрілансерів для своїх проектів. Основна задача платформи — з'єднати компанії з перевіреними розробниками, забезпечуючи високу якість обслуговування та швидкість роботи.

У рамках проекту для lemon.io, моєю задачею було розробити та впровадити нову дизайн-систему на базі MUI (Material-UI) і оновити інтерфейс CRM-системи для HR-спеціалістів, що обробляють заявки кандидатів.

Вхідні дані

CRM-система, яка використовувалася співробітниками для обробки кандидатів, мала наступні проблеми:

Початковий вигляд інтерфейсу

Початковий вигляд інтерфейсу

Вимоги від користувачів

Для підвищення зручності роботи з CRM-системою, користувачі висунули кілька ключових вимог. Перш за все, необхідно реалізувати глобальний пошук по всій системі, включаючи текстові поля, з механікою посимвольного пошуку на льоту. Також важливо персоналізувати дефолтні фільтри на дашборді в залежності від ролі оператора (recruiting/matching) та надати можливість збереження вибраних фільтрів для кожного користувача.

Крім того, система має підтримувати фільтрацію результатів за статусом, роллю, командою, доступністю та оператором, з відображенням кількості відфільтрованих результатів. Серед інших вимог - персоналізація вигляду таблиці з результатами, можливість налаштування видимості колонок, пошук по таблиці з результатами видачі по фільтрам, клікабельність строк таблиці для відкриття профілю та історія останніх дій з автоматичними нагадуваннями за певними умовами.

Задача

Мета: Розробка та впровадження нової дизайн-системи на базі MUI для CRM-системи Lemon.io та оновлення інтерфейсів, що повинна покращити зручність використання, підвищити швидкість обробки кандидатів та зробити інтерфейс інтуїтивно зрозумілим.

Гіпотеза: Якщо реалізувати новий інтерфейс, це покращить UX, підвищить ефективність роботи HR-команди і зменшить час обробки одного кандидата.

Один з перших драфтів оновленого інтерфейсу

Один з перших драфтів оновленого інтерфейсу

Реалізація