← Все работы
B2B

Wiki

Портал документации для ИТ-продуктов

B2B-компания делает ПО для ИТ-инфраструктуры. Я переделала портал документации для семи продуктов: главную, страницу продукта и шаблон статьи, собрала UI-kit и гайд для техписателей. Проект под NDA, названия и контент изменены.

Роль
Продуктовый дизайнер
Платформа
Веб, десктоп
Область работы
Исследование, главная, страница продукта, статьи, UI-kit
Wiki: Портал документации для ИТ-продуктов
Главная портала: продукты, модули и свежие статьи
Задача

Портал должен был помогать сразу найти свой продукт и нужную инструкцию

В старой версии было сложно понять, что это за продукт: все держалось на описании. Чтобы попасть в документацию, нужно было заранее знать раздел (Документация, База знаний, Решение проблем), и новые пользователи путались. Общей информации о продукте на портале не было, а длинные инструкции шли сплошным текстом.

Моя роль

Я вела портал от первых интервью до передачи в разработку.

Начала с интервью с командой и техписателями, дальше разобрала текущую документацию, сделала бенчмарк конкурентов и карту кликов. Для техписателей написала гайд по наполнению статей.

Исследование

Разобрала больше 25 порталов документации и сотню их экранов

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

25+
порталов документации в анализе
50+
фич конкурентов разобрано
20+
решений отобрано для портала
Порталы документации из бенчмарка
Что я сделала

Разводящая главная

Сделала главную разводящей по продуктам: пользователь сразу попадает в свой продукт и не гадает, в каком разделе искать.

Разводящая главная

Страница продукта

Собрала общую информацию о продукте на одной странице и сделала для нее единый шаблон, который техписатели заполняют для любого продукта.

Страница продукта

Статья со сворачиваемыми шагами

Добавила сворачиваемые шаги, чтобы длинную инструкцию не приходилось резать на разделы и раздувать сайдбар.

Статья со сворачиваемыми шагами

Экраны под NDA

Проект под NDA, поэтому могу показать и рассказать про кейс подробнее на встрече.

Экраны под NDA