Разработка
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-разработчиками и больше узнать о платформе можно в русскоязычном коммьюнити. Игорь уже там.

{ "author_name": "Vad Mikhalyov", "author_type": "self", "tags": [], "comments": 17, "likes": 28, "favorites": 150, "is_advertisement": false, "subsite_label": "dev", "id": 215258, "is_wide": true, "is_ugc": true, "date": "Mon, 01 Mar 2021 21:09:13 +0300", "is_special": false }
0
17 комментариев
Популярные
По порядку
Написать комментарий...
5

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

Ответить
1

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

Ответить
1

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

Ответить
0

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

Ответить
1

Классно)

Ответить
0

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

Ответить
1

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

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

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

Ответить
1

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

Ответить
0

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

Ответить
0

Да, все верно

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

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

Ответить
0

Спасибо 😁

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить

Комментарии

null