Мобильное приложение для сети салонов тайского массажа Вай Тай: помогли улучшить клиентский сервис

К нам часто обращаются владельцы офлайн-франшиз, которые хотят улучшить свою IT-инфраструктуру для привлечения новой аудитории и повышения качества клиентского сервиса. Один из наиболее популярных запросов — разработка мобильного приложения. Именно с такой задачей к нам обратилась сеть салонов тайского массажа «Вай Тай».

Нам предстояло:

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

Сеть Вай Тай насчитывает 87 салонов в разных городах России — от Москвы до Читы. Гостям предлагают попробовать традиционный тайский или арома-массаж, спа и другие бьюти-процедуры. Кстати, так выглядят интерьеры салонов: смотришь — и сразу расслабляешься :)

Салоны Вай Тай. Источник: Wai Thai Spa: руководство по фирменному стилю

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

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

Главная страница сайта Вай Тай:

В итоге команда Вай Тай решила: нужно запускать мобильное приложение, чтобы решить эти проблемы. А также закрыть другие важные бизнес-задачи: 

- сократить расходы на смс-рассылку — вся информация об акциях будет приходить в пуш-уведомлениях;

- информировать клиентов о скидках в «горячие» часы, чтобы сократить простой персонала;

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

У Вай Тай была инхаус-команда, которая развивала внутренний IT-продукт — кастомную CRM-систему. Но опыта в мобильной разработке у нее не было, поэтому решили привлечь аутсорс-команду с подходящей экспертизой.

Вай Тай обратились к нам с запросом на разработку мобильного приложения. Заказчикам было важно, чтобы аутсорс-команда также обладала большим опытом в UI/UX-дизайне. А это про нас: мы в Purrweb не только больше 10 лет разрабатываем приложения для iOS и Android, но и создаем эффектный дизайн, уделяя особое внимание удобству пользователей.

Обычно мы отвечаем за разработку и бэкенда, и фронтенда приложения, но на этом проекте бэкенд-логика уже была написана инхаус-командой Вай Тай. За базу данных отвечала кастомная CRM-система — именно в ней хранилась вся информация о клиентах. Так что нашей задачей было сделать так, чтобы данные оттуда быстро и без ошибок подтягивались в приложение.

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

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

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

Договорились с заказчиками, что делаем приложение, которое закрывает три ключевые цели:

- позволяет гостю быстро забронировать визит и перенести бронь, если нужно;

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

- сообщает о скидках в часы, когда поток гостей в салоне минимальный, чтобы сократить простой персонала.

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

В приложении пользователь может:

- Завести аккаунт и редактировать профиль;

- Найти ближайший салон на карте;

- Записаться на массаж, в любой момент отменить бронь или перенести визит;

- Узнать о скидках и акциях;

- Оплатить покупку абонемента или сертификата. 

У Вай Тай есть франшизы, поэтому в разных салонах флоу оплаты может отличаться. Мы учли эти кейсы и реализовали оба варианта: предоплата с депозита в приложении и возможность оплатить в салоне непосредственно перед визитом.

Флоу оплаты — онлайн или в салоне:

Главная польза для юзера — удобная запись. Давайте посмотрим, как устроен этот флоу приложения:

1️⃣ Если пользователь записывается впервые, открывается модальное окно с выбором салона. Если он уже посещал салоны Вай Тай, то показываем последний выбранный салон.

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

3️⃣ Затем нужно выбрать дату и время визита и мастера.

4️⃣ После остается все проверить и оплатить: списать нужную сумму с депозита абонемента или оплатить сертификатом — для этого нужно ввести его номер.

Чтобы юзеру было проще понимать, на каком шаге он находится, добавили прогресс-бар.

Так выглядят другие экраны приложения:

Дизайн приложения должен был перекликаться со стилистикой существующего сайта и брендбуком Вай Тай.

Цветовая палитра из брендбука:

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

Цветовая палитра в приложении:

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

Шрифтовая пара:

Расскажем подробнее о наших UI/UX-решениях на примере трех ключевых экранов приложения Вай Тай. 

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

Нашей задачей было сделать так, чтобы данные из CRM-системы заказчика корректно передавались в приложение. Мы составили список необходимых эндпоинтов, которые затем подготовила инхаус-команда клиента.

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

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

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

Страница с покупкой сертификата на сайте:

Приложение Вай Тай уже доступно для скачивания в Google Play и App Store. С момента релиза его загрузили более тысячи раз только в Google Play. В будущем заказчики планируют доработать функциональность: добавить персонализированные уведомления и встроенные платежи. 

Чтобы скачать приложение Вай Тай, отсканируйте QR-код: