ТОП 3 No-code инструмента, которые создадут вам приложение или сайт за 3 секунды и 4 копейки

В последние годы, благодаря появлению No-code конструкторов, IT разработка стала более доступной для бизнеса.

Если лет 10 назад многостраничные сайты делали за 100-200 тыс. рублей, то теперь при помощи конструкторов Tilda и Wix такой же многостраничный сайт можно собрать из готовых блоков за 10-15 тыс. рублей, и затратить на это одну неделю.

Tilda и Wix - это лишь верхушка айсберга, которая была хорошо разрекламирована на территории РФ.

Для многих же предпринимателей остается в неведении тот факт, что в России есть студии-программирования, работающие на No-code сервисах, при помощи которых можно создавать куда более сложные продукты, нежели лендинги или интернет-магазины.

С 2018 года на рынок IT-разработки активно выходят No-code конструкторы, которые позволяют собрать, практически, любой вид web или мобильного приложения: маркетплейсы, обучающие платформы, сервисы доставки, таск-трекеры и планеры задач, мессенджеры и социальные сети, crm системы и другие.

На рынке довольно широкое предложение по No-code сервисам. Относительно недавно свои No-code продукты выпустили Amazon и Google, а Apple анонсировал выход своего конструктора в обозримом будущем.

Я же вкратце расскажу о наиболее популярных и функциональных конструкторах, которые уже заняли долю рынка разарботки, и которые наша студия визуального программирования использует в работе.

Американская платформа, с самыми широкими возможностями для создания web-приложений.

Компания Bubble была основана в 2012 году в Нью-Йорке и запускалась в течение семи лет, понемногу расширяя свои функциональные возможности. В 2019 году Bubble привлек 6 миллионов долларов инвестиций, и с того момент пошло-поехало.

На сегодняшний день Bubble - сильнейший No-code сервис среди прочих.

Инструмент позволяет создавать практически любой вид веб-продукта: социальные сети, форумы, приложения для записи на услуги или мероприятия, сервисы доставки или перевозок, маркетплейсы, таск-трекеры, CRM системы и дашборды, лендинги и интернет-магазины.

При помощи ключей API возможны более 1000 интеграций, в том числе:

• подключение к платежным системам,
• к сторонним хранилищам баз данных, вроде Airtable,
• с интеграционными платформами Zapier и Integromat,
• к Google Maps,
• CRM системам и другим.

Что можно создать: кейсы с официального сайта Bubble

Когда у нас заходит речь с заказчиками о No-code конструкторах, многие беспокоятся о размерах баз данных: “Не накроется ли Приложение, когда число пользователей станет слишком большим?”.

Касательно Bubble можно быть спокойным - базы данных работают на серверах Amazon, которые выдерживают нагрузку в несколько десятков тысяч юзеров, а на тарифе Production для систем с высокой нагрузкой и до сотен тысяч. К тому же, база данных может постоянно расширяться за счет покупки дополнительных гигов. Ну а если вам и этого мало - можно договориться о персональном плане с отдельным выделенным сервером и постоянной поддержкой системных администраторов.

Еще 1 актуальный вопрос: можно ли создавать на Bubble мобильные приложения или сервис предназначен только для веб-приложений? Ответ: да, можно. Примерно, с лета 2021 года появилось обилие решений для поставленной задачи. Благодаря наличию нескольких плагинов и сервисов, созданные веб-приложения можно размещать в App Store и Google Play. При этом в этих плагинах можно будет настроить все возможные нативные функции для вашего приложения, такие как: Push уведомления, работа с геолокацией и другие.

Однако из-за дороговизны плагинов и сервисов “нативаторов” многие разработчики используют Webview обертки для Android Studio и Xcode для IOS, в которые заворачивают веб-приложение, чтобы выложить в сторы, как нативное приложение. Такие webview обертки уступают по функционалу плагинам и сервисам, однако широко используются в разработке благодаря своей стоимости.

Некоторые недостатки Bubble:

• переводя на язык традиционного программирования, он больше заточен под работу с backend, нежели frontend. Работа с дизайном в Bubble сложнее чем в Adalo, Wix, Tilda и Webflow,
• обилие функций делает продукт более сложным в освоение для No-code специалистов,
• сервис не предоставляет исходный код (но предоставляет к скачиванию базу данных).

Несмотря на это, Bubble является лучшим сочетанием качества back-end - front-end.

Кейс студии визуального программирования Sinneo - веб-приложение “Онлайн-школа детской логопедии”

На скриншотах выше представлена работа нашей студии - онлайн-школа детской логопедии, созданной на Bubble. Приложение работает через веб-браузер и представляет из себя обучающую платформу по типу Skyeng.

На этой платформе дети могут:

• переписываться с учителем при помощи модуля чата,
• созваниваться с учителем через встроенный модуль видеозвонка,
• вместе выполнять интерактивные задания, где нужно вписывать слова, подчеркивать буквы, рисовать картинки, выбрать 1 вариант ответа из нескольких.
• просматривать свой прогресс успеваемости на основе модуля, формирующего отчеты об успешности прохождения уроков, и дополнительных отчетов учителя.

