Контекст
Doki — сервис автоматизации командировок. Сотрудник создаёт заявку на поездку и сразу бронирует транспорт, проживание и трансферы; руководитель, тревел-менеджер и бухгалтер согласуют её по цепочке; а отчёты по расходам сдаются электронно. Всё, что раньше жило в бумагах и переписке, собирается в один прозрачный процесс. Я работал над продуктом на ранней стадии — он только выходил на рынок.
Моя роль
Я отвечал за дизайн продукта на старте: проектировал веб-платформу и мобильные сценарии, выстраивал пользовательские пути и согласовывал их с продакт-менеджером. Проводил UX-интервью с бухгалтерами, чтобы понять, что важно в их роли, и с нуля собирал кастомную дизайн-систему продукта.
Задача
До Doki командировки вели вручную — на бумаге и в переписке. Чеки и первичные документы передавались физически, а расходы и согласования терялись между людьми. Бухгалтерии не хватало прозрачности: сложно было увидеть, кто, куда и на что тратит. Задача — перевести весь цикл командировки в понятный электронный процесс, удобный и сотруднику, и согласующим, и бухгалтеру.
Исследование
Чтобы спроектировать экран бухгалтера правильно, я провёл интервью — расспрашивал, что им важно видеть в карточке заявки. Один пример показателен. Изначально заголовком карточки было название поездки — крупно, на видном месте. Но выяснилось, что бухгалтерам название почти не важно. Им критичны даты: когда сотрудник вылетает и когда возвращается. Я перестроил иерархию карточки — сделал дату заметной и первичной. Маленькое изменение, но именно оно отражает подход: сначала понять, что важно пользователю, потом расставлять акценты.
Заявка и согласование
Сотрудник создаёт заявку — выбирает направление, даты, транспорт, бронирует билеты и отели. Заявка уходит по цепочке согласования: руководитель → тревел-менеджер → бухгалтер. Как только согласующий утверждает, билеты выкупаются, а отели бронируются автоматически. Прогресс согласования виден на каждом шаге.
Документы и авансовый отчёт
Раньше чеки собирали на бумаге. В Doki сотрудник просто фотографирует документы по подсказке в телефоне. Бухгалтер принимает первичку, сверяет расходы — сколько выдано, сколько по отчёту, где разница — и отправляет авансовый отчёт на подпись. Весь разбор расходов на одном экране.
Дизайн-система
Я с нуля собрал кастомную дизайн-систему продукта: компоненты (табы, карточки заявок, чекбоксы, прогресс-бары) и, что важнее всего, единую систему статусов процесса. Командировка проходит через много состояний — заявка на согласовании, скоро командировка, в командировке, сдача документов, документы на проверке, авансовый отчёт, завершена и другие. Я спроектировал понятную цветовую и текстовую систему статусов, чтобы на любом экране было ясно, на каком этапе находится поездка.
Признание и результат
Doki был отобран на TechCrunch Disrupt 2023 — фаундер представлял продукт в Сан-Франциско. Продукт запустился на рынок; одним из первых клиентов стал Tele2 — крупный телеком-оператор.
Следующий кейс
BirGo