Собираем мобильное приложение без кода на Glide: методичка по макияжу на подписной модели с Integromat и GetCourse
Игорь шесть лет работал программистом, пока не столкнулся с проблемой, которую надо было решить за пару дней. Так он познакомился с зерокодингом. Сначала использовал Integromat, а потом перешел на более тяжелую зависимость — Glide. Он рассказал, как назерокодил приложение для обучения макияжу MAKE.
Почему именно макияж?
Моя жена занимается макияжем, и в пандемию ей пришлось полностью переводить бизнес в онлайн. Сначала мы запустили курсы — и к нам пришло 2000 активных пользователей. Но почти сразу стало понятно — надо расширяться. Тогда я помог ей выпустить онлайн-тетрадь по макияжу. За 4 дня ее скачали и оплатили 500 человек, а мы задумались над созданием своего приложения.
Хотел, чтобы приложение решало ту же проблему, что и рабочая тетрадь. То есть помогать в выборе косметики и аксессуаров для определенного типа лица и советовать, где все это заказать, чтобы не купить подделку. Эти задачи я быстро решил с помощью MVP на Glide.
Что под капотом
Первый экран — авторизация, потом сразу открывается экран оплаты. Приложение доступно только по подписке: 399 руб/мес, или 1990 руб/год. Оплатить можно через ЮКаssу или с помощью банковской карты.
Когда пользователь открывает приложение, система опознает его: если в Google-таблицах Access не равен Yes и нет отметки trial, то подписка неактивна и выводится экран оплаты. После оплаты подписки в Integromat запускаются две цепочки: первая — для уже зарегистрированных пользователей. Она обновляет запись об оплате в Google-таблице в строке пользователя. Вторая — для новых пользователей. Она создает новую запись в талице.
После оплаты открывается встроенный в приложение лендинг с GetCourse. Почему выбрал именно его:
- там уже собрана пользовательская база;
- все материалы приложения сверстаны на этой платформе;
- настроена работа с Юкаssа;
- можно подключить автоплатежи.
Про автоплатеж
Если пользователь оплатил подписку с помощью банковской карты, информация о ней сохраняется. За 3 дня до окончания подписки пользователя предупредят о предстоящем списании. После автооплаты система пришлет результат — успешно прошло списание или денег на карте не оказалось.
У процесса оплаты подписки есть нюанс: тайм-аут между самим платежом, и моментом когда обновится Google-таблица, из которой берет информацию Glide. Чтобы это решить, я добавил мгновенное подключение триального периода после оплаты. Теперь пользователю не нужно ждать — ему сразу открывается полный доступ, даже если платежная информация еще не поступила в Glide.
Пользовательский интерфейс
После того, как подписка оплачена, открывается профиль пользователя. В нем нужно выбрать цветотип, форму лица и глаз, тип кожи, чтобы получить персональные советы по макияжу.
Кроме советов, как сделать макияж, приложение предлагает средства и инструменты, которые помогают правильно его нанести. В Glide работает поиск — и можно найти любой бренд среди 400 позиций.
Сколько потратил на разработку
Я 3 часа смотрел уроки по Glide, а потом за 4 вечера продумал структуру и основной функционал приложения. Дольше всего вносил 400 продуктов в систему (средства для макияжа, аксессуары и информация о них) — просидел над этой задачей 2 недели :)
Сейчас хочу проверить гипотезу — есть ли job story, которые можно решить этим приложением и какую еще ценность может дать пользователям MAKE. Когда заработаю достаточно, буду расширять команду и сделаю стартап в сфере макияжа по сборке make up-приложений, для загрузки в официальные сторы.
Зерокодинг позволяет решить множество технических задач всего за пару часов. Поэтому всем специалистам, которые связаны с тестированием гипотез (программистам, стартаперам, продактам, и тем, кто хочет ими стать) рекомендую обратить внимание на этот тренд.
Glide — это онлайн-конструктор мобильных приложений из гугл-таблиц, не требующий навыков программирования. Его девиз — собери мобильное приложение на гугл-таблицах за 5 минут. И это не преувеличение. Пообщаться с Glide-разработчиками и больше узнать о платформе можно в русскоязычном коммьюнити. Игорь уже там.
Похоже, зеро-кодинг не уменьшает, а увеличивает потребность в программистах.
Хм, это интересно. Тоже недавно нашел этот сервис для себя, но такой вопрос, как организовать оплату через ЮКассу через него? Есть ли возможность поговорить с автором?
Насколько я понимаю, это PWA приложение.
Выглядит как обычное, но по факту - это сохраненная вкладка из браузера.
Но, возможно, автор сделал сборку и залил в стор (но Glide не подразумевает этого вроде)
Да, все верно
Но для конечного пользователя, в этом нет большой разницы
Плюс - не занимает место в телефоне, а пуши так же работают.
Ребята оба молодцы! Мужчины, подарите вашим прекрасным девушкам это приложение (оплаченное) и их восторгу от Наташи не будет конца. Правда придётся ещё потратиться на любимых, потому что косметичку придётся поменять:) но красота требует жертв:) в этом случае финансовых. Проходила обучение на платформах ребят, купила рабочую тетрадь, MAKE и не жалею ни разочка! Отлично работает, обновляется, не банально разработано, оооочень содержательно и интересно! Стоит каждой копейки, оплаченной пользователями. Браво!
А как пользователь устанавливает приложение? Или все уже такие продвинутые стали, что перейдя по рекламе и увидев сайт, все готовы установить себе не приложение, а PWA?