← Все кейсы
JUST VISA

JUST VISA — платформа обработки визовых заявок

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

ДолжностьUX-UI дизайнер
Срок3 месяца
Объём работы35+ экранов

Роль: Product / UX-UI дизайнер - единственный дизайнер на проекте, 3 месяца от первого экрана до передачи в разработку через Figma Dev Mode.

Продукт: CRM визового центра с тремя ролевыми интерфейсами, дизайн-системой, тёмной темой и маркетинговым лендингом - 1 продукт, 3 уровня доступа.

Пользователи: Заявитель - подаёт документы и отслеживает заявку; менеджер - обрабатывает заявки и цены; админ - настраивает направления и доступ.

Задача: Спроектировать с нуля продукт для трёх ролей на единой архитектуре, определить визуальный язык и заложить основу дизайн-системы в сжатый срок.

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

Что сделано: MVP за 3 месяца - 35+ экранов, дизайн-система с иконографией, тёмная тема для ключевых сценариев, отдельный анимированный лендинг.

Контекст

О продукте

JUST VISA — сервис быстрой записи в визовый центр, объединяющий трёх участников процесса в одной системе: заявителя, который подаёт документы, менеджера визового центра, который обрабатывает заявки и управляет ценообразованием, и администратора, который настраивает направления, категории виз и уровни доступа. У каждой роли своя навигация и свои задачи, не урезанная копия чужого интерфейса.

Продукт нужно было спроектировать с нуля за 3 месяца, включая маркетинговый лендинг — без штатной исследовательской команды и без готовой дизайн-системы. Бизнес-логика проекта (модуль динамического ценообразования — стоимость и скидки по городам, направлениям и категориям виз) формировалась параллельно с дизайном, поэтому часть решений принималась итеративно, прямым обсуждением, а не по готовому ТЗ.

Архитектура, которую спроектировала

  • Три ролевых интерфейса на единой компонентной базе — User (заявитель), Manager (менеджер визового центра), Admin (администратор) — с раздельной навигацией и логикой под каждую роль, без урезанных копий друг друга
  • Модуль динамического ценообразования — таблица стоимости и скидок по городам, направлениям и категориям виз, с инлайн-редактированием прямо в строке
  • Тёмная тема для всех трёх ролей без потери контраста и фирменного акцента
  • Адаптивность на полный грид — 1920 / 1440 / 1280 / 768 / 390, мобильные таблицы данных как отдельный компонент, а не горизонтальный скролл десктопной версии
  • Маркетинговый лендинг — отдельная задача внутри проекта, адаптированная под десктоп и мобайл
  • Интеграция с Telegram — уведомления о статусе заявки без необходимости проверять её вручную

Ключевые решения

Ключевое архитектурное решение — спроектировать три функционально разных интерфейса (заявитель, менеджер, администратор) на одной компонентной базе, без визуальной и логической путаницы между ролями. Это не только держало продукт целостным при разработке с нуля за 3 месяца, но и упростило поддержку системы: разработчик работал с одним набором компонентов вместо трёх параллельных дизайн-языков.

Фундамент

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

Единолично отвечала за целостность дизайн-системы: типографическую шкалу, палитру (отдельно light/dark), компоненты форм, навигационные паттерны — отдельные для каждой роли, — таблицы (раздельно для web и mobile, а не адаптация одного компонента), пагинацию, модальные окна, cookie-баннер под все брейкпоинты. Отдельным блоком собрала кастомную иконочную библиотеку — больше 20 тематических наборов (документы, оплата, безопасность, локации, устройства и т.д.)

Адаптивность

Адаптировала под полный грид: 1920 / 1440 / 1280 / 768 / 390. Спроектировала мобильные версии таблиц данных как отдельный компонент, а не горизонтальный скролл десктопной версии.

Мобильная версия — экраны
Мобильная версия — экраны
Роль 1

User — заявитель

