vc.ru ищет PHP Middle разработчика
Сервисы
Alexander Olssen
32 231

Пять сервисов, позволяющих сделать прототип продукта без кода

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

В закладки
Слушать

На этот вопрос, на мой взгляд, есть три основных ответа:

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

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

Третий ‒ путь создания продуктов без использования кода (или с минимальным использованием) при помощи платформ, которые позволяют разрабатывать функциональные прототипы путем комбинирования различных блоков.

Именно про третий вариант и про платформы, которые в этом помогут, пойдет речь.

Несмотря на свое неоднозначное название, сервис интересен тем, что позволяет создавать веб-сайты не только с картинками, текстами, но и с фильтрами и картами, используя только Google Sheets!

У сервиса много шаблонов c помощью которых можно быстро собрать простейший интернет-магазин, доску объявлений, голосовалку или сайт с подборками.

Но, лучше один раз увидеть, чем сто раз услышать, поэтому советую посмотреть «живые» проекты, сделанные на sheet2site тут.
Так же у сервиса есть аналоги – table2site и pory.io.

Мощная и удобная платформа для создания сайтов и интернет-магазинов, которая завоевала любовь пользователей возможностями по дизайну страниц, удобством визуального редактора и простотой создания и запуска сайтов.

Но обычные сайты и интернет-магазины — это только вершина айсберга.

Объявление на vc.ru

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

Помимо самого Webflow, необходимо знать интеграции и их возможности, поэтому советую обратить внимание на:

  • Discuss ‒ обсуждения для пользователей, которые можно добавить на любую страницу;
  • Zapier, Integromat, Parabola ‒ сервисы автоматизации, которые работают в качестве бэкенда и позволяют, например, автоматически собирать заявки с сайта в Google Sheets, постить сообщения в Twitter и много чего еще;
  • Memberstack ‒ позволяет добавить на сайт функциональность регистрации и личного кабинета, тем самым скрывая часть контента, который доступен только определенным пользователям. Например, тем, кто оформил платную подписку на наш сайт мы показываем одни видео-уроки, а кто не оформил - другие.
  • Typeform ‒ стильная форма обратной связи и опросник.
  • Airtable или Google Sheet ‒ работают в связке с сервисами автоматизации как базы данных, в которой можно как хранить какую-либо информацию, так и отображать ее на сайте.

Вот несколько сервисов, сделанных на Webflow с применением интеграций указанных выше: ChannelsStack, Makerpad, Goodland, Failory.

На мой взгляд, самая мощная платформа для создания веб-приложений, которая есть сейчас на рынке. Имеет внутри не только визуальный редактор, но и инструменты для создания базы данных, логики (бэкенда) и даже работы со сторонними API.

Можно запросто получать и отображать данные с других сервисов, авторизовывать пользователей через Facebook/Twitter/Google, посылать данные на другие сервисы и много чего еще.

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

Этот инструмент достаточно сложен в освоении, но вы только взгляните на реальные проект, сделанные с помощью Bubble: NotRealTwitter, Nucode, Vestn, topshape, Hackerhouse.Paris, Стартотека

Платформа для создания мобильных и веб-приложений, которые можно публиковать в App Store, Google Play или как Progressive Web App.

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

Adalo подойдет для создания MVP маркетплейса, социальной сети, калькулятора чего-либо, приложений для записи на услуги или мероприятия,

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

Вот несколько приложений, сделанных в Adalo: Primus Fitness, Memolly-subscription manager, Invocial, Support Upstate SC, Cropify.

Так же есть похожие конструкторы приложений, например: Glide, Thunkable или Kodika.

Приложение для организации работы, которое позволяет создавать различные рабочие пространства и добавлять в них блоки, вроде текста, картинок, ссылок, таблиц, списков дел и некоторых других.

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

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

Надо только проявить немного фантазии, и тогда Notion может стать подходящим инструментом для проверки гипотезы. К тому же, страницы можно прикрутить к своему домену с помощью Host Notion или Super и получить полноценный сайт со всеми SEO-бонусами.

В качестве примеров проектов можно назвать платформу Toolskit, на которой собраны обучающие материалы на различные темы, и сайт с подборками книг Bookcelerator, который изначально был простой страницей в Notion.

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

{ "author_name": "Alexander Olssen", "author_type": "self", "tags": [], "comments": 94, "likes": 183, "favorites": 1361, "is_advertisement": false, "subsite_label": "services", "id": 139754, "is_wide": false, "is_ugc": true, "date": "Mon, 06 Jul 2020 13:52:46 +0300", "is_special": false }
Трибуна
ApiX-Drive — онлайн-коннектор разных сервисов и приложений между собой без программистов
Рассказываем, как запустили аналог Zapier за три месяца.
Объявление на vc.ru
0
94 комментария
Популярные
По порядку
Написать комментарий...
25

