Сложные данные — простые решения

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

В основе Veyra — идея объединить эти данные в мобильном интерфейсе, где можно быстро оценить состояние компании, заметить отклонения и определить, на что стоит обратить внимание.

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

От общей картины к конкретным вопросам

Структура Veyra построена вокруг пяти основных разделов: Overview, Reports, Goals, Insights и AI.

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

Такой подход позволяет разделить разные уровни аналитики. Общая информация остаётся доступной сразу, а подробности открываются по мере необходимости.

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

Первое знакомство с продуктом

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

Три последовательных экрана объясняют основную ценность Veyra: видеть состояние бизнеса, сопоставлять показатели с целями и превращать аналитические данные в конкретные действия.

На завершающем экране пользователь может войти через Apple, Google или электронную почту.

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

Ключевые показатели на одном экране

Главный экран Executive Summary помогает быстро оценить финансовое состояние компании.

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

Ниже находится общий индикатор выполнения годового плана.

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

Для визуального разделения информации использовал карточки, короткие подписи, графики и цветовые индикаторы. При этом цвет дополняет числовые значения, а не заменяет их.

Прогнозы и отклонения от плана

В разделе Reports пользователь может подробнее изучить финансовые показатели и сопоставить фактические результаты с планом.

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

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

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

Цели, риски и рекомендации в одном сценарии

В Veyra аналитика связана со стратегическими целями компании.

Раздел Goals & Priorities показывает прогресс по инициативам, сроки и текущие статусы. Пользователь может быстро определить, какие цели выполняются по плану, а какие требуют внимания.

В Insights собраны изменения, которые могут повлиять на бизнес: новые возможности, риски и отклонения от прогнозов. Каждое событие сопровождается кратким объяснением, а для отдельных рекомендаций предусмотрена оценка потенциального эффекта.

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

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

AI как инструмент проектирования

При работе над Veyra использовал Claude совместно с Figma MCP для создания и доработки интерфейсов непосредственно в Figma.

Сначала определил структуру приложения, основные пользовательские сценарии и визуальное направление. Затем с помощью AI собирал экраны, прорабатывал компоненты и вносил изменения в макеты.

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

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

Дизайн-система для сложных мобильных интерфейсов

Для Veyra разработал систему визуальных принципов и компонентов, которая объединяет основные разделы приложения.

В её основе — типографика SF Pro, нейтральные поверхности, коралловый акцентный цвет, единая шкала отступов и скруглений. Для положительных изменений, предупреждений и ошибок предусмотрены отдельные цвета состояний.

В компонентную систему вошли кнопки, элементы авторизации, поля ввода, переключатели, навигация, карточки показателей, графики и индикаторы статусов.

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

Дизайн-система помогает сохранять последовательность интерфейса и повторно использовать решения без необходимости проектировать каждый экран с нуля.

Бизнес-аналитика в мобильном формате

В результате спроектировал концепт мобильного приложения, объединяющего финансовые показатели, отчёты, стратегические цели и AI-инструменты.

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

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

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