3D Empty State
без 3D редактора
Как я выстроила систему изометрических иллюстраций для мобильного приложения — от концепции и промптинга до финальных компоновок — используя Sora как основной инструмент генерации.
Задача
В мобильном приложении для управления арендой недвижимости было пять ключевых экранов с пустыми состояниями: счета, объекты, жильцы, транзакции и категории. Каждый экран требовал уникальной изометрической иллюстрации, которая передаёт тему раздела.
  • Нужно было сформировать единый визуальный язык — общие материалы, углы, освещение и мелкие детали — чтобы все иллюстрации воспринимались как часть одной системы.
JTBD
Когда я начинаю новый проект,
я хочу быстро и понятно сформулировать задачи, чтобы не тратить время на долгие переписки и уточнения.
Когда я заполняю бриф,
  • я хочу получать подсказки и структуру, чтобы не забыть важные детали.
Гипотезы
Если автоматически распределять речь по структуре → пользователи быстрее получают готовый бриф.
Если показывать подсказки в реальном времени → увеличится полнота ответов.
  • Если добавить цветовую оценку качества → пользователь быстрее поймёт слабые места и дополнит информацию.
Три материала, точные hex-коды
  • Упростить создание брифов и сократить время на формулирование задач за счёт AI-структурирования и голосового взаимодействия.
Validation
Проведено usability-тестирование на 5 респондентах.
Основные выводы:
  • пользователи быстрее формулировали ответы через голосовой ввод
  • подсказки помогали не терять контекст
  • цветовая оценка воспринималась как понятный индикатор качества
  • некоторые пользователи ожидали более очевидного сценария работы с микрофоном
Метрики успеха
  • время создания брифа
  • полнота заполнения
  • количество завершённых брифов
  • процент пользователей, дошедших до финального экрана
Результат
В результате был спроектирован AI-first сценарий создания
брифов с голосовым взаимодействием, подсказками
и системой оценки качества ответов.
Модальное окно с шеринговой ссылкой
Экран с моими сессиями
Экран записи голоса с вопросами подсказками
Экран с пустым состоянием
Made on
Tilda