Когда бьюти встречается с технологиями: кейс RASSVETLASH

К нам в Purrweb обратились Ирина и Мария, основательницы школы по наращиванию ресниц RASSVETLASH. Девушки разрабатывают авторские эффекты, которые очень востребованы у других мастеров, и проводят мастер-классы для лешмейкеров в других странах.

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

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

- Создать стильный дизайн приложения, который понравится целевой аудитории

- Продумать пользовательский путь, чтобы юзерам было просто и комфортно взаимодействовать с приложением

- Разработать MVP приложения со всеми ключевыми функциями

- Сделать админ-панель, чтобы заказчицы могли быстро обновлять контент и видеть информацию о юзерах

- Добавить российскую и зарубежную платежки: заказчицы планировали выходить с продуктом на зарубежные рынки

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

- Помочь с релизом в сторах

В процессе работы над проектом мы:

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

- Подготовили дизайн-концепт и приступили к UI/UX-дизайну приложения

- Разработали бэкенд и админ-панель

- Интегрировали платежные системы

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

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

На старте любого проекта — и RASSVETLASH не стал исключением — мы привлекаем бизнес-аналитика, который общается с заказчиком, выясняет потребности целевой аудитории и задачи бизнеса, помогает продумать пользовательские сценарии и точно определить, что мы будем разрабатывать в MVP.

Бизнес-аналитик готовит карту болей, чтобы четко приоритизировать все фичи для MVP:

В итоге мы остановились на таком списке фич для MVP мобильного приложения:

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

Прежде чем приступить к созданию UI/UX дизайна, мы разрабатываем дизайн-концепт. Отрисовываем несколько ключевых экранов, чтобы быть на одной волне с заказчиком и на ранних этапах скорректировать спорные моменты.

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

Когда готовили дизайн-концепт для RASSVETLASH, то ориентировались на:

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

- предоставленные ими позитивные и негативные референсы 

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

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

Такие референсы предоставили нам заказчицы: «нет» вычурным шрифтам и ярким оттенкам, «да» естественности, пастельным цветам и сдержанной типографике:

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

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

И вот какой дизайн-концепт у нас получился:

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

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

Нам нужно было интегрировать разные платежные системы: ведь приложение ориентировано не только на Россию, но и на зарубежные рынки. 

Для России выбрали систему CloudPayments — проверенное решение, которое мы уже использовали в других проектах. А прием оплаты настроили через СПБ, и для нас это было в новинку. Тут все оказалось намного сложнее, чем мы думали: пришлось разбираться с разными юридическими нюансами. Эти задачи взяли на себя заказчицы, а мы держали коммуникацию с банком и помогали в отдельных вопросах.

Для зарубежных рынков мы сделали in-app покупки, то есть, встроенные прямо в приложение. И об этом стоит рассказать подробнее. 

С российской платежной системой юзеры могут покупать любое количество эффектов за раз, но для зарубежных рынков есть ограничения. In-app покупки не позволяют добавлять товары в корзину и оплачивать все вместе — каждый эффект нужно покупать отдельно. И это неудобно. 

Решение, пусть и не идеальное, нашлось: когда пользователь хочет купить несколько эффектов, создается пакет, который оплачивается одной транзакцией. Пакеты доступны на 1, 3, 5 и 15 эффектов — другие варианты невозможны из-за технических ограничений.

Мы столкнулись с блокерами из-за санкций и ограничений в сторах для российских разработчиков: например, не так просто пройти верификацию аккаунта. Так что нам пришлось искать варианты, чтобы учесть все юридические нюансы. И если с Google Play все прошло гладко, то с AppStore пришлось долго разбираться и регулярно обращаться в поддержку.

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

Давайте посмотрим, как устроено приложение RASSVETLASH, и пройдемся по ключевым экранам. 

После авторизации юзер попадает на главную страницу. Здесь можно посмотреть новые эффекты и сразу перейти к покупке.

Так выглядит карточка с посланием дня. Они меняются каждые 24 часа.

Авторизованному пользователю доступны бесплатные видеоуроки от наших заказчиц. Их можно посмотреть прямо в приложении. Для этого мы интегрировали готовое решение от MUX. Оно хорошо тем, что позволяет кастомизировать разработчикам видеопроигрыватель, подходит под наш стек и экономит бюджет заказчиц.

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

Ключевое действие в приложении — просмотр каталога эффектов и покупки. Вот как это устроено.

Для удобства юзеров сделали поиск по названиям, чтобы быстро находить конкретные эффекты.

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

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

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

Приложение уже в релизе и доступно для лешмейкеров по всему миру. Скачать его можно в Google Play и App Store. Заказчицы довольны результатом: получился цифровой продукт, который органично вписывается в логику и эстетику бренда RASSVETLASH, в то же время является новым направлением бизнеса наших клиенток. 

В первый месяц после релиза в приложении уже 1000+ зарегистрированных пользователей. У Марии и Ирины огромные планы: они хотят, чтобы аудитория приложения составила 500 000 человек. Уверены, что у наших заказчиц все получится, и эта цифра — далеко не предел.