История успеха Webflow: как не отчаиваться и с пятой попытки сделать стартап единорогом

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

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

Как появился Webflow

Стартап Webflow в 2012 году основали Влад Магдалин, его младший брат Сергей и их общий друг Брайант Чоу.

Владу пришла идея основать Webflow в его институтские годы. После школы он поступил в Калифорнийский политехнический университет, где изучал компьютерные науки. Кроме того, один год он посвятил изучению анимации в Академии искусств Сан-Франциско.

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

После того, как Влад выпустился из института, то устроился разработчиком в компанию Intuit, которую покинул в 2012 году. К тому моменту он уже трижды пытался запустить свой проект Webflow, но ничего не получалось.

Удачу Влад оседлал только с пятого раза.

Ох, как намаялась я с тобой, моя попытка номер пять

Когда в 2012 году Влад запускал сервис в его текущем виде, то на ранней стадии он с партнерами не привлекал сторонние инвестиции. На языке стартаперов этот раунд называется FFF — Fools, Friends and Family (дураки, друзья и семья).

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

«Я объяснял жене, что все компенсирую семейному бюджету в течение буквально трех месяцев.» — Влад Магдалин, сo-founder Webflow

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

«Мы решили, что у нас будет дедлайн, после которого мы все вернемся к жизни обычного офисного планктона.» — Влад Магдалин, сo-founder Webflow

В 2013 году стартап был отмечен как перспективный венчурными капиталистами из Y Combinator и привлек небольшие деньги. Когда эти и взятые в долг деньги кончились, у команды даже не было средств оплачивать офис. Казалось бы, вот он конец. Но ребята вышли из этой ситуации и остались благодарны государству за высокие налоги:

«С тех пор я нормально отношусь к высоким налогам: мы с Сергеем в первое время работали из библиотеки. Каждый день, не платя ни копейки, мы пытались запустить свой бизнес. Без налогов этой инфраструктуры просто не было бы.» — Влад Магдалин, сo-founder Webflow

От первых денег Владу и партнерам не снесло крышу, они продолжали аскетичный образ жизни и пилили продукт даже после того, как в 2019 году привлекли $72 млн:

«Когда мы привлекли первые деньги, зарабатывали около $5 тыс. Этого не хватало на зарплату даже одному сотруднику, а нас было трое.» — Влад Магдалин, сo-founder Webflow

После того, как в 2021 году проект привлек во втором раунде инвестиций еще $182 млн, стало понятно, что это успех:

«Мы стали прибыльными после второго посевного раунда. Новые инвестиции — это прежде всего связи и экспертиза. Представьте, что вы взбираетесь на отвесную скалу: с умелым проводником сделать это в разы проще.» — Влад Магдалин, сo-founder Webflow

Бизнес-ангел и венчурный инвестор Джейсон Калаканис называет такие проекты пегасами, потому что они даже круче единорогов. С одной стороны всем очевидно, что инвестиции в них окупятся. С другой — это становится очевидно лишь после раунда A или B, когда за право инвестировать в проект уже придется посостязаться.

Что умеет Webflow

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

Крутая фишка Webflow — разделение рабочего пространства для дизайнера и контент-менеджера. В Тильде оно одно, и если пустить туда копирайтера для правок текста или добавления картиночек, он может ненароком поломать верстку или начудить с отображением какого-нибудь блока.

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

Теперь поговорим о компонентах. Для удобства разработчиков есть 3 раздела с разными сущностями:

1. Шаблоны — каталог готовый шаблонов с некоторыми приятными особенностями, о которых ниже.
2. Элементы — каталог готовых дизайн-элементов: менюшки, слайдеры, всякие блоки с параллакс-эффектами и все такое.
3. Приложения — интеграция с всевозможными сервисами: от Typeform для создания квизов до Unsplash для подтягивания стоковых изображений.

Внутри Webflow есть еще и образовательные материалы:

1. Университет — отдельные видео-инструкции и целые курсы про верстку, настройку CMS и много чего еще, что будет полезно не только новичкам.
2. Блог — раздел, где гораздо меньше полезного, чем в университете, но все-таки есть крутые материалы о прикладных навыках: подборки шрифтовых пар, маркетинговые исследования эффективности разных дизайн-приемов, рекомендации по локализации и так далее.
3. Книги — подборки книг и лонгридов о современных web3.0-технологиях, интернет-коммерции, дизайне и ноукод-подходе в разработке сайтов и сервисов.
4. Документация — полезные инструкции и техническая документация по API сервиса, которая пригодится разработчикам, если они хотят интегрировать Webflow со сторонними сервисами.

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

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

У Тильды тоже есть каталог #madeontilda, но там можно только лишь порыскать в поисках вдохновения или оценить возможности сервиса, а вот взять и сразу скопировать себе понравившийся шаблон — нет.

В Webflow даже пошли еще дальше — внутри сервиса есть разделы для поиска исполнителей:

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

Кроме того, в каталоге сайтов, сделанных на Webflow, можно посмотреть личный профиль дизайнера, который этот сайт сделал, чтобы связаться с ним и заказать создание сайта.

Чек-лист с советами на основе опыта Webflow

Коротко главные и самые полезные тезисы из статьи вам на вооружение:

1. Разрабатывая сервис для команд, учитывайте роли членов этих команд так, как это сделали в Webflow: например, разделите функциональные возможности для дизайнеров и контент-менеджеров, чтобы пользоваться вашим продуктом было удобнее.
2. Посмотрите на лучшие практики конкурентов и подумайте, как сделать их еще круче: у Тильды, например, есть витрина с сайтами, которые сделаны на Тильде, а в Webflow пошли дальше — там прямо на этой витрине можно выбрать понравившийся вариант и скопировать его себе в качестве шаблона.
3. Если ваш продукт — это чей-то рабочий инструментарий, то он наверняка состоит из множества разделов, функций и компонентов, поэтому подумайте про онбординг пользователей, которые перейдут к вам от конкурентов: создайте базу знаний, инструкций и видео-уроков.
4. Если у вас есть возможность на ранней стадии реализации проекта обойтись без привлечения больших инвестиций, то лучше так и сделать: подумайте над тем, чтобы ограничиться своими сбережениями и тем, что вы можете занять у друзей и родственников.
5. Пересмотрите клип «ВИА Гра — Попытка номер пять», чтобы вдохновиться и никогда не бросать дело, которое вы считаете тем самым next big thing, ни на третьей, ни на четвертой, ни даже на пятой неудачной попытке.