Nexa AI — платформа для работы с искусственным интеллектом

От первого знакомства до генерации контента в одной экосистеме.

FigmaAuto layoutComponentsDesign SystemЛендингиДэшборд

Роль: UI/UX дизайнер в команде

Команда: 3 дизайнера

Смотреть кейс
Обложка проекта Nexa AI
Формат
B2C-платформа
Объём
20+ интерфейсов
Фокус
UX/UI и дизайн-система

О проекте

Nexa AI — многофункциональная платформа для работы с нейросетями, разработанная для российского рынка. Продукт объединяет возможности разных AI-инструментов в одной экосистеме.

Задача

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

  • Единая навигация между инструментами.
  • Общие UX-паттерны для всей экосистемы.
  • Удобный доступ к истории созданных работ.

Команда и масштаб

Над проектом работали три дизайнера. В общей продуктовой логике спроектировали более 20 уникальных страниц и интерфейсов.

Онбординг и интерфейс Nexa AI

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

Изучили более семи AI-платформ, включая Midjourney, ChatGPT, Stable Diffusion и Leonardo AI. Сравнили навигацию, первый пользовательский опыт и работу с историей генераций.

  • Сайдбар оказался привычным паттерном для перехода между инструментами.
  • История генераций в других сервисах часто скрыта или неудобна для повторного доступа.
  • Для сложного продукта особенно важен понятный следующий шаг в каждом сценарии.

Ключевые челленджи

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

  • Навигация между пятью и более функциональными дашбордами.
  • Быстрый доступ к предыдущим работам.
  • Понятный графический редактор с профессиональными инструментами.
  • Масштабируемая структура для новых AI-функций.
Сценарии и интерфейсы Nexa AI

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

Собрали базовые и сложные компоненты: кнопки, формы, карточки, тултипы, модальные окна, меню, сайдбар, интерфейс редактора и дашборды. Auto Layout и стили Figma помогают поддерживать единый язык продукта и быстро вносить изменения.

Компоненты дизайн-системы Nexa AI

Структура и масштаб

Более 20 интерфейсов связаны общей продуктовой логикой.

  • Главная страница, онбординг и авторизация.
  • Личный кабинет, профиль, тарифы и подписки.
  • Пять и более дашбордов AI-инструментов и графический редактор.
  • Бизнес-кабинет и реферальная программа.
  • Документация и служебные страницы.
Структура платформы Nexa AI
Дашборды и инструменты платформы Nexa AI

Лендинги для маркетинга

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

Макеты целевых лендингов Nexa AI

Решения и результаты

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

Положительную оценку интерфейсу дали 8 из 10 тестировщиков.

Познакомимся поближе?