Как мы сделали дизайн для цифровой платформы экосистемы «Космос»

2025-12-29 16:28:59 Время чтения 12 мин 43

Рассказываем, как мы разработали ux/ui-дизайн для первой в России цифровой промышленной платформы такого уровня и добились значительного роста ключевых метрик

Источник изображения: Архив агентства Cultbrand

Задача и причина

Причина:

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

Задача:

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

Описание проекта

Космос — это экосистема для развития промышленности и предпринимательства. Она объединяет индустриальные и технопарки, а также первую в России цифровую платформу такого уровня, созданную для поддержки бизнеса, науки и образования.

Реализация.

Мы придумали и реализовали идею «маркетплейса» для бизнеса. Изучили как работают крупнейшие маркетплейсы, взяли лучшие практики как в сервисной части, так и в визуальной, и применили их в новом качестве — для b2b и b2g сегмента.

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

Разработали wireframe-макеты, прототип и визуальный концепт, который адаптировали под фирменный стиль, созданный нами ранее для бренда экосистемы «Космос».

В итоге:— Продумали и отрисовали 150+ макетов, включая ЛК— Бережно собрали все в единый Ui-kit— Провели презентации для клиента и разработчика

Анализ аудитории

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

Работа с User Flow и UJM

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

User Flow

Прототипирование

На этапе прототипирования мы разработали wireframe-макеты, которые позволили визуализировать структуру страниц и взаимодействие с элементами.

Прототипы прошли предварительное тестирование внутри команды и были доработаны с учетом полученной обратной связи.

Концепция дизайна проекта

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

Дизайн-система платформы

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

Разделы маркетплейс и организаций

Мы внедрили фильтр по сферам деятельности и теги с популярными запросами, настроили карточки услуг и организаций. В профиле  организации и на страницах услуг сделали унифицированный и адаптивный дизайн, добавили шаблонные блоки для быстрого заполнения в редакторе. Аккуратная верстка, тултипы и продуманный интерфейс сделали процесс наполнения легким и оперативным.

Раздел медиацентр

Внедрили бесконечную ленту, создали категории публикаций  и тематики для удобной фильтрации. Настроили карточки публикаций в трех форматах — S, M и L. Структурировали верстку контента публикации. Для мероприятий и вебинаров, создали отдельный вид карточек для идентификации в ленте, а также добавили возможность регистрации на событие.

Многопользовательский личный кабинет

ЛК разработан с учетом ролей и иерархии организаций, как входящих в объединения, так и работающих вне их. Реализован функционал для объединений и чатов, настроена работа с сотрудниками, спроектированы удобные редакторы для ведения активной работы организации. Добавлены сервисы уведомлений, рейтингов и опросов, а также масштабируемый блок с базовой статистикой.

Работа в личном кабинете с профилем организации: управление профилем, запросы на вступление, создание опросов, регистрация организации.

Работа в личном кабинете с персоналом: управление профилем руководителя или сотрудника, запросы на вступление, мессенджер и внутренние чаты.

Собственный мессенджер в личном кабинете: управление текстовыми и видео чатами, система уведомлений, функционал прикрепления файла и прочие прелести переписок.

Собрали все в UI-kit

UI Kit — это не финальный штрих, а фундамент цифрового продукта. Мы не просто «собрали библиотеку» — мы создали систему, которая ускоряет, унифицирует и умножает ценность проекта. Для клиента это означало: меньше рисков, быстрее запуск, выше качество — и уверенность в будущем развитии платформы.

Иннопром-2025

В июле 2025 года обновленная цифровая платформа «Космос» была представлена на международной выставке ИННОПРОМ-2025 как ключевой инструмент развития промышленной кооперации. Ее интерфейс и функционал продемонстрировали в рамках стенда Корпорации развития Среднего Урала, получив высокую оценку от представителей бизнеса, госструктур и индустриальных парков.

Результат

Благодаря редизайну, платформа продемонстрировала значительный рост ключевых метрик: увеличилось количество просмотров, визитов и уникальных пользователей, усилилась вовлеченность аудитории. Обновленный визуальный стиль и продуманный интерфейс способствовали лучшему восприятию ценности платформы, что отразилось на росте возвращаемости и среднемесячных показателях выше отраслевого уровня. Проектирование велось совместно с инхаус-командой разработчиков.