Дизайн голосового ИИ-ассистента Smiley для повседневных задач

Цель работы

Запустить MVP голосового ИИ-ассистента и вывести продукт на рынок: спроектировать с нуля мобильное приложение, где взаимодействие с нейросетью происходит голосом и в переписке, а не через настройки и промпты. Второе условие — заложить дизайн-систему с запасом на расширение: за мобильной версией должна была последовать десктопная, и система должна была выдержать это без переработки.

Решение

Ассистента поставили в центр таб-бара — не пунктом меню, а главным действием. Его спрашивают голосом обо всём: он заносит дела в план дня, бронирует столик, выполняет задачи через интеграции. Голос и текст сделали одним диалогом с разной подачей. Говорить вслух удобно не всегда, поэтому рядом живёт чат — та же переписка, но развёрнутая: голосом Smiley отвечает коротко и по делу, текстом — подробно. План дня стал второй опорой продукта. Пользователь собирает дела, а Smiley разбирает расписание и сам предлагает, что можно перестроить: не хранит план, а оптимизирует его. Узкие темы вынесли в отдельные личности ассистента — повар, тренер и другие. В каждой Smiley разбирается глубоко, и придумывать формулировку не нужно: пользователь выбирает, с кем говорит, и сразу переходит к задаче.

Работа с ограничениями

Самым сложным в проекте оказался не интерфейс, а компромисс между тем, чего хотел бизнес, и тем, что мог собрать Flutter. Со стороны продукта было требование постоянного визуального контакта с ассистентом — вплоть до присутствия на экране настроек. Логика понятная: ассистент и есть продукт, он не должен исчезать. Держать его во всех состояниях интерфейса разработка не тянула, и решение мы искали вместе с командой разработки на стороне клиента. Flutter добавил своих правил: например, градиент и размытие фона нельзя применить одновременно. Часть эффектных решений мы упростили и шаблонизировали — не ради макета, а чтобы задачу можно было взять в спринт и закрыть, а не растянуть на месяцы.

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

Дизайн-систему собрали свою, а не на базе готовой: продукту предстояло вырасти из мобильного приложения в десктопное, и система должна была это выдержать. В основе — 400+ переменных в шести коллекциях: цвета, размеры, отступы, типографика. Светлая и тёмная темы переключаются режимами, а поверх работает выбор акцентного цвета — как в Telegram. Компоненты собраны вариантами под все состояния: у одной только кнопки их больше пятисот. Всё спроектировано под требования Flutter — в размерах, состояниях и структуре компонентов, чтобы макет не пришлось переизобретать в коде. Разработка получила аннотации, документацию компонентов и версионирование.