Все думают, что разработка сайтов и приложений — это сложно, долго, дорого и вообще невозможно без программистов. Но на простом конструкторе вроде Tilda можно собрать не только свой лендинг или онлайн-магазин, но и аналог Airbnb, Uber, Instagram или Tinder. А главное — протестировать любую бизнес-идею без гигантских вложений.
Команда Cyberband рассказывает, что такое разработка без кода и почему с ней справится любой гуманитарий, что уже запустилось в России и за рубежом и как No-code сэкономит вам много денег, не ограничивая в креативе.
Что такое разработка без кода
Это создание сайта, мобильного приложения и любого IT-продукта с помощью специальных сервисов-конструкторов. Выглядит, как кубики Лего: вы берете готовые шаблоны и блоки, расставляете их в нужных местах экрана и настраиваете логику работы.
Зачем это нужно
Представим, что вы придумали классный сервис: приложение для доставки вина под настроение. Вы видите боль людей и знаете, как ее закрыть: никаких заумных описаний, пользователю достаточно тыкнуть на эмоджи, который подходит под его карент муд, и вино приедет за 15 минут, как в «Самокате». Гениально, нужно срочно разрабатывать MVP — первую версию продукта.
Теперь к цифрам. Разработка MVP займет 4-6 месяцев. Средняя стоимость — 0,7-1,5 млн рублей, плюс дополнительный кост на правки и доработку. Ну и более 90% стартапов умирают на старте работы. Потому что:
- продукт никому не нужен;
- продукт не доделали, кончились деньги.
Это актуально и для компаний, которые хотят запустить новый продукт или направления бизнеса. Риски высокие.
Чем здесь поможет No-code
- Это легко освоить. Не нужно уметь программировать, чтобы создать продукт на No-code платформе. Тут все работает, как конструктор.
- Это быстро. В зависимости от No-code платформы MVP можно собрать за 2-5 недель. Советуем начать с самой простой и заложить минимум 1 месяц.
- Это недорого. Если вы будете собирать MVP сами, деньги нужны только на подписку на платформу — это примерно 1-10 тысяч рублей. Даже если нанять агентство или фрилансера, это все равно будет дешевле в 3-4 раза.
- Это легко править. Вы можете вносить правки сами без разработчиков, за 20-40 минут.
- Это бережливый подход. Такие MVP отвечают подходу lean startup в запуске IT-продуктов: они собраны быстро и дешево из того, что есть. При этом пользователь уже будет платить за решение его задачи. Так вы и подтвердите свои бизнес-гипотезы.
No-code подходит
- MVP (первые версии продуктов)
- E-commerce сервисы, интернет-магазины
- Образовательные платформы
- Маркетплейсы, доски объявлений
- Сервисы доставок
- Социальные и HR-продукты
- Простые CRM и LMS-системы
- PWA приложения для телефона (устанавливаются не через сторы)
- Продукты с функционалом и бизнес-моделью типа AirBnb, Uber, Instagram, Tinder
No-code не справится
- Полноценные сервисы на этапе масштабирования — после теста MVP лучше перевести продукт в код
- Game dev
- Полноценные сложные мобильные приложения
- Проекты, связанные с машинным обучением и AI
- Проекты, связанные с безопасностью
- Проекты со сложным функционалом или технологией
Кому нужен No-code
- Продакты, дизайнеры и все диджиталы. Разработчики всегда заняты, а протестировать идею нужно быстро. Вот и приходится собирать первую версию продукта своими руками и передавать в разработку только проверенные бизнес гипотезы. Кстати, сейчас некоторые компании выстраивают процесс запуска новых продуктов именно на No-code.
- Основатели бизнеса. Простые MVP подходят, когда не хочется терять деньги при запуске нового тестируемого направления бизнеса. Или когда нужно быстро перейти в онлайн, как весной 2020.
- Стартаперы. No-code помогает тестировать бизнес-кейсы без гигантских вложений: вы сразу даете потенциальному клиенту решение, за которое он готов платить.
- Энтузиасты автоматизации. No-code помогает в рутине: можно автоматизировать работу HR специалиста с заявками соискателей, добавлять новые задачи в трелло через чат-бот, настроить простое приложение или бота для трекинга своих подписок c триггерными напоминалками.
Что собирают на таких платформах за рубежом
- Comet — маркетплейс для профессионалов в IT. Команда находит фрилансера за 48 часов и берет 10% с транзакций. Стартап привлек $12,8 млн инвестиций, а транзакции на платформе превышали $1 млн в месяц.
- Tavalo — мобильное приложение для предзаказа еды в ресторане, оплаты чека и шеринга его с друзьями. Также ребята сделали No-code приложение для приема заказов ресторанами.
- OhMyGeorge — мобильное приложение, где инвестирование на финансовых рынках завернуто в игру. В сервисе можно поиграться с вымышленным счетом или подключить аккаунт к реальному брокерскому.
- Resident Street — сервис долгосрочной аренды квартир, где все согласовывается онлайн.
- Reachr — сервис, который соединяет бренды с блогерами для сотрудничества. Платформа забирает 10% со стоимости заказа.
Какие проекты запускают без кода в России
У нас тренд только набирает обороты: все потому, что русифицированных платформ, заточенных под российские сервисы, мало. Но вот пара примеров:
- «Умназия репетиторы» — образовательная платформа для детей, которая привлекла $1 млн, настроила тест новых продуктов на No-code инструментах.
- Стартотека — площадка для стартапов СНГ по типу Product Hunt.
- Hlth team — корпоративные челледжи для сотрудников крупных компаний.
- Look App — фэшн-приложение для шеринга крутыми образами и брендами.
- Nogaps — маркетплейс для шеринга сотрудников IT/digital-агентств.
- Hse Inc — онлайн школа HSE Inc и Билайн для стартаперов.
Какие No-code инструменты бывают
- Конструкторы сайтов и веб-приложений: Tilda, Wix, Webflow, Bubble
- Конструкторы мобильных приложений: Glide, Adalo, Bubble
- Конструкторы чат-ботов: ManyChat, Chatforma
- Простые базы данных и CRM: Google Sheets, Airtable
- Интеграция между платформами: Integromat, Zapier, Albato
- Прием платежей: Яндекс.Деньги для физлиц, Яндекс.Касса, CloudPayments
- Конструкторы имейл-рассылок: MailChimp, Sendgrid, SendPulse
- Аналитика: Google Analytics, Optimize для А/Б тестов, Яндекс.Метрика, Google Tag Manager
- Прототип и дизайн: Figma, Marvel, FlatIcon, Undraw
Главное, что вам нужно освоить — конструкторы веб- и мобильных приложений, остальные решает допзадачи: например, если вы собираете онлайн-магазин, вам нужна касса. Чтобы грамотно выбрать No-code инструмент и не перегрузиться на старте, ответьте на вопросы:
- За какой функционал пользователь готов заплатить сейчас?
- От какой автоматизации можно пока отказаться, чего будет достаточно для старта?
- Есть ли у вас опыт в работе с этой платформой, как она вам по сложности?
Насколько это сложно и что нужно знать
Сложность работы с No-code зависит от платформы: на Tilda вы можете собрать простые продукты, просто используя готовые блоки, а для работы с Bubble придется настроить базу данных, логику работы приложения, грамотно сгруппировать элементы и даже нарисовать прототип.
Вот 5 инструментов для новичков:
- Tilda / Glide. Tilda — самый простой конструктор. На нем можно собрать e-commerce сайт, простую образовательную платформу, полуавтоматизированный маркетплейс. Glide — то же самое, только для создания приложений.
- Airtable. Это прокачанные гугл-таблицы. Можно использовать их как базу данных, как систему управления командой или контент-планом, как простую CRM или даже LMS-систему.
- Integromat. Он поможет связать работу разных платформ и создать сценарии автоматизации: например, настроить передачу данных из Tilda в Airtable или отправку триггерных имейлов для конкретного события.
- Яндекс.Деньги. Нужны для настройки оплаты через банковскую карту, если вы физлицо.
- Mailchimp / SendGrid. Mailchimp — простой имейл-конструктор, подойдет для писем-отбивок после заполнения какой-нибудь формы на сайте или маркетинговых рассылок. Через SendGrid можно настроить транзакционные письма после оплат или триггерные рассылки по сценарию.
В целом полезно знать, как работают самые важные элементы архитектуры сервиса:
- Пользовательский интерфейс или фронтенд
- База данных
- API и интеграция между платформами
Чек-лист: как создать клона AirBnb без кода и разработки
1
Разложим сервис на составляющие по функционалу. У нас есть:
- личный кабинет;
- форма регистрации и входа;
- две роли: арендатор и арендодатель;
- форма для приема объявлений для размещения;
- база данных, в которой хранятся все объявления, данные аккаунтов, история заказов;
- список всех объявлений;
- корзина и оплата.
2
Для создания аналогичного продукта нужна любая из этих платформ: Wix, Webflow или Bubble. Дальше дело техники:
- Настраиваем форму регистрации и входа. Оформляем нужные поля под данные, настраиваем условие «создание нового пользователя» в Базе данных и доступ в Личный кабинет.
- Настраиваем Личный кабинет. Разрешаем просматривать определенные страницы или контент только авторизованным пользователем — это простая настройка условия.
- Настраиваем показ разных страниц / контента в зависимости от роли пользователя. Арендаторы будут видеть одно, арендодатели другое.
- Настраиваем форму, которая принимает заявки на объявления о сдаче жилья, и передачу информации в отдельную таблицу Базы данных. Связываем эту таблицу с пользователем, который разместил заявку. Можно воспользоваться внутренней Базой данных в Wix, Webflow и Bubble или внешней на Google Sheets и Airtable.
- Создаем страницу, где будут выводиться все объявления в карточках. Достаточно настроить дизайн только одной карточки — во все остальные будут подтягиваться разные данные из Базы данных.
- Настраиваем Профиль и Историю заказов. Создаем отдельную страницу, где будет сводная информация для пользователя по откликам, истории заказов и объявлений.
- Подключаем сервис приема платежей, связываем его с платформой.
P.S. Gartner дает прогноз, что No-code платформы составят 65% всей разработки приложений к 2024 году — все потому, что и крупные, и небольшие компании познали силу сервисов-конструкторов и понимают, как протестировать MVP без кодеров и сверхвложений. Everyone is a developer now.
