Как я собрал экосистему и довел её до production

AiiA — американский стартап с несколькими сервисами

Я подключился к AiiA почти в самом начале, когда команда только собиралась. По сути, мне нужно было продумать всю дизайн-часть с нуля: структуру, первые сценарии, UI, дизайн-систему и айдентику.

Получается вееееееесь продукт целиком помогать собирал.

Прямых аналогов почти не было

Сложность была в том, что AiiA объединяла сразу несколько очень разных сценариев, поэтому просто найти одного конкурента и посмотреть, как всё сделано у него, не получалось.

Я разбирал отдельные механики в marketplace-продуктах, community-сервисах, rewards-приложениях и экологических платформах.

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

Из этого мы формулировали основные задачи пользователя и уже вокруг них строили сценарии.

Пять сервисов, одна система

Здесь была ещё одна важная задача.

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

С другой стороны, нельзя было допустить, чтобы пользователь каждый раз чувствовал, будто попал в совершенно новое приложение.

Поэтому я дал каждому сервису свой цвет и визуальный акцент, но оставил общими структуру интерфейса, компоненты, типографику и основные паттерны.

Получился довольно простой принцип:

разные задачи и цвета, одна дизайн-система.

За счёт этого пользователь мог переключаться между сервисами и сразу понимать, где находится, но при этом не учиться пользоваться интерфейсом заново.

От flow до production

Для каждого сервиса я собирал User Flow и прототипы, потом переводил их в финальный UI.

Каждый этап обсуждали с командой, поэтому решения не существовали отдельно от продукта и разработки.

По мере роста AiiA я собрал дизайн-систему, чтобы интерфейсы оставались консистентными, а новые функции можно было быстрее собирать и отдавать в разработку.

Дизайн не закончился приложением

Параллельно я собирал весь визуальный язык AiiA.

Делал логотип, айдентику, лендинги, печатные материалы, мерч и оформление физических носителей.

В итоге я очень рад был видеть, как то, что начиналось обычным макетом в Figma, появлялось уже на реальных автомобилях, футболках, буклетах и рекламных материалах в США.

Результат

AiiA дошла до production и начала работать с реальными пользователями.

1.04K
активных пользователей

4.08K
событий за неделю

Основная аудитория была из США.

Что я понял

AiiA хорошо научила меня работать в условиях неопределённости, когда нет готового ответа, прямого аналога или понятного шаблона, по которому можно всё собрать.

Ещё я сильнее почувствовал ценность системного подхода. Когда продукт развивается сразу в нескольких направлениях, без общих правил и дизайн-системы всё довольно быстро начинает разваливаться.

Факапы

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

Из-за этого часть сценариев позже пришлось пересобирать и делать редизайн.

Но именно после этого я стал гораздо внимательнее относиться к структуре и пользовательскому пути до того, как уходить глубоко в UI.

Напоследок

Мне жаль, что работа над AiiA закончилась раньше, чем хотелось бы. Проект был очень интересным и ещё точно не исчерпал себя.

Из-за изменений с финансированием я перестал работать над продуктом, хотя там оставалось много идей, которые хотелось проверить и развить.