Учитель же может делать все то же самое и вдобавок:

• строить график занятий в своем календаре, открывать класс/урок и высылать приглашение ученику “войти в класс”.
• проверять домашнее задание ученика - подчеркивать ошибки
• Составлять отчеты о прогрессе ученика, прикреплять их к пройденному уроку или отправлять ребенку в чат.

Данный продукт, в большой части, был реализован из шаблонных блоков Bubble и пары интеграций по API в течение 2 месяцев за 3500$.

Из интеграционной части, к платформе были подключены по AI следующие функции:

• E-mail рассылки (MailChimp)
• платежная система
• модуль видеоконференции

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

Платформа появилась в 2018 году. Через год компания получила инвестиции в размере 50 тыс., и с тех пор приложение активно масштабируется и привлекает все больше и больше пользователей. Ежемесячно количество пользователей растет на 35% и на сегодняшний момент составляет 120 тыс. человек.

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

Возможны интеграции с:

• Google maps.
• интеграционной системой Integromat
• Базами данных в Airtable или Google Sheets

Главное преимущество сервиса, существующее с первого его дня существования - адаптивная верстка под разные операционные системы и прямой стэк со сторами.

Это означает, что Adalo автоматически адаптирует созданное приложение под IOS или Android, а также предоставляет возможность легко загрузить нативное Приложение в App Store и Google Play.

Что можно разработать: кейсы с официального сайта Adalo

Сильная сторона Adalo - интуитивно-понятный пользовательский интерфейс и красивый UX/UI дизайн собранных приложений.

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

При создании конструктора фаундеры сделали упор на красоту используемых шаблонов. Имея меньший Каталог шаблонов, чем Bubble, Adalo выделяется качеством дизайна - созданные на нем приложения получаются более привлекательными с точки зрения UX/UI дизайна, что упрощает взаимодействие пользователя с продуктом.

Из дополнительных возможностей также можно интегрировать с хранилищами баз данных Google Sheet или Airtable.

Однако, базы данных являются ахиллесовой пятой Adalo. Некоторые API запросы, поступающие в базу данных, иногда нужно преобразовать при помощи сервиса Integromat, поскольку у Adalo есть ограничения по определенным операциям, вроде: автоподгрузок результатов или поиска с автодополнением или валидации форм.

В целом, все решаемо, но обходными путями.

Кейс студии визуального программирования Sinneo - мобильное приложение “Маркетплейс перевозок грузов”

На скриншоте выше представлена работа нашей студии - маркетплейс по заказу услуг по перевозке грузов, созданный на Adalo. Это мобильное приложение, доступное в App Store и Google Play.

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

Далее заказчик выбирает исполнителя, и тот начинает выполнение заказа. По ходу выполнения заказа у обоих пользователей открывается динамическая Google карта, которая строит маршруты, показывает ориентировочное время в дороге.

В сервисе есть чаты для общения между пользователями, чат со службой поддержки, создана бан-заглушка, чтобы пользователи не могли обмениваться контактами и проводить сделки в “обход” Сервиса, подключена платежная система для проведения платежей.

Данный продукт, в большой части, был реализован из блоков Adalo и пары интеграций по API в течение 2-ух месяцев за 3750$.

Из интеграционной части, к платформе были подключены по API следующие функции:

• платежная система
• Google maps
• база данных графика платежей исполнителям в Google Sheets

Удобный инструмент для сборки адаптивных сайтов-визиток, лендингов и интернет-магазинов.

Webflow был основан в 2013 году и в том же году привлек первые инвестиции в размере 72 млн.$. В январе 2021 года Webflow привлек 140 млн. $.

Ключевое преимущество Webflow – свобода в создании, размещении и настройке внешнего вида как целых блоков, так и отдельных элементов вроде кнопок, иконок, текстовых полей и прочего.

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

Что можно создать: кейс с официального сайта Webflow

В отличии от других No-code сервисов, Webflow располагает довольно маленькой базой шаблонных блоков. В то же время есть полная свобода в работе с отдельно-взятыми элементами, которые можно подвергать множеству воздействий: можно вплоть до пикселя выверить параметры слоёв, переходов и других элементов.

Будет правильнее сказать, что Webflow - это инструмент для визуальной вёрстки макетов на zero block.

Отсутствие большого количества блочных заготовок, позволяющих сделать красоту “автоматически”, делает сервис более трудоемким, но в то же время и гибким. Это позволяет верстать дизайн под определенные проекты с конкретными требованиями заказчиков.

Кейс партнера студии визуального программирования Sinneo - сайт-визитка яхто-строительной компании

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

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

Данный лендинг был реализован на “зеро блоках” Webflow в течение 1 недели за 150$.

Друзья, на этом, с вашего позволения, я откланяюсь! Слышали ли вы ранее об этих No-code конструкторах? Сталкивались ли вы с ними в работе? Заказали бы разработку своего продукта при помощи Bubble, Adalo или Webflow?

Гоу в комментарии!