Найти в Дзене
Алексей Зайцев

#назерокодили мобильное приложение для управления карьерой на Bubble

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

Почему я выбрал Bubble

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

Экран с дашбордами и статистика по выполнению задач
Экран с дашбордами и статистика по выполнению задач

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

Что за приложение и как он работает

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

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

Экраны регистрации, входа в приложение и карта компетенций
Экраны регистрации, входа в приложение и карта компетенций

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

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

Что внутри приложения

  • Уровни и должности по 49 навыкам и направлениям развития — 3000 комбинаций для расчета карьерного трека.
  • Игровые механики, система начисления баллов за выполненные задания и штрафы за невыполненные задания.
  • Задачи на разные горизонты планирования: краткосрочный, среднесрочный, долгосрочный.
  • Ачивки.
  • Дашборды.
  • Страница с подробной статистикой по каждому навыку и количеством баллов, которое еще предстоит набрать.
  • Система оценки текущих компетенций.
  • Workflow (внутренний термин Bubble, рабочий поток), который создает 49 записей по скилам сразу после регистрации и сопоставляет их с данными пользователя.
Настройки механик геймификации мобильного приложения в редакторе Bubble
Настройки механик геймификации мобильного приложения в редакторе Bubble

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

Как делали приложение и во сколько обойдется традиционная разработка

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

Приложение я делал один, в традиционной разработке нужна была бы команда из пяти человек и 1−2 млн рублей (при готовом ТЗ), а с итерациями и добавлением функций это в итоге могло бы обойтись в 4−5 млн рублей.

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

Бизнес-логика процесса регистрации и входа в приложение
Бизнес-логика процесса регистрации и входа в приложение

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

Bubble — это платформа для создания веб-приложений, не требующия навыков программирования. Bubble — это инструмент all-in-one. В нем есть визуальный редактор, базы данных, инструменты для бизнес-логики и работы с разными API. Позволяет создавать полнофункциональные чаты, форумы, системы сбора и обработки заявок, таск-трекеры, маркетплейсы, CRM и дашборды. Присоединяйтесь к нашему сообществу Bubble Chat & Community и каналу «Зерокодер ».