Sfumata. Один интерфейс для меняющегося мира AI

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

За пять месяцев мы помогли превратить первоначальную TMA-концепцию в полноценный веб-продукт: проработали часть бизнес-логики, разработали UX/UI, рекламный лендинг, пользовательскую платформу, админ-панель, платежи и интеграции моделей.

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

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

Главная продуктовая сложность заключалась в том, чтобы одновременно упростить выбор для пользователя и сохранить гибкость для команды Sfumata.

Первой формой продукта была Telegram Mini App. Она позволяла собрать основные сценарии в компактном формате, но по мере развития Sfumata становилось понятно, что продукт выходит за его пределы.

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

Фокус сместился на полноценный веб-сервис, а продуктовую логику и накопленные сценарии мы перенесли в новую структуру.

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

• изображения;
• видео;
• аудио;
• текст.

Уже внутри выбранного направления можно сравнить доступные модели и перейти к настройке генерации. Такая структура снижает порог входа для людей, которые знают, какой контент им нужен, но не обязаны разбираться во всём AI-рынке.

Одна логика для разных форматов

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

Поэтому общую часть сценария мы сохранили неизменной:

Вместо отдельных оплат каждому поставщику Sfumata использует единую систему токенов. Пользователь пополняет общий баланс или получает пакет токенов по подписке, а затем расходует их внутри разных инструментов.

Для продукта это потребовало связать сразу несколько уровней:

• доступные модели;
• условия генерации;
• токенный баланс;
• подписку и дополнительные покупки;
• платежные сценарии;
• историю операций.

Мы проработали эту логику как часть единого продукта, а не как отдельный платёжный раздел.

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

Модели могут появляться, обновляться или становиться временно недоступными. Если каждое такое изменение требует работы разработчика, сервис начинает отставать от рынка.

Поэтому мы предусмотрели административный контур, через который владельцы Sfumata могут управлять моделями и актуальным состоянием каталога самостоятельно. Пользовательская часть остаётся стабильной, а наполнение продукта может меняться вместе с рынком.

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

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

Эту визуальную систему мы продолжили на рекламном лендинге, в личном кабинете и внутренних состояниях продукта.