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-функциями, сохраняя контекст работы.
Галерея работ
Реализован удобный доступ к истории созданного контента в формате галереи, что позволяет пользователям легко находить предыдущие генерации и продолжать работу с ними.
Визуальный стиль
Финальный дизайн получился современным, стильным и профессиональным. Он транслирует серьёзность продукта и технологичность, при этом оставаясь доступным для широкой аудитории.
Понравился проект?
Связаться
Смотреть CV
Другие проекты
Mobile App
Редизайн
Figma
Kid Control
Ed-tech
Редизайн
Figma
Real Language Club
E-commerce
Разработка
Webflow
Shopify
JavaScript
API
***** Group
Ed-tech
Редизайн
Разработка
Creatium
JavaScript
API
Вебхуки
GetAnalyst
Made on
Tilda