Visarun.ai: от визового чат-ассистента к B2B-платформе

Первая версия помогала оформить визу для себя

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

Чату становилось тесно

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

Новые клиенты изменили приоритеты

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

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

Один продукт для двух разных аудиторий

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

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

Больше заявок на одном экране

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

Понятная структура на каждом шаге

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

AI помогал готовить документы

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

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

Оформление визы без привязки к компьютеру

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

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

Основа для дальнейшего развития

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

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

Три поколения продукта — одна масштабируемая система

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

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