Портфолио

вернуться в портфолио

AI-платформа генерации изображений

U-Plast Studio — AI-платформа генерации изображений

Обзор проекта

U-Plast Studio - это закрытое веб-приложение для генерации изображений с использованием AI, разработанное как внутренний инструмент для быстрого создания визуального контента.

Продукт позволяет пользователю превратить текстовую идею и референсные изображения в готовый визуал за несколько шагов — от описания концепции до скачивания результата. img36 1.jpg

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


Задача

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

  • упрощает работу с AI для конечного пользователя
  • обеспечивает быстрый результат без сложных настроек
  • позволяет контролировать доступ и управлять пользователями
  • масштабируется как полноценный продукт img37 1.jpg

Проблема

Большинство AI-инструментов перегружены параметрами, требуют обучения и не подходят для быстрых задач:

  • сложные интерфейсы
  • отсутствие понятного UX-сценария
  • нет контроля пользователей в корпоративной среде
  • разрозненные решения без единой системы

Решение

UX и пользовательский сценарий

В основе продукта — линейный и понятный flow:

  1. Авторизация
  2. Выбор параметров генерации
  3. Ввод текстового описания
  4. Добавление референсов
  5. Генерация изображения
  6. Просмотр и скачивание результата

Каждое действие логично продолжает предыдущее, без лишних шагов. img39 1.jpg


Интерфейс и UI

Интерфейс построен в минималистичной AI-стилистике:

  • светлая технологичная тема
  • glassmorphism и blur-эффекты
  • карточная структура
  • плавные анимации и micro-interactions
  • fullscreen-просмотр результатов img40 1.jpg

Особое внимание уделено:

  • скорости восприятия интерфейса
  • визуальной чистоте
  • отсутствию перегрузки элементами img38 1.jpg

Функциональность

Для пользователя:

  • генерация изображений по текстовому prompt
  • поддержка разрешений (1K / 2K / 4K)
  • загрузка референсных изображений
  • просмотр результата в fullscreen
  • скачивание итогового изображения

Для администратора:

  • управление пользователями
  • создание и удаление аккаунтов
  • контроль доступа
  • просмотр статистики генераций img42 1.jpg

Техническая реализация

Frontend:

  • React + TypeScript
  • Vite
  • Tailwind CSS
  • кастомные UI-компоненты
  • React Hooks и Portals

Backend:

  • Go (Chi router)
  • JWT-авторизация
  • PostgreSQL
  • интеграция с Gemini API

Инфраструктура:

  • Docker Compose
  • Nginx (production)
  • dev proxy через Vite img44 1.jpg

Архитектура

Проект реализован как разделение на:

  • SPA frontend (интерфейс и UX)
  • API backend (логика, авторизация, генерация)

Frontend взаимодействует с backend через REST API, передавая данные генерации и получая результат в формате изображения. img43 1.jpg

Результат

В результате был создан полноценный MVP AI-продукта, который:

  • готов к использованию внутри компании
  • демонстрирует полный продуктовый цикл (UI → API → AI → результат)
  • масштабируется в production-сервис
  • может быть расширен до SaaS-решения img45 1.jpg

Бизнес-ценность

  • ускорение создания визуального контента
  • снижение зависимости от дизайнеров на этапе концептов
  • централизованное управление доступом
  • основа для коммерческого AI-продукта

Потенциал развития

  • история генераций и галерея
  • тарифные планы и лимиты
  • облачное хранение изображений
  • расширенные настройки AI
  • командная работа и шаринг img46 1.jpg