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

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

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

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

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

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

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

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

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

Работа с User Flow и UJM

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Иннопром-2025

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