Развитие маркетплейс-платформы зашло в тупик: внешний вид не выдерживает никакой критики, пользовательский опыт заставляет покупателей искать альтернативы.
Очень долгая разработка. Один только дизайн нового маркетплейса занимает 3 месяца.
Полностью отсутствует консистентность дизайна на разных носителях.
Снизить отток за счёт улучшения пользовательского опыта.
Ускорить TTM за счёт ускорения этапа дизайна.
Спроектировать и разработать новый функционал.
Нет доступа к конечной ЦА — только менеджмент платформы.
Совершенно незнакомые языки (кхмерский, арабский, 60 этнических групп в Кот-д’Ивуаре).
Дизайн-система отсутствует, есть только небольшой UI kit.
Однако, оказалось, что внутри масса ограничений.
Маркетплейсов внутри платформы оказалось несколько, да ещё и иностранных. Индия, Египет, Камбоджа, Кот-д’Ивуар. А это означает совершенно другие ментальности, другие языковые особенности, другие культурные нюансы.
Плюс, просто так никто не даст радикально переделывать работающую hi-load платформу. Нужно выявить наиболее болезненные проблемы и придумать, как их решить в условиях технических и бизнес ограничений.
Итак, план такой: Исследование, Приоритизация, Проектирование, Дизайн-система, Финальный дизайн, Синк с разработкой, Дизайн-ревью.
С одной стороны это необходимо для понимания задач. С другой стороны это суперважно для понимания ограничений!
Потому что задача грамотного B2B дизайнера не рисовать красивые картинки, а найти баланс между требованиями бизнеса, желаниями пользователя и техническими ограничения.
Пришлось погрузиться и детально выяснить:
- Есть ли дизайн-система.
- Кто целевая аудитория по каждому маркетплейсу, как они работают и как думают.
- Как быстро фронт и бэк способны внедрять фичи.
- Какой план у продакт оунера, что самое важное в моменте.
- Насколько глубоко проработаны сценарии и работа с пользователями.
После аудита я выяснил кто и как будет пользоваться сервисом, собрал и проверил функциональные требования, проработал сценарии.
Это позволило составить подробные user flow. И дополнительно проверить интерфейсы на предмет оптимизации.
Аудит выявил все точки приложения усилий, но ограничения никуда не делись: нельзя взять и переделать всё с нуля, нельзя резко загрузить разработчиков новым пулом фичей — есть спринты и список фич в работе.
Я сформировал системный план, который поэтапно покроет весь проект:
- Сбор функциональных требований
- Приоритизация фич по схеме выгодно/дорого
- Разработка дизайн-системы
- Редизайн критических флоу на демо-порталах
- Раскатка принципов дизайна на рабочие маркетплейсы
- Разработка дизайна приложений
И таким образом, в основе редизайна у нас становится дизайн-система.
И вот тут начали выползать проблемы и ограничения!
Оказалось, что каждый маркетплейс рисуется с нуля. На дизайн закладывается 2-3 месяца. Никакой дизайн-системы нет — только разрозненные компоненты. При этом бэковая часть остаётся одна и та же, потому что менять её очень долго и дорого. То есть 2-3 месяца фронты и бэки сидят и ждут дизайн.
Поэтому первым делом я принял решение максимально оптимизировать дизайн-процессы. Для начала я разработал специализированную дизайн-систему.
Я разработал свою собственную специализированную дизайн-систему. Она содержит только то, что точно используется на фронте — необходимые и при этом легко масштабируемые токены и компоненты.
Золотое правило — чем проще система, тем легче ей управлять и масштабировать.
Дальше выяснилось, что продажники на презентациях используют устаревшие маркетплейсы. Не существовало демо-проекта, не существовало даже эталонного маркетплейса.
Поэтому дальше я разработал эталонный дизайн демо-маркетплейса. Чтобы, с одной стороны, собрать все рабочие фичи в одном месте. А с другой — создать шаблон для разработки новых маркетплейсов по готовому функционалу.
Кстати, помимо разработки дизайн-системы, я синхронизировал переменные Figma с переменными в коде фронтендеров.
Это ещё больше упростило разработчикам взаимодействие с макетами. А для меня заложило фундамент для автоматизации с помощью нейросетей.
Помимо редизайна порталов, отдельное внимание потребовали и мобильные приложения. Изначально их не было вовсе, но в наше время так не работает. Приложения нужны и при том удобные.
Под каждый маркетплейс также делаются свои приложения. Поэтому для них аналогично разработана своя дизайн-система.
Причём, приложения разрабатывались нативные. То есть отдельные аппы для Андроид и iOS.
Значит, два отдельных разработчика, но единые стандарты дизайна.
Было очень много промежуточных результатов: повышен процент прохождения покупателями до чекаута, увеличено время покупателя на сайте, внедрена покупка в 1 клик, внедрено сравнение товаров и много чего ещё.
Но самое впечатляющее — мне удалось радикально ускорить время на дизайн нового маркетплейса. С 3 месяцев до 3 недель. Это практически в 4 раза.
За это время было реализовано 4 новых маркетплейса. То есть сэкономленное время надо умножать ещё на 4.
Ну и самое интересное — буквально, forntier-история.
После всей проделанной работы, я подумал, что неплохо было бы на рутинные экраны поставить нейросеть.
Да, они не очень умные, за ними обязательно надо перепроверять, и при неправильном подходе они слишком дорогие, но сама идея интересная.
Да, для разработки такой системы нужно понимать не только дизайн. Базовые навыки вёрстки HTML/CSS, умение работать с MCP, скилами и агентами. Но сам факт, что система работает, и работает хорошо, безмерно радует.
Про архитектуру, SDD, инструкции, манифесты, скилы и агентов, которые я разработал для решения этой задачи, я сделаю отдельный кейс.