структура и была проблемой
innmind, матчмейкинг-платформа: связывает 10 000+ стартапов с инвесторами. пришёл единственным дизайнером, продиагностировал структуру и пересобрал профили, discovery и connections. январь – июль 2024, удалённо.
о продукте
innmind, матчмейкинг-платформа: связывает сеть из 10 000+ стартапов с инвесторами, сервис-провайдерами и блокчейн-хабами. я пришёл первым и единственным дизайнером, до меня продукт рисовал backend-инженер, и задача была превратить разваливающийся legacy-ui в продукт, который не стыдно показать vc и ангелам.
роль
единственный дизайнер
период
январь – июль 2024 · удалённо
скоуп
аудит ia, профили, discovery, connections, дизайн-система
контекст
живая платформа на 10 000+ стартапов, но дизайн до меня вёл backend-инженер. я был единственным дизайнером в engineering-led команде, где финальное слово оставалось за cto, и работа была в том, чтобы найти настоящие проблемы и спроектировать систему, которая их чинит.
проблемы
профили тащили продукт, но были перегружены
профиль и есть продукт, если он плохой, остальное не спасёт. в нём нужно уместить identity, портфолио, рейтинги, контент и отзывы и при этом не превратить всё в нечитаемую стену, поэтому я выстроил иерархию, которая считывается за секунды.
discovery по 10 000+ сущностям
при тысячах стартапов и провайдеров найти нужный матч можно только через сильную фильтрацию и карточки результатов, которые легко просканировать.
нетворкинг должен ощущаться осмысленным
запрос на connection и есть то, ради чего заходят на платформу, поэтому флоу должен делать отправку, получение и трекинг коннектов очевидными. ничего не надо разгадывать.
процесс
- 1. user journey map и аудит sitemap — прошёл всю платформу, около полусотни экранов, и нашёл страницы и продукты, которые дублировали друг друга и перекрёстно ссылались, так что проблемой была сама структура, и я предложил сократить её примерно вдвое.
- 2. редизайн главных страниц — профили, discovery/фильтрация и connections на пересобранном языке компонентов.
- 3. новые фичи — профили хабов/экосистем (блокчейн-хабы с грантами и хакатонами), состояния коннектов.
- 4. lead-magnet продукт — оформил бесплатные/платные шаблоны innmind для стартапов в отдельный funnel-продукт, первую точку касания, которая затягивает их на платформу.
карта аудита: вся платформа заскриншочена и пройдена страница за страницей, проблемы отмечены вдоль пользовательских путей. здесь и всплыли дублирующиеся продукты и перекрёстные ссылки.
главные страницы
что мне досталось
живая платформа, в которую я пришёл: поиск заперт за тултипом «обновите тариф», список инвесторов под paywall-баннером, целые пункты навигации ведут на заглушки «coming soon», а профиль живёт как форма настроек аккаунта. после аудита решение стало очевидным: пересобрать структуру вокруг профилей, discovery и connections. всё, что ниже, и есть этот ответ.
прямо с доски аудита: старый поиск за тултипом подписки, список vc под баннером апгрейда, модуль «experts», который был страницей coming soon, и данные профиля, закопанные в настройках.
профиль: базовая единица
один шаблон профиля на четыре типа: стартап, vc, ангел, сервис-провайдер. identity и верификация, теги «available for», рейтинг, портфолио стартапов, highlights и отзывы. собрано так, чтобы посетитель за секунды понял, можно ли доверять.
identity, теги «available for», прозрачная разбивка рейтинга, портфолио стартапов и верифицированные отзывы. одна читаемая колонка.
тот же профиль в режиме редактирования: about, портфолио и highlights правятся inline, заполнение профиля не уводит со страницы.
профиль хаба экосистемы
расширенный профиль сущности для блокчейн-хабов: connect, грантовые программы, «apply for grant», хакатоны.
тот же шаблон профиля, растянутый на целую экосистему: грантовые программы, хакатоны, список vc и живые метрики сети (tvl, gas fee, tps).
discovery и фильтрация
discovery в виде data-grid с фильтрами и сканируемыми карточками. так инвестор реально находит матч в сети из 10 000+ сущностей.
discovery со стороны инвестора по 10 000+ стартапам: стек фильтров (стадия, вертикаль, размер чека, география) сужает список до сканируемого шортлиста.
connections
отправка, получение и трекинг запросов на connection. нетворкинг-луп, сделанный явным через понятные состояния.
входящие: запросы от стартапов и инвесторов, у каждого понятное состояние (accepted, no answer, declined) и развёрнутое сообщение прямо в строке.
отправленные: твои запросы и их статус; принятый открывает контакты прямо в строке, а лимит питчей показывается, как только в него упёрся.
итоги
полный дизайн-слой для продукта, у которого его не было — аудит ia, единая система профилей, переделанные discovery и connections, пересобранная дизайн-система.
за кадром
одно решение — сначала диагностировать структуру, потом перерисовывать экраны. user journey map и аудит sitemap вскрыли дублирующиеся продукты и перекрёстные ссылки, так что проблемой я считал саму структуру.
что я хотел показать — системное владение продуктом в роли первого и единственного дизайнера: аудит структуры, единый профиль и дизайн-система, поднятая поверх мёртвого legacy.
что я понял — в engineering-led команде дизайн-решение доезжает до прода только с продуктовым мандатом. финальное слово было за cto: предложение сократить продукт вдвое не прошло, большая часть работы до прода так и не доехала, и даже то немногое, что вышло, откатили после моего ухода. поэтому веду мышлением и деливераблами; метрики, которые не могу защитить, придумывать не стал.
что бы я сделал иначе — пойти дальше аудита, на территорию product owner: честно посмотреть на экономику, предложить отрезать продукты, которыми никто не пользовался (theory of constraints: усилия продолжали утекать туда, где они не двигали компанию), и обосновать ценность платформы дешёвыми исследованиями на инвесторах и стартапах, которые уже на ней. структурный диагноз у меня был, а вот бизнес-опыта, чтобы аргументировать резку портфеля, ещё не хватало.