MindLoom product interface

2024.09 – 2025.09

AI / ментальное здоровье / две роли / дизайн-система

Mindloom: Часть 1

Product designer | UX/UI Designer

Создание AI-продукта для ментального здоровья с нуля

Mindloom — терапевтическая AI-платформа, где пользователи исследуют своё ментальное состояние через тесты, курсы и сессии. Я была основным дизайнером проекта и создавала продукт с нуля — от структуры до готовых к разработке интерфейсов.

Результаты

600+макетов

Созданы за 15 месяцев, многие из которых были реализованы.

6 разделовпродукта

Тесты, курсы, сессии, библиотека и дополнительные модули.

2 ролипользователя

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

5+ userflows

Спроектировала основные пользовательские пути: от онбординга до сессий.

3 цветовыесхемы

Подготовила систему цветовых переменных для гибкой настройки интерфейса.

Ментальнаякарта юзера

Спроектировала визуальную систему, которая превращает данные в интерактивную карту.

Mindloom logo shown on a phone home screen
Дизайн логотипа

Обзор

Mindloom — цифровая платформа для исследования ментального состояния и личного развития. Она объединяет психологические тесты, образовательные курсы, сессии с терапевтами и AI-инструменты для рефлексии, помогая пользователям лучше понимать себя и отслеживать динамику своего состояния.

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

Mindloom course and assignment interfaces
Интерфейсы раздела курсов

Модули

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

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

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

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

Mindloom product architecture overview
Обзор архитектуры продукта

Таймлайн

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

После примерно шести месяцев разработки основных функций я продолжила работу над разделом сессий и перешла к проектированию модели реальности клиента и AI-чата. Весь проект занял около года.

Mindloom product timeline overview
Таймлайн-схема

Исследования

На этапе исследования я тесно работала с тимлидом, собирала требования к продукту и наблюдения клиента. Я проводила конкурентные анализы и изучила референсы, чтобы понять рыночные паттерны и лучшие практики.

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

Simplified Mindloom course creation flowParticipant library section map
Упрощённый сценарий создания курса

Дизайн

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

Финальный интерфейс проверки домашних заданий
Финальный интерфейс проверки домашних заданий

Результаты

3 итерациивайрфреймов

Подготовлены до финальной передачи в разработку.

50+экранов

Спроектированы и подготовлены к разработке за один месяц.

1 userflow

Все экраны были собраны в понятный пользовательский сценарий.

Также хочу поделиться отзывом разработчика, с которым мы работали над этим сценарием. Я постаралась максимально точно сохранить оригинальный тон:)

“Но вот хочу и сам тебе сказать — макет один из лучших который я видел в своей жизни! Идеальное дробление на компоненты с предусматриванием всех состояний. Отличная палитра цветов с заложенными нейминрами для синхронизации дизайн системы фронта и макета. Предусмотрены практически все состояния, переходы, вообще все. Расписанное поведение, предусмотренные анимации. Я честно просто в оргазме от одного макета только, давно я такого удовольствия для работы не видел! Поэтому пытаюсь 100% предусмотренного тобой реализовать, все анимации, все до чего руки дотягиваются стараюсь учесть Макет бомба, спасибо тебе!”

Screenshot of developer feedback

Дизайн-система

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

Особенностью проекта стала цветовая система: я создала три отдельные темы и организовала их в дизайн-токены. Кроме того, у каждого модуля была своя подгруппа компонентов — в основном карточки, таблицы и уникальные паттерны уровня «организмов».

Mindloom colors and typography system
Цвета и типографика

Рефлексия

Этот проект стал для меня по-настоящему важным. Я пришла в него дизайнером без опыта продуктового дизайна, а ухожу с прочной базой знаний и опытом создания самых разных цифровых продуктов. Среди референсов и конкурентов были Coursera, Zoom, Yasno, Slack, Google Drive и даже Notion.

Оглядываясь назад, я вижу моменты, к которым сейчас подошла бы иначе: где-то тщательнее доработала бы UI, а где-то глубже продумала структуру. Эти недочёты были связаны с нехваткой опыта. В начале проекта я не всегда понимала, как правильно организовать продукт, но со временем научилась создавать понятные и практичные для разработчиков гайдлайны.

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

My early workspace for the Mindloom project
Как я начинала и как выглядит рабочее пространство сейчас

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

Обсудить ваш проект

Открыта к проектам

Начнём проект?

Напишите мне — обсудим задачу, формат работы и следующие шаги.