Вернуться назад
B2B-платформа для рекрутинга: от MVP к масштабированию
О продукте
Tenderland - сервис по поиску и анализу тендеров, контрактов и планов
Основные проблемы
— Старый дизайн больше не отвечал современным требованиям плохо взаимодействовал с пользователями
— Проблемы с адаптивностью страниц
— На большинстве страниц информация была рассоложена нелогично и некомпактно
— Модальные окна не вмещали весь функционал, который хотели внедрить владельцы продукта
— Увеличилось количество пользователей, которые пользуются сервисом со смартфона
Роль
Дизайнер интерфейсов
Задачи бизнеса
Привлечение новых пользователей, в том числе от конкурентов, предлагая более привлекательные условия и функционал
Что я сделала
— Проводила исследования: сегментировала ца, сформулировала гипотезы, проводила A/B-тестирования
— Создала дизайн-систему, покрыла компонентами все страницы и написала документацию
— Полностью пересобрала раздел Ревизор, изменила навигацию и структурировала информацию
— Переделала страницы карточка тендера, карточка контракта и карточка плана. Добавила новый функционал
— Переработала и улучшила модальные окна
— Улучшила группировку фильтров для поиска и таблицу с результатом поиска
— Создала второй вид поиска — карточный
— Нарисовала аватарки для личных кабинетов
Исследования
Цель исследований понять потребности, ожидания и поведение пользователей, чтобы улучшить продукт и пользовательский опыт, увеличить удовлетворенность пользователей и повысить конверсию
Job story
Сегментирование
Гипотезы
Результаты работы
Раздел “Ревизор”
Пересобрала полностью раздел Ревизор, где отображается вся информация об организации, о её участии в тендерах, судах, доходе и тд. Изменила навигацию страницы, структурировала информацию на странице и более логично расположила её, добавила больше графиков для наглядности и акценты в виде фактоидов.
Фильтры для раздела “Поиск”
В разделе Поиск мной было проделано больше всего работы. Сначала я поработала над проблемой с адаптивностью, изменив левое меню с тэгами, и добавила скрытие этой области, чтобы пользователи с маленькими мониторами смогли видеть древо поиска полностью. Ещё я добавила цветовые обозначения для тендеров, контрактов, планов и автопоисков, такие акценты помогают пользователям при просмотре таблицы с результатами поисков.
Карточный вид результатов поиска
Я спроектировала карточный вид выдачи результатов поиска для облегчённого восприятия информации. Карточный вид делает информацию более доступной и понятной, особенно для пользователей, которым удобнее воспринимать информацию в визуальной форме.
Облегчённый поиск
Я провела исследование и выяснила, что многим пользователям было непонятно как пользоваться логикой «и» и «или» и строить древовидный поиск, им мало кто пользуется, поэтому было принято решение сделать ещё один вариант поиска, где фильтры расположены друг за другом. Добавлены цветовые обозначения полям: зелёные — добавленные ключевые слова, красные — исключённые.
Единый лэйаут для карточкек тендеров, контрактов и планов
Эти страницы я пересобрала: добавлена навигация по карточке, улучшена компоновка информации на странице и был добавлен новый функционал. Добавлена возможность назначать ответственного на тендер, что важно для пользователей, которые работают в команде. Добавлены функции просмотра и скачивания документации прямо в карточке тендера, это позволяет пользователю работать с документами прямо на нашем сервисе, не переводя его на сторонние сайты, что сокращает время работы сотрудников
Итог работы
— Упростила сложные сценарии работы с тендерами → сократила путь пользователя и снизила когнитивную нагрузку— Снизила количество обращений в саппорт за счёт улучшения навигации и структуры интерфейса— Внедрила дизайн-систему (80% экранов), что ускорило разработку новых фич