• Выбрано 0
Популярное
29 September 2020
Просмотры 2750
~ 20 мин

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

Как гуманитариям запускать сайты и приложения, не разбираясь в коде
#Веб-разработка

Все думают, что разработка сайтов и приложений — это сложно, долго, дорого и вообще невозможно без программистов. Но на простом конструкторе вроде Tilda можно собрать не только свой лендинг или онлайн-магазин, но и аналог Airbnb, Uber, Instagram или Tinder. А главное — протестировать любую бизнес-идею без гигантских вложений.

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


Что такое разработка без кода
Это создание сайта, мобильного приложения и любого IT-продукта с помощью специальных сервисов-конструкторов. Выглядит, как кубики Лего: вы берете готовые шаблоны и блоки, расставляете их в нужных местах экрана и настраиваете логику работы.
Зачем это нужно
Представим, что вы придумали классный сервис: приложение для доставки вина под настроение. Вы видите боль людей и знаете, как ее закрыть: никаких заумных описаний, пользователю достаточно тыкнуть на эмоджи, который подходит под его карент муд, и вино приедет за 15 минут, как в «Самокате». Гениально, нужно срочно разрабатывать MVP — первую версию продукта.
Теперь к цифрам. Разработка MVP займет 4-6 месяцев. Средняя стоимость — 0,7-1,5 млн рублей, плюс дополнительный кост на правки и доработку. Ну и более 90% стартапов умирают на старте работы. Потому что:
  1. продукт никому не нужен; 
  2. продукт не доделали, кончились деньги.
Это актуально и для компаний, которые хотят запустить новый продукт или направления бизнеса. Риски высокие.
Чем здесь поможет No-code
  1. Это легко освоить. Не нужно уметь программировать, чтобы создать продукт на No-code платформе. Тут все работает, как конструктор.
  2. Это быстро. В зависимости от No-code платформы MVP можно собрать за 2-5 недель. Советуем начать с самой простой и заложить минимум 1 месяц. 
  3. Это недорого. Если вы будете собирать MVP сами, деньги нужны только на подписку на платформу — это примерно 1-10 тысяч рублей. Даже если нанять агентство или фрилансера, это все равно будет дешевле в 3-4 раза. 
  4. Это легко править. Вы можете вносить правки сами без разработчиков, за 20-40 минут.
  5. Это бережливый подход. Такие 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
  1. Продакты, дизайнеры и все диджиталы. Разработчики всегда заняты, а протестировать идею нужно быстро. Вот и приходится собирать первую версию продукта своими руками и передавать в разработку только проверенные бизнес гипотезы. Кстати, сейчас некоторые компании выстраивают процесс запуска новых продуктов именно на No-code.
  2. Основатели бизнеса. Простые MVP подходят, когда не хочется терять деньги при запуске нового тестируемого направления бизнеса. Или когда нужно быстро перейти в онлайн, как весной 2020.
  3. Стартаперы. No-code помогает тестировать бизнес-кейсы без гигантских вложений: вы сразу даете потенциальному клиенту решение, за которое он готов платить.
  4. Энтузиасты автоматизации. 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 инструменты бывают
Главное, что вам нужно освоить — конструкторы веб- и мобильных приложений, остальные решает допзадачи: например, если вы собираете онлайн-магазин, вам нужна касса. Чтобы грамотно выбрать No-code инструмент и не перегрузиться на старте, ответьте на вопросы:
  1. За какой функционал пользователь готов заплатить сейчас?
  2. От какой автоматизации можно пока отказаться, чего будет достаточно для старта?
  3. Есть ли у вас опыт в работе с этой платформой, как она вам по сложности?
Насколько это сложно и что нужно знать
Сложность работы с No-code зависит от платформы: на Tilda вы можете собрать простые продукты, просто используя готовые блоки, а для работы с Bubble придется настроить базу данных, логику работы приложения, грамотно сгруппировать элементы и даже нарисовать прототип.
Вот 5 инструментов для новичков:

  1. Tilda / Glide. Tilda — самый простой конструктор. На нем можно собрать e-commerce сайт, простую образовательную платформу, полуавтоматизированный маркетплейс. Glide — то же самое, только для создания приложений.
  2. Airtable. Это прокачанные гугл-таблицы. Можно использовать их как базу данных, как систему управления командой или контент-планом, как простую CRM или даже LMS-систему.
  3. Integromat. Он поможет связать работу разных платформ и создать сценарии автоматизации: например, настроить передачу данных из Tilda в Airtable или отправку триггерных имейлов для конкретного события.
  4. Яндекс.Деньги. Нужны для настройки оплаты через банковскую карту, если вы физлицо.
  5. Mailchimp / SendGrid. Mailchimp — простой имейл-конструктор, подойдет для писем-отбивок после заполнения какой-нибудь формы на сайте или маркетинговых рассылок. Через SendGrid можно настроить транзакционные письма после оплат или триггерные рассылки по сценарию.
В целом полезно знать, как работают самые важные элементы архитектуры сервиса:
  1. Пользовательский интерфейс или фронтенд
  2. База данных
  3. API и интеграция между платформами
Чек-лист: как создать клона AirBnb без кода и разработки
1
Разложим сервис на составляющие по функционалу. У нас есть:
  1. личный кабинет;
  2. форма регистрации и входа;
  3. две роли: арендатор и арендодатель;
  4. форма для приема объявлений для размещения;
  5. база данных, в которой хранятся все объявления, данные аккаунтов, история заказов;
  6. список всех объявлений;
  7. корзина и оплата.
2
Для создания аналогичного продукта нужна любая из этих платформ: Wix, Webflow или Bubble. Дальше дело техники:
  1. Настраиваем форму регистрации и входа. Оформляем нужные поля под данные, настраиваем условие «создание нового пользователя» в Базе данных и доступ в Личный кабинет.
  2. Настраиваем Личный кабинет. Разрешаем просматривать определенные страницы или контент только авторизованным пользователем — это простая настройка условия.
  3. Настраиваем показ разных страниц / контента в зависимости от роли пользователя. Арендаторы будут видеть одно, арендодатели другое.
  4. Настраиваем форму, которая принимает заявки на объявления о сдаче жилья, и передачу информации в отдельную таблицу Базы данных. Связываем эту таблицу с пользователем, который разместил заявку. Можно воспользоваться внутренней Базой данных в Wix, Webflow и Bubble или внешней на Google Sheets и Airtable.
  5. Создаем страницу, где будут выводиться все объявления в карточках. Достаточно настроить дизайн только одной карточки — во все остальные будут подтягиваться разные данные из Базы данных.
  6. Настраиваем Профиль и Историю заказов. Создаем отдельную страницу, где будет сводная информация для пользователя по откликам, истории заказов и объявлений.
  7. Подключаем сервис приема платежей, связываем его с платформой.

P.S. Gartner дает прогноз, что No-code платформы составят 65% всей разработки приложений к 2024 году — все потому, что и крупные, и небольшие компании познали силу сервисов-конструкторов и понимают, как протестировать MVP без кодеров и сверхвложений. Everyone is a developer now.