Разработка
Vad Mikhalyov

Собираем мобильное приложение без кода на Glide: методичка по макияжу на подписной модели с Integromat и GetCourse

Игорь шесть лет работал программистом, пока не столкнулся с проблемой, которую надо было решить за пару дней. Так он познакомился с зерокодингом. Сначала использовал Integromat, а потом перешел на более тяжелую зависимость — Glide. Он рассказал, как назерокодил приложение для обучения макияжу MAKE.

Почему именно макияж?

Моя жена занимается макияжем, и в пандемию ей пришлось полностью переводить бизнес в онлайн. Сначала мы запустили курсы — и к нам пришло 2000 активных пользователей. Но почти сразу стало понятно — надо расширяться. Тогда я помог ей выпустить онлайн-тетрадь по макияжу. За 4 дня ее скачали и оплатили 500 человек, а мы задумались над созданием своего приложения.

Хотел, чтобы приложение решало ту же проблему, что и рабочая тетрадь. То есть помогать в выборе косметики и аксессуаров для определенного типа лица и советовать, где все это заказать, чтобы не купить подделку. Эти задачи я быстро решил с помощью MVP на Glide.

Что под капотом

Первый экран — авторизация, потом сразу открывается экран оплаты. Приложение доступно только по подписке: 399 руб/мес, или 1990 руб/год. Оплатить можно через ЮКаssу или с помощью банковской карты.

Экран оплаты

Когда пользователь открывает приложение, система опознает его: если в Google-таблицах Access не равен Yes и нет отметки trial, то подписка неактивна и выводится экран оплаты. После оплаты подписки в Integromat запускаются две цепочки: первая — для уже зарегистрированных пользователей. Она обновляет запись об оплате в Google-таблице в строке пользователя. Вторая — для новых пользователей. Она создает новую запись в талице.

Цепочка действий в Integromat

После оплаты открывается встроенный в приложение лендинг с GetCourse. Почему выбрал именно его:

  • там уже собрана пользовательская база;
  • все материалы приложения сверстаны на этой платформе;
  • настроена работа с Юкаssа;
  • можно подключить автоплатежи.

Про автоплатеж

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

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

Пользовательский интерфейс

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

Кроме советов, как сделать макияж, приложение предлагает средства и инструменты, которые помогают правильно его нанести. В Glide работает поиск — и можно найти любой бренд среди 400 позиций.

Подсказки, как выбрать инструменты для макияжа, их свойства.

Сколько потратил на разработку

Я 3 часа смотрел уроки по Glide, а потом за 4 вечера продумал структуру и основной функционал приложения. Дольше всего вносил 400 продуктов в систему (средства для макияжа, аксессуары и информация о них) — просидел над этой задачей 2 недели :)

Сейчас хочу проверить гипотезу — есть ли job story, которые можно решить этим приложением и какую еще ценность может дать пользователям MAKE. Когда заработаю достаточно, буду расширять команду и сделаю стартап в сфере макияжа по сборке make up-приложений, для загрузки в официальные сторы.

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

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

0
19 комментариев
Написать комментарий...
Denis Bystruev

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

Ответить
Развернуть ветку
Султан Мухтаров

Хм, это интересно. Тоже недавно нашел этот сервис для себя, но такой вопрос, как организовать оплату через ЮКассу через него? Есть ли возможность поговорить с автором?

Ответить
Развернуть ветку
Igor

Часто оплату для Glide делают через страничку на Tilda. В этом кейсе используется страница оплаты на GetCourse

Ответить
Развернуть ветку
Султан Мухтаров

круто, спасибо за ответ!

Ответить
Развернуть ветку
Kostya Sokolov

Классно)

Ответить
Развернуть ветку
Золкина Наталия

Ребята оба молодцы! Мужчины, подарите вашим прекрасным девушкам это приложение (оплаченное) и их восторгу от Наташи не будет конца. Правда придётся ещё потратиться на любимых, потому что косметичку придётся поменять:) но красота требует жертв:) в этом случае финансовых. Проходила обучение на платформах ребят, купила рабочую тетрадь, MAKE и не жалею ни разочка! Отлично работает, обновляется, не банально разработано, оооочень содержательно и интересно! Стоит каждой копейки, оплаченной пользователями. Браво!

Ответить
Развернуть ветку
Leha Shum

Это приложение которое скачивается из сторов?

Ответить
Развернуть ветку
Султан Мухтаров

Насколько я понимаю, это PWA приложение.

Выглядит как обычное, но по факту - это сохраненная вкладка из браузера.

Но, возможно, автор сделал сборку и залил в стор (но Glide не подразумевает этого вроде)

Ответить
Развернуть ветку
Igor

Glide не поддерживает InnApp платежи. А оплата с редиректом на условную Тильду модерацию не пройдет (если только это не физический товар).

Ответить
Развернуть ветку
Leha Shum

Вот я на это и намекаю 
Это не приложение
Это интернет сайт 

Ответить
Развернуть ветку
Султан Мухтаров

Да, все верно

Но для конечного пользователя, в этом нет большой разницы

Плюс - не занимает место в телефоне, а пуши так же работают.

Ответить
Развернуть ветку
MIKHAIL SHOLOKHOV

Можно ссылочку на приложение?)

Ответить
Развернуть ветку
Vad Mikhalyov
Автор
Ответить
Развернуть ветку
Denis Bystruev

С помощью какого сервиса вы в результате обернули PWA и выложили в App Store и Google Play?

Ответить
Развернуть ветку
Никита Броварь

Спасибо 😁

Ответить
Развернуть ветку
Leha Shum

Как посмотреть что получилось?

Ответить
Развернуть ветку
Vad Mikhalyov
Автор
Ответить
Развернуть ветку
Дмитрий Лагутин

А как пользователь устанавливает приложение? Или все уже такие продвинутые стали, что перейдя по рекламе и увидев сайт, все готовы установить себе не приложение, а PWA?

Ответить
Развернуть ветку
Alejandro Esquiire

"Я 3 часа смотрел уроки по Glide" - а можно ссылочку на толковые уроки, а то на ютубе руководства для совсем уж полных чайников. Интересует инструкции по организации регистрации в приложении, обработке информации по связанным ключам на отдельной вкладке гугло.дока. Наполнение данных средствами приложения, удаление строчек и т.п.

Ответить
Развернуть ветку
Читать все 19 комментариев
null