Для создания мобильных приложений рекомендую Draftbit. Они сейчас в закрытой бете, но уже сильно больше возможностей чем в Adalo. Плюс проект собирается на React Native с возможностью выгрузить код.

Ответить
0

Круто, конечно, но пока инвайт не одобрят, пользоваться не получится((

Ответить
1

Если сильно хочется, то можно получить инвайт за пару дней.

После регистрации на почту упадёт письмо с просьбой пригласить друзей. За каждую регистрацию по реферальной ссылке ты поднимаешься в очереди. Так можно за полчаса подняться в топ-30 и ждать приглашения :)

Ответить
0

Добавлю себе в закладки, спасибо)

Ответить
0

а если мне нужно собрать приложение с базовым функционалом аля тиндер, хватит ли возможностей конструкторов ?

Ответить
7

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

Ответить
3

Ну я бы не сказал, что путают. Просто используют не все возможности.

Ответить
0

В чём принципально отличается от Тильды?

Ответить
5

Тильда убогий конструктор

Ответить
1

А есть пример работы на вебфлоу?

Ответить
0

а какой на его фоне тогда мегакрутой?

Ответить
1

Речь про вебфло и тильду, если их сравнивать, это как мерс и запорожец. 

Ответить
0

ок
ну а кроме вебфлоу если?

Ответить
0

Пока что вебфло вне конкуренции

Ответить
0

так в чем фишка? не вкурил

Ответить
3

Вебфло полноценный визуальный редактор кода, а тильда просто набор готовых блоков. 

Ответить
0

Webflow))))

Ответить
4

Вебфлоу — это wysiwyg с семантикой, Тильда больше, все же, про готовые блоки. Их зеро-блок — это боль. 

Ответить
7

Notion невероятно прост

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

Ответить
0

Ха, у меня точно такая-же ситуация)

Ответить
0

со второй получилось)

Ответить
0

аналогично, со второго раза смог

Ответить
6

Как-то тильду совсем тут унизили. Примеры наверное надо на с комментов брать а с офф источников, а то совсем уже разбили в клочья. https://tilda.cc/ru/madeontilda/

Тильда в первую очередь, конечно про дизайн, потом уже про функционал и в конце будет бэк. Но её можно абсолютно смело ставить в конкуренцию с вышеупомянутыми сервисами, были бы руки.

Работаю на тильде и открыт для всего нового, просто кого кого унижать, так уже лучше Wix. Хотя вообще дело это такое, не благодарное.

Ответить
3

Скорее дело вкуса. Мне Тильда вообще не зашла, а Webflow сразу понравился, хоть интерфейс и сложнее выглядит. 

У WIX фиг открутишь подписку, поэтому можно влететь на пару сотен, поэтому о нем даже не упоминаю :)

Ответить
0

Что вы имеете ввиду? Я тут уже собралась на виксе сайт делать. Не хочется сюрпризов

Ответить
1

У меня девушка как-то захотела попробовать сделать сайт на WIX, и там надо было какую-то подписку оформить. Так вот потом чтобы ее отменить пришлось в саппорт 2 раза писать. 

Ответить
0

Попробуйте на тильде прикрутить любое изменение блока по параметру. Например, вам нужно сделать 250 разных страниц. Вернее одинаковых, но чтобы блок один отличался. И этот параметр должен меняться в зависимости от того, что ввёл пользователь.
Для меня тильда сейчас - это боль.

Ответить
2

Так у каждого сервиса своя задача, свое позиционирование. Тильда закрывает потребности тех, на кого она рассчитана. Остальные соотв. И это нормально, я вот вебфлоу тоже хочу изучить, но не как замену а как дополнение.

Ответить
5

СТАТЬЯ ОГОНЬ!!!
я сам дизайнер, но давно мечтаю освоить код и написать своё приложение... но как-то всё не могу))

Ответить
3

Илья, почему прям не сейчас / не сегодня? ))
Дизайнер, который ещё и прогает + за плечами свои собственные проекты + сечёт в бизнес-фишках - будет неслабо так востребован ;)

Ответить
4

Я пробовал раза 3-4, покупал доступ на swiftbook, покупал курс по разработке, но как-то пока не идёт...
Возможно необходимо больше усилий.

НО Я НЕ СДАЮСЬ) БУДУ ПРОБОВАТЬ ПОКА НЕ ОСВОЮ!)

Ответить
2

Ох, этот путь тернист и коварен.
Как человек, который уже 3 года в этом, могу порекомендовать:
1. Не пожалейте пару тысяч рублей и найдите ментора, который вам составит дорожную карту по изучению чего либо из ваших потребностей.
2. Определите 2 основных направления каких нибудь. Углубляйтесь в них. Например, если это фронт, то html/css + React JS. По пути база JS.
3. Никогда не пренебрегайте оф.документацией.

