Мобильное приложение для геймификации обучения и личного развития без программирования на Bubble

Евгений — Bubble-разработчик и преподаватель университета зерокодинга. Еще год назад он управлял SMM-агентством, обращался к программистам и даже не думал, что будет собирать полноценные мобильные приложения и создаст свою студию NoCode Hero. Вместе с WeLoveNoCode он сделал мобильное приложение на Bubble под iOS и Android — Ornum. Оно помогает осознанно выстраивать карьеру и прокачивать нужные навыки с использованием геймификации. Пока это самое крутое мобильное приложение на Bubble от российских разработчиков, которое мы встречали.

Я никогда не программировал: пытался учить Python, но не зашло. А не так давно окончательно «наелся» традиционной разработкой — была задача сделать MVP продукта и проверить гипотезу, обратился к программистам. Они год пилили решение и сделали какую-то монструозную штуку «на миллион пользователей» — но в это MVP ни один пользователь так и не пришел.

Потом настала пандемия и рестораторы, клиенты нашего SMM-агентства стали уходить — по 2-3 клиента ежедневно. Через некоторое время не осталось почти никого и появилось много времени. Тогда я случайно прочитал про Bubble в комьюнити зерокодеров и за 2−3 недели запилил на нем MVP продукта, на которое программисты потратили год. 2−3 недели — с учетом чтения мануалов, то есть с нуля. Это MVP было немного кривоватым — все-таки первая работа на Bubble — но оно работало и мы смогли наконец протестировать свою гипотезу.

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

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

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

Каждый день надо выполнять задания и зарабатывать баллы. Если выполняешь все дневные задачи — получаешь дополнительный балл, если пропускаешь день, не получаешь «страйк».

Вся информация хранится на бэкенде приложения и пока единственный минус — не очень высокая скорость загрузки данных из БД на фронтенд. В будущем команда Bubble обещает это исправить. Зато платформа из коробки дает все инструменты для разработки.

Сами функции я собрал за 2−3 недели, а дизайн пришлось делать в пять итераций — это заняло около трех месяцев. В это время у заказчика появлялись и дополнительные пожелания по функционалу — я их добавлял.

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

Еще была небольшая сложность при создании базы данных — пришлось подгружать список скилов и баллов по каждой должности в формате CSV, а потом проверять его корректность. Если в какой-то из 3000 строк была ошибка, таблицу исправляли и подгружали заново.

Ornum я собирал в одиночку, когда сотрудничал с WeLoveNoCode. Не вижу смысла разрабатывать такие проекты на Bubble командой из нескольких человек, да и функция для коллаборативной работы, на мой взгляд, на бесплатных тарифах организована в Bubble не очень удобно. Например, когда второй разработчик вносит изменения, появляется предупреждение, что страницу надо обновить — это тормозит работу, сложно нормально тестировать приложение.

Ornum можно скачать в App Store и Google Play — для этого Bubble-приложение мы упаковали в специальный контейнер.