UniPrompt
Один продукт. Два этапа роста.
Этап 1
Редизайн и дизайн-система
От разрозненного интерфейса до единой дизайн-системы
О проекте
UniPrompt — крупная AI-платформа, объединяющая экспертов, инструменты и контент. Продукт рос быстро, а интерфейс не поспевал — разные части платформы выглядели так, будто их проектировали разные люди в разное время. В какой-то момент стало ясно: чтобы двигаться дальше, платформе нужно единое визуальное ядро.
Проблема
Интерфейс был разрозненным: несогласованные визуальные стили в разных частях продукта, плохо читаемые карточки, слабая визуальная иерархия, отсутствие централизованной дизайн-системы, масштабирование было сложным и рискованным. При этом существующую продуктовую логику менять было нельзя. Задача получилась деликатная: навести порядок, не сломав работающий продукт.
Контекст
Клиент хотел, чтобы интерфейс продукта визуально соответствовал корпоративному сайту: about.uniprompt.org
Моя роль
Я отвечала за весь цикл: аудит существующего интерфейса, построение дизайн-системы с нуля, редизайн ключевых разделов продукта, поддержку внедрения вместе с разработчиками. Я тесно работала с командой разработки и проектировала решения в рамках реальных технических ограничений.
Подход
Гипотезы: удаление лишних акцентов упростит сканирование карточек; больше свободного пространства улучшит читаемость; единые кнопки/теги/иконки создадут цельное ощущение; согласованный ритм снизит визуальный хаос.
Зоны сканирования — Feed, Talks, карточки, теги: скорость, иерархия, контраст, свободное пространство.
Чтение и анализ — блог, детали Talk, админ-панель: структура, типографика, плотность контента.
Быстрые действия — реакции, лайки, теги, фильтры: лёгкий и удобный для кликов UI.
Глубокие действия — редактирование профиля, модерация, управление пользователями: спокойный интерфейс с минимумом шума.
До и после
Feed — основной источник экспертного контента. Раньше он был слишком плотным и шумным, что затрудняло сканирование. Что я изменила: упростила дизайн карточек, улучшила иерархию (тип контента, автор, время), доработала реакции и быстрые действия, ввела согласованный визуальный ритм. До — визуальный шум и конкурирующие элементы. После — чистые карточки, чёткий ритм, современное и лёгкое ощущение.
Feed · Было / Стало
Talks — модуль для активных и закрытых обсуждений. Структура была прочной, но визуально ощущалась плоской и плохо сканировалась. Улучшения: сохранила существующую логику (по просьбе клиента), улучшила контраст и читаемость, доработала карточки/отступы/выравнивание, добавила визуальный ритм, аккуратно обновила теги и иконки.
Talks · Было / Стало
Блог ощущался как «страницы из разных лет». Изображения были несогласованными, фильтрации не было, структура была непонятной. Что я сделала: добавила понятную систему фильтров (категории, стек технологий, навыки), отделила специализацию от деталей, унифицировала стили карточек, ввела адаптивные правила для изображений, улучшила типографику.
Блог · Было / Стало
Раздел People был стабильным и не требовал серьёзных UX-изменений. Однако было сложно быстро понять, кто чем занимается. Я аккуратно добавила теги навыков, не меняя существующую логику.
People · Было / Стало
Виджеты внутри постов
Теперь авторы могут добавлять интерактивные виджеты прямо в посты: выбирать тип виджета (отзыв, донат, todo и т.д.), настраивать цвет кнопки и иконку, управлять визуальным стилем без разработчиков. Это превратило блог в интерактивную площадку для общения, продаж и обратной связи.
Результаты и эффект
Рекомендация
Рекомендательное письмо от руководства.
«Алёна продемонстрировала исключительный профессионализм, креативность и глубокое понимание как user-centered дизайна, так и бизнес-целей».
Она успешно провела редизайн ключевых страниц — Feed, Talks и Blog — объединив их единой современной визуальной системой. Помимо визуальных улучшений, она создала масштабируемую дизайн-систему в Figma, оптимизировала процессы передачи дизайна в разработку и обеспечила согласованность с архитектурой бэкенда.
Kiryl Lazarevich
CEO, Kirakito Technologies · Подписано 13.10.2025
Этап 2
Board & Teams
От контентной платформы до готовой для B2B рабочей среды
Контекст проекта
После редизайна и внедрения дизайн-системы UniPrompt вошёл в новую фазу роста. Однако продукт всё ещё оставался прежде всего контентной платформой, а не рабочим инструментом. Пользователи могли читать контент, обсуждать идеи, взаимодействовать в комментариях. Но они не могли реально выполнять работу внутри продукта. Это ограничение делало невозможным движение в сторону B2B и enterprise.
Проблема
UniPrompt не поддерживал реальную совместную работу: не было задач и статусов, ролей и ответственности, структуры команд, связи между людьми → задачами → проектами.
Бизнес-цель
Построить слой для совместной работы, который: превращает обсуждения в конкретные задачи, связывает людей, роли и проекты, масштабируется на разные команды, остаётся лёгким и понятным, встраивается в существующий продукт, не ломая UX.
Моя роль
Я работала продуктовым дизайнером с полной ответственностью за UX-архитектуру, отвечая за: дизайн Board (задачи), дизайн Teams (люди и роли), определение UX-логики, связывающей людей → задачи → проекты, навигацию и пользовательские сценарии, ролевые модели и логику доступов, UX-решения для админ- и бизнес-аккаунтов, подготовку продукта к enterprise-использованию, поддержку процесса разработки.
Подход и процесс
Admin Overlay
Для администраторов и бизнес-аккаунтов я спроектировала режим оверлея, который позволяет: превращать личный чат в задачу, превращать задачу обратно в чат, модерировать процессы, управлять доступом без потери контекста. Это решение снижает разрозненность, сохраняет историю, делает администрирование быстрым и интуитивным.
Демонстрация Admin Overlay
Board (задачи)
Board стал ядром выполнения задач. Ключевые возможности: логика канбана, статусы и приоритеты, drag & drop, исполнители, теги, компактные и развёрнутые карточки.
Статус задачи можно менять прямо в карточке. Такой подход, запрошенный бизнесом, помогает пользователям оставаться сосредоточенными на содержании задачи и минимизирует лишнюю навигацию.
Teams
Teams управляет людьми, а не просто визуальным интерфейсом. Спроектированные возможности: структура команды, роли и уровни доступа, приглашения, отслеживание ответственности, связь людей с задачами и проектами.
Что выпущено
Внедрение и использование на этом проекте никогда не измерялись. Поэтому вместо цифр, за которые я не могу поручиться, — вот что реально попало в продакшен и за что я отвечала.
Что эти решения должны были изменить
Задачу можно создать прямо из переписки, откуда она возникла, не переключаясь в отдельный инструмент, чтобы её зафиксировать.
Есть роли, приглашения и права на уровне аккаунта — структура, без которой B2B-пилот просто не может начаться.
People, talks, tasks и teams смоделированы как одна связанная структура, а не четыре отдельные.