Nexa AI | Кейс

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

Figma

Auto layout

Components

Design System

Лендинги

Дэшборд

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

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

О проекте

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

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

Задача проекта

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

Целевая аудитория

B2C — пользователи, работающие с нейросетями (дизайнеры, маркетологи, контент-мейкеры, обычные пользователи).

Процесс работы

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

Команда провела детальный анализ конкурентов для понимания лучших практик UX в AI-платформах. Изучали функциональные возможности и пользовательские сценарии таких сервисов как Midjourney, ChatGPT, Stable Diffusion и других популярных инструментов. Это позволило выявить паттерны взаимодействия и определить оптимальные решения для навигации в многофункциональном продукте.

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

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

Организовать интуитивную навигацию между 5+ различными дашбордами (генерация изображений, чат, редактор, улучшение качества, удаление фона и другие инструменты)
Обеспечить быстрый доступ к истории предыдущих работ пользователя
Создать понятный интерфейс графического редактора с функциями, схожими с профессиональными инструментами (добавление текста, рисование, вставка изображений, создание коллажей, изменение размера)
Разработать систему, которая масштабируется и позволяет добавлять новые AI-инструменты без нарушения логики интерфейса

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

Мы создали комплексную дизайн-систему с нуля, включающую:

Базовые компоненты: Кнопки, формы ввода, карточки контента, тултипы, модальные окна, иконки

Сложные компоненты: Интерфейс редактора изображений, меню, сайдбар, дашборды для различных функций

Все компоненты построены с использованием Auto Layout и стилей в Figma, что обеспечило консистентность и простоту внесения изменений

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

В рамках проекта спроектировано более 20 уникальных страниц и интерфейсов:

Главная страница и онбординг
Система авторизации (регистрация, вход, восстановление пароля)
Личный кабинет пользователя и настройки профиля
Страницы тарифов и подписок с модальными окнами управления
5+ функциональных дашбордов для различных AI-инструментов
Графический редактор изображений
Личный кабинет для бизнес-аккаунтов
Реферальный кабинет
Служебные страницы (документация, bug bounty программа, 404)

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

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

Удаление фона с изображений
Апскейл и улучшение качества изображений
Генерация изображений по текстовому описанию
AI-чат для решения задач
И другие специфические возможности

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

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

Интуитивная навигация

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

Галерея работ

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

Визуальный стиль

Финальный дизайн получился современным, стильным и профессиональным. Он транслирует серьёзность продукта и технологичность, при этом оставаясь доступным для широкой аудитории.