Система для автоматизации работы менеджеров отдела бронирования

UI/UX

OLTA Travel — ведущий российский туроператор c офисами в Москве и Санкт-Петербурге, а также представительством в Иркутске

Olta Travel — DMC компания. Компания, которая обеспечивает пребывание в стране. Ее клиентами являются в первую очередь юр. лица в B2B сегменте — турагентства, которые находятся за границей. В данный момент основной сегмент — Индия, Китай, Европа.
Локальные турагентства взаимодействуют с физлицами, собирают их пожелания и требования, формируют группы и затем обращаются к DMC компаниям, расположенным в стране назначения. Таким образом формируется следующая цепочка взаимодействия: Физ. лицо → Местное турагентство → DMC компания в стране назначения.

Клиенту требовалось разработать ERP систему для автоматизации работы менеджеров отдела бронирования

Также Olta Travel хотели предоставить своим клиентам (юр.лицам) инструмент для самостоятельного создания программы туров.
Olta Travel использовали несколько несвязанных цифровых инструментов для организации работы, но требовалась большая эффективность.
Distillery взяли за основу прототип, разработанный внутренней командой клиента. Прототип представлял базовые требования к продукту и предлагал способы объединения разрозненных частей системы: квотация, справочники, бронирования внутри ERP.
Дополнительным требованием был перенос функций из Битрикс24 в новую систему.
Главные проблемы, которые необходимо было решить Distillery:

  • Неудобный и сложный процесс бронирования, который требует большого количества коммуникаций и “ручной” работы, а также отсутствие автогенерации документов
  • Сотрудникам Olta Travel приходится работать в разных приложениях:
    Google Docs, Bitrix 24, почта, RFQ-внутренняя система бронирования

Решение

Из-за большого объема системы (для каждого направления бронирования процессы немного отличались) совместно с клиентом было принято решение сфокусироваться на одном направлении — работе с гидами.

Выявленные проблемы команда Distillery сформулировала в следующие задачи:

  • Спроектировать архитектуру, удовлетворяющую требованиям проекта и требованиям качества, удобную в сопровождении
  • Перенести имеющийся прототип и функциональность на новый технологический стэк
  • Итеративно внедрять новой функционал
  • Пересмотреть пользовательский опыт прототипа, обновить UX/UI, основываясь на ключевых пользовательских сценариях

Чтобы часто показывать конечным пользователям результат работ, планировать разработку на основе фидбека и иметь возможность быстро менять приоритеты, мы приняли решение использовать формат Times & Materials и двухнедельные итерации для разработки MVP. Такая форма взаимодействия предполагает тесное сотрудничество сторон. Olta Travel были частью команды Distillery и участвовали в сессиях планирования, интервью и были в постоянном контакте с командой разработки.

Например, на начальном этапе мы провели серию интервью с менеджерами по бронированию и составили карту текущих процессов бронирования в компании — Customer Journey Map, на основе которого впоследствии был разработан обновленный UX.
В результате совместной работы оригинальный прототип продукта был расширен.

Техническая часть нового ERP решения

Bеб-приложение с бэкендом на PHP (Symphony) и фронтенд частью на Angular 5.x. Фреймворк Angular отлично подходит в случаях, когда необходимо показывать и обновлять большие объемы информации.

Symfony имеет богатые возможности “из коробки”. Некоторые из них Distillery активно применяли в проекте:

  • Интеграция с Doctrine ORM
  • SwaggerUI
  • Docker-сборка
  • Постраничная навигация и HATEOAS

Дизайн часть: CJM

На этой стадии дизайнеры Distillery проанализировали все процессы в департаменте бронирования и на основе этой информации создали несколько основных схем движения пользователей.

Дизайн часть: Userflow

На основе CJM мы построили карту с пользовательскими путями.

Дизайн часть: Wireframes

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

Дизайн часть: UI

Основная задача — удобство считывания информации. Выделили полезные данные, чтобы пользователь мог их быстро интерпретировать и применять.

Дополнительный функционал

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

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

Стайлгайд и брендинг

Типографика

Иконки

Цвета

#9394e5

#6d6e9e

#424376

#e33a4e

#3f3f4d

#ededf0

#f2f2f5

#ffffff

#6b6b7d

#454557

Основной итог работы Distillery

Это превращение идей из прототипа клиента в работающий продукт с возможностью масштабирования внутренней командой клиента. Заложенные в MVP технологические и дизайн решения могут быть применены и в других направлениях работы Olta Travel: бронирование транспорта, авиабилетов, музеев, ресторанов.