Ключевая задача пользователя — подать заявку и отследить её статус, не разбираясь в визовой бюрократии.

  • Собрала экран заявки в одном месте: направление, категории виз, список заявителей с персональными данными, сроки подачи, расчёт стоимости с разбивкой (стоимость записи + сервисный сбор)
  • Отдельно спроектировала баланс, документы, персональные настройки и интеграцию с Telegram для уведомлений — сценарий, который снижает количество обращений в поддержку за счёт того, что статус заявки не нужно проверять вручную
Создание заявки
Создание заявки
Детальный просмотр заявки
Детальный просмотр заявки
Баланс
Баланс
Персональные настройки
Персональные настройки
Мои заявки
Мои заявки
Все экраны — User — общий вид
Все экраны — User — общий вид
Роль 2

Manager — менеджер визового центра

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

  • Спроектировала интерфейс с отдельной навигацией — не урезанной копией admin-панели — где плотная таблица данных остаётся читаемой и редактируется без перехода в отдельные формы
  • Вынесла города как раскрываемые группы внутри таблицы, с инлайн-редактированием стоимости и скидки прямо в строке
Категории
Категории
Ценообразование
Ценообразование
Пользователи
Пользователи
Заявки одного пользователя
Заявки одного пользователя
Все экраны — Manager — общий вид
Все экраны — Manager — общий вид
Роль 3

Admin — администратор

Администратор настраивает систему на уровне бизнес-правил: направления (страна отправления → страна назначения), категории виз, пользователей и вывод баланса.

  • Построила ключевой модуль — динамическое ценообразование: таблица, где для каждого города, направления и типа визы задаётся своя стоимость и скидка, с быстрым редактированием без выхода в отдельную форму
  • Это самый плотный по данным раздел проекта — потребовал отдельной проработки читаемости таблицы при большом количестве строк и городов
Категории
Категории
Создание категории
Создание категории
Ценообразование, редактирование скидки и стоимости
Ценообразование, редактирование скидки и стоимости
Пользователи и вывод средств
Пользователи и вывод средств
Редактирование индивидуальной стоимости
Редактирование индивидуальной стоимости
Активация направления
Активация направления
Все экраны — Admin — общий вид
Все экраны — Admin — общий вид
Тема

Тёмная тема

Спроектировала тёмную тему для основных модулей всех трёх ролей — с сохранением фирменного акцента и контраста текста на тёмном фоне без дополнительной адаптации палитры. Тема покрывает все ключевые сценарии (заявки, баланс, ценообразование, категории и др.).

Тёмная тема — экраны
Тёмная тема — экраны
Процесс

Процесс и передача в разработку

  • Решения принимались в тесной связке с фаундером (он же PM) и разработчиком, которые формировали бизнес-логику продукта параллельно с дизайном
  • Провела конкурентный анализ визовых и записных сервисов, опиралась на обратную связь от реальных пользователей системы (агентов визового центра и заявителей) в неформальном формате, без структурированных исследовательских сессий при имеющихся ресурсах
  • Спроектировала три интерфейса с чёткой логикой каждый, без визуальной и функциональной путаницы между ролями — при этом на одной компонентной базе, что упростило поддержку системы разработчиком
  • Часть решений отстаивала и аргументировала перед фаундером и командой, когда бизнес-требование противоречило удобству использования
  • Проводила самостоятельную проверку экранов на логику и юзабилити перед передачей в разработку, проговаривала пограничные состояния (ошибки, «in developing», pressed-состояния меню) сразу в макете, а не по запросу постфактум
  • Оперативно дорабатывала решения по фидбеку фаундера после демонстрации макетов
Итог

Результат

В одиночку спроектировала с нуля и довела продукт до MVP за 3 месяца: три ролевых интерфейса (заявитель, менеджер визового центра, администратор), полная адаптивность на 5 брейкпоинтов, дизайн-система с кастомной иконографией, тёмная тема и отдельный маркетинговый лендинг с анимационными акцентами и формой заявки как основным CTA.

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