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

О чем этот кейс

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

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

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

Зачем спа-салону мобильное приложение?

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

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

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

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

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

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

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

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

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

Оптимизируем бюджет, не выкидывая базовые фичи

Перед нами стояли такие задачи:

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

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

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

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

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

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

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

Как устроено приложение Вай Тай

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

• • Завести аккаунт и редактировать профиль;
  • Найти ближайший салон на карте;
  • Записаться на массаж, в любой момент отменить бронь или перенести визит;
  • Узнать о скидках и акциях;
  • Оплатить покупку абонемента или сертификата. 

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

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

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

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

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

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

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

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

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

Решения в дизайне

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

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

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

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

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

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

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

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

WebView для скорости разработки и экономии бюджета

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

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

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

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

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

Результат: приложение Вай Тай в сторах

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

➡️ Хотите разработать мобильное приложение, но у вашей инхаус-команды нет экспертизы в мобильной разработке? Мы, Purrweb, готовы помочь. Задизайнили, разработали и зарелизили сотни мобильных приложений для клиентов из разных сфер. Погрузимся в контекст вашего бизнеса и предложим оптимальные решения под вашу задачу. Свяжитесь с нами, чтобы получить бесплатную оценку проекта.

Почему Purrweb

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

Более 10 лет опыта. Мы создаем IT-продукты для бизнеса и стартапов уже больше десяти лет. Реализовали 550+ проектов в самых разных сферах: IoT, EdTech, маркетплейсы, дейтинг-приложения и многое другое.

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