Сделали стильное и удобное мобильное приложение для лешмейкеров с каталогом авторских эффектов школы RASSVETLASH

11

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

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

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

Приложение уже доступно в Google Play и App Store. Только за первый месяц после релиза в нем зарегистрировались 1000+ пользователей.

Мобильное приложение как органичное развитие бренда школы RASSVETLASH

Ирина и Мария обратились к нам весной 2024 года. У наших заказчиц большая база клиентов и учеников по всему миру, 100k подписчиков в соцсетях и репутация трендсеттеров в индустрии. Один из главных продуктов их бренда RASSVETLASH — это авторские эффекты и схемы для наращивания ресниц.

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

В какой-то момент стало понятно, что с этим вариантом есть ограничения:

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

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

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

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

Ирина и Мария никогда прежде не создавали диджитал-продукты, поэтому стали искать команду, которая возьмет на себя дизайн и разработку мобильного приложения. Этой командой стали мы, Purrweb.

Фичи, боли и бизнес-анализ

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

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

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

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

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

Что мы должны были сделать 

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

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

Спойлер: получилось чуть дольше из-за трудностей с интеграцией платежек. Но об этом расскажем позже. А пока давайте посмотрим, каким получился дизайн приложения RASSVETLASH, и как мы чуть все не испортили 😱 Не волнуйтесь — у этой истории счастливый финал! 

Готовим дизайн-концепт

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

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

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

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

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

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

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

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

Что делать, если прогадали со шрифтами?

Помните, мы начали с того, что дизайн-концепт нужен, чтобы попасть в ожидания заказчика и согласовать видение? Чаще всего мы попадаем в точку и заказчики радостно говорят: да, это то, что нужно!..

На этот раз наши клиентки ничего такого не сказали… Когда проектный менеджер спросила, попали ли мы в ожидания, заказчицы не могли скрыть разочарования. Да, попали. В анти-ожидания 😓

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

Хорошая новость: в остальном концепт устроил заказчиц и остальные наши решения им понравились 😀 Так что оставалось только найти «шрифт мечты», и приступать к созданию полноценного UI/UX дизайна. 

Мы обсудили с клиентками этот момент и подобрали на выбор три шрифта — Jost, Futura PT и Mont. Если вы не специалист в типографике, возможно, эти названия вам ни о чем не говорят. Просто посмотрите начертания. Да чем же они различаются?!

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

Фух, кажется, разобрались со шрифтами! Но все равно у нас оставалось странное чувство, будто мы упустили шанс произвести вау-эффект и удивить заказчиц невероятным концептом. Мы хотели это исправить и сделать для них что-то еще. И вот что придумали!

Вместо статичного сплэш-скрина, мы предложили добавить на открывающийся экран приложения стильное видео.

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

По референсу Мария и Ирина сняли такое видео — получилось очень стильно.

 

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

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

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

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

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

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

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

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

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

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

Чтобы показать, как работает приложение, мы подготовили кликабельный прототип в Figma.

 

Настраиваем платежки

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

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

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

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

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

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

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

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

Результат 

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

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

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

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

Почему Purrweb

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

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

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

[wpim]