Удачи вам.

Ответить
1

Спасибо!

Ответить
0

Подскажите, что Вы имеете ввиду под оф. документацией?

Ответить
0

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

Ответить
0

Поделитесь курсом на Свифт)

Ответить
0

Если прям очень горит он легко выкачивается с торрентов, только это не хорошо все. 

Ответить
–1

В плане материалами ли ссылкой на покупку курса?

Ответить
6

для MVP подойдет. Для серьезного сайта - все равно нужны профессиональные разработчики, а не дизайнер tilda-делы.

Ответить
0

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

Ответить
4

Еще для создания сайтов из Google таблиц https://spreadsimple.com

Из коробки есть фильтры, поиск, сортировка, корзина, форма заказа и другие фичи.

Есть бесплатная версия, но сегодня, кстати -50% на PRO версию: https://www.producthunt.com/posts/spreadsimple

Ответить
2

Поддержал вас на PH) Посмотрю завтра утром повнимательней

Ответить
3

Bubble... 

Их сайт сделан с помощью их инструмента, если че.

Ответить
1

ибо прототип не равно продакшн

Ответить
0

К сожалению, да, известная проблема. Но у всего есть плюсы и минусы, что тут поделать) Есть хаки, типа https://forum.bubble.io/t/increase-the-bubble-page-load-speeds-with-cloudflare/30752
Но я пока не юзал.

Ответить
0

Время до того, как ваша приложуха станет интерактивной пройдет 17 секунд на мобилке. Это вообще никакая не замена прогерам, как они себя позиционируют.

Ответить
3

Статья крутая, 100% в поиск попадёт :)
Но согласитесь, если делать серьёзный проект под решение задачи, то все-таки лучше собирать команду, продавать и привлекать нормальные инвестиции.

Ответить
0

для мвп норм, продать инвестору

Ответить
0

Если продать частному российскому инвестору МВП на конструкторе, то когда все выяснится можно проснуться с паяльником в одном месте :)

Ответить
0

имеется ввиду идею продать/презентовать) вместо поверпоинта)

Ответить
0

Спасибо) Если серьезный, то, наверное да. У меня опыта в таком деле пока нет, поэтому не могу ни опровергнуть ни подтвердить :)

Ответить
3

Мне понравился appgyver.com
Понравилось, что можно прикрутить стили, используя $переменные. Это прям то, что я жду от всех дизайн-редакторов. Классные туториалы.
Не нравится, что многие компоненты нельзя редактировать драг-энд-дропом.
Но поиграться стоит.
Полностью бесплатное.

Ответить
0

Спасибо, гляну что за зверь.

Ответить
3

Построил на webflow продающий сайт и на bubble веб-приложение – spalah.com. Разделил на две платформы по той же причине: webflow – скорость, гибкость UI; bubble – бэкэнд, админ интерфейс, API. В последнем некоторые вещи делали с программистами на низком коде. Все строили почти 10 мес. Все это время мечтал, чтоб эти компании объединились, но видимо не судьба;)
Все чаще прихожу к мысли, что для полноценного развития не должно быть "швов" между платформами. В частности для индексации и для платного трафика на приложение. Сейчас это невозможно, оно адски долго грузится (хотя это я оптимизировал его в десятки раз после первой версии) и недостаточно хорош UI.

Сейчас немного доработаем в бизнесовой части и после этого пойду делать новую связку – бесшовное приложение, где UI на webflow и весь бэкэнд на bubble, которое работает через API. Надеюсь так удастся: построить весь UI с гибкостью и скоростью работы webflow и весь бэкэнд и всю логику с возможностями bubble. 

Если у кого-то есть схожий запрос (связь между webflow и bubble) – давайте вместе скидываться на разработчиков, которые помогут сделать концептуальные связки, где дальше каждый использует их в своих целях. 

Ответить
3

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

Ответить
0

Все в точку! Очень уж по-хитрому у бабл делается адаптив, но если поднатаскаться, то можно делать более-менее адекватный дизайн и для мобилок и для десктопа.

Ответить
1

Даже сюда notion впихнули .__.

Ответить
2

Сделал сайт для своего бизнеса https://itrev.games на Webflow за 2 дня, рили

Теперь могу консультировать 8) https://www.facebook.com/anton.shtin

Ответить
0

Это с какими начальными скилами?

Ответить
1

Люблю Bubble, мощная вещь

Ответить
0

Мне webflow понравился :)
Но он не про приложения.

Ответить
1

Дороговато

Ответить
2

У Webflow есть всякие промо-коды, можно срезать стоимость в полтора-два раза. Но зачастую только на месяц-три.
Я отдаю за WF вроде $20/мес, это дешевле чем Bubble.

Ответить
1

Что касается веб-форм на сайтах, то FormDesigner вне конкуренции. Настраивается абсолютно все. Все формы можно интегрировать с кучей сервисов. Вообщем крутой конструктор.

Ответить
1

Емкая, развернутая статья про ЗероКод
https://vas3k.ru/blog/nocode/

Ответить
1

Как на bubble прикручиваются российские платёжные системы?

Если делать веб-сервис на bubble, а native app на Adalo, то придётся бэк делать для каждого сервиса отдельно? Что может быть общего, база данных?

Ответить
0

Я не пробовал, но скорей всего можно подключить что-то вроде cloudpayments или Я.кассы.

Ответить
0

Webflow покорил удобством, скоростью, простотой и удобством использования классов (и сочетания классов). Я строю на нем небольшие кастомные сайты и лендинги. Показатели скорости 90-100/100 по pagespeed insights (на моб и десктоп). CMS (блог) немного странная, с ограничениями, но в целом хорошо работает. Пока лучше альтернативы не встречала. 

Ответить
1

А респонсивный дизайн как там приятно делать. Не то что в bubble)

Ответить
0

Ещё бы они с переводом на русский язык были бы, вообще супер. 

Ответить
1

Имеешь ввиду интерфейс? Или возможность на Русском языке приложение сделать?

Ответить
0

Интерфейс

Ответить
0

Для простых сайтов мы используем для прототипирования Тильду.
Пример прототипа - https://swat.one/ks
Сам сайт - https://top.kosmetic-service.ru/ 

Ответить
0

К тому же, страницы можно прикрутить к своему домену с помощью Host Notion или Super и получить полноценный сайт со всеми SEO бонусами.

Индексация контента да, но вот скорость такого сайта будет крайне невысокой, что негативно скажется на SEO-рейтинге.

Ответить
0

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

Ответить
0

Чем они отличаются от тех же wix/weebly?

Ответить
0

https://esk.one/ - наверное самый лучший (и доступный по цене) сервис для прототипирования сайтов.

Ответить
0

Крутая подборка. Спасибо за информативные комментарии по каждому сервису. Как раз подумываю пару гипотез проверить.

Ответить
0

Пожалуйста, рад, что пригодилось. Если будут вопросы по Bubble или Webflow - пишите в телеграм или тут)

Ответить
0

Договорились. Я зашёл в телегу. ;)

Ответить
0

Ни один сайт не обходится без веб-форм, а для их создания есть прекрасный конструктор, https://formdesigner.ru, который уже упоминали выше. Очень гибкий и функциональный конструктор. С его помощью создаю формы и калькуляторы на всех своих сайтах.

Ответить
0

Только Miro и всё)

Ответить
0

Adalo хорош, жаль что не всё понятно, и что в бесплатной версии можно делать только PWA-приложения

Ответить
0

Привет!
А кто нибудь может подсказать, есть ли такой конструктор только для VR?

Ответить
0

В асетс сторе Юнити много разных полуготовых конструкторов

Ответить
0

Стоит обратить внимание на coda.io.
Веду там все таски, гибко кастомизируется. На обучение конечно придется потратить время и вспоминать английский (гугл переводчик поможет).
Но можно сделать то, чего нельзя в других таск трекерах. Конечно для больших команд навряд ли подойдёт.
Можно по рефкам насобирать 500$, этого хватит на 40 месяцев. Намного больше понравился, чем ношн.

И почему в России не обращают внимания на Elementor? 
Отличная альтернатива тильде, особенно с аддонами.

Ответить
0

Мы для создания веб-приложений и комплексных IT систем используем ClevaDesk, есть демо-портал, работает без регистрации: http://demo.clevadesk.com

Ответить
0

Тут многие пишут про Тильду. Я поначалу даже смотреть этот сайт не хотела. Но попытавшись разобраться в космических технологиях других, всё-таки решила посмотреть и Тильду. Так вот, для человека, у которого нет премии  The Best Programmer of the World, это подходящее, действительно простое и бесплатное приложение. 

Ответить
–1

Как-то тильду совсем тут унизили. Примеры наверное надо не с комментов брать а с офф источников, а то совсем уже разбили в клочья. https://tilda.cc/ru/madeontilda/

Тильда в первую очередь, конечно про дизайн, потом уже про функционал и в конце будет бэк. Но её можно абсолютно смело ставить в конкуренцию с вышеупомянутыми сервисами, были бы руки.

Работаю на тильде и открыт для всего нового, просто кого кого унижать, так уже лучше Wix. Хотя вообще дело это такое, не благодарное.

Ответить
–1

Я самодельщик. Набираю команду для продвижения своей "супер"-тачки ... на общественных началах. В случае "успешных продаж". ройялти по решению старейшин команды. Увы, фото послать не удалось, требуют какую-то ссылку. Сетевым заморочкам нет конца и края, всё всплывают новые и новые, как вот эта.

Ответить

Комментарии