原文 via Startup Snapshot: Webflow: The company on a mission to replace WordPress - Webflow is enabling a new breed of worker to take over the modern web: the ‘visual developer’

我使用 Webflow 已有數年的時間,我相當期待去看看它的所有製作過程。隨著團隊的擴大,該公司已經搬進了位於舊金山著名的 Mission 區東北部的一個新的改建倉庫。

Webflow 辦公室外景

穿過入口並沿著一樓的走廊漫步,我可以看出這棟大樓是為什麼成為一家將設計放在一切之前的公司的理想之選。

當我走進二樓的辦公室時,有兩件事讓我感到驚訝。首先,按照 SF 的標準,這裡很寬敞(在那裡,空間是稀缺的)。更引人注目的是,這裡是多麼的寧靜和安靜。感覺就像我剛到達一個圖書館,只不過背景音樂是非常低音量的獨立搖滾音樂,並且鍵盤鍵輕輕敲擊的聲音。‍

Webflow 聯合創辦人之一 Sergie 帶我參觀辦公室,這顯然是他們引以為傲的地方。從某種意義上說,這是一個典型的開放式平面矩形空間。但當眼光掃過牆壁和角落時,就會發現這個地方具有獨特的風格和個性。而且,我與Sergie和Vlad談話越多,就越清楚這個個性與他們自己的個性是一樣的——既雜而不亂,又古怪卻克制。這些細節使Webflow的辦公室成為了它的模樣。

從裝飾在牆上的滑板和馬頭收藏品不難看出…

Build a great product and the rest will follow.

Make something people want - Paul Graham

作為YCombinator的校友,看到Paul Graham的格言掛在Webflow的一面牆上並不意外:“創造人們想要的東西”。創始人的YCombinator故事眾所周知,所以我們在談論公司的歷史時就略過了這部分。

在這個特殊的日子,辦公室裡大約有16個人。公司有37個員工,但大多數是遠程工作者。Vlad告訴我,儘管許多人反對,他們還是成功地讓分散的團隊從初期就開始為他們工作。

遠程工作的強大文化也找到了在創始團隊本身的反映。Sergie和Vlad通過Google Hangouts與目前在柏林工作的創始人Bryant進行會議。午餐時間接近時,辦公室變得稍微不那麼安靜。人們走來走去,交流共同的項目,隱約可以聽到一些玩笑和笑聲。人們慢慢地走向廚房,那裡供應了外送午餐。Sergie在娛樂群眾,而Vlad則在遠角處處理一個剛出現的時間敏感問題。

Webflow 創辦人的故事

午餐過後,是時候與Vlad和Sergie坐下來談談公司的背景故事,以及他們對未來的計劃了。他們兩人是兄弟,他們讓我猜誰年紀大……(結果是Vlad年長五歲,儘管他的頭髮比Sergie稍微多一些)。值得一提的是,第三位創始人兼CTO,Bryant,並非他們的兄弟!

Vlad是一位從3D動畫師轉為軟體工程師再轉為CEO的人。最初,Vlad給人的印象是兩兄弟中比較嚴肅的那一個。但是,當我們聊天越多,他在筆記本電腦前那種“思考的臉”的強度就會變成一種極度溫暖的風度,這在他所雇用的團隊中也得到了同樣的反映。

Vlad承認,在他的職業生涯初期,他其實討厭編程。直到他意識到它在自動化他的3D動畫工作流程中的力量時,他才愛上它。在2000年代中期,他決定以視覺網頁設計工具為主題做他的電腦科學小論文時,他想到了Webflow(包括名字)的原始概念。他評論說,當時對於基本上是一個商業點子做論文感覺像是“逃避”了。當時,他在一家網頁代理公司實習,為客戶建立CMS工具,當他偶然看到對於“洗-重複”這種工作向客戶收取的費用有多少時。Webflow最初被構想為使這整個過程變得更容易的點子。

Sergie的訓練背景則完全不同。他開始時是生物學專業,然後學習了非常小眾的“跨學科計算與藝術”學科。他接了一些為當地滑板店設計網站的兼職工作,這激發了他對用戶界面設計的興趣。

從我參觀辦公室和午餐時間的對話中,我對Sergie的第一印象是一個非常好玩和頑皮的角色。但現在坐下來談論公司的旅程和策略,我看到了Sergie的另一面 - 對於他們正在建立的東西有一種強烈而堅定的熱情。

對於Sergie來說,當他意識 Webflow 這樣的工具會可以讓設計師不需要依賴開發者並可以從網頁設計的框架解脫出來。 Sergie曾工作的滑板店(該店有一個自定義滑板製作工具)成為了初期Webflow的初始概念證明。

作為兄弟,他們的背景故事比大多數創業者要長得多。我們深入了解他們從最初開始的情況 - 他們在俄羅斯的童年,他們描述這是一段非常謙虛的時光。他們的家庭在柏林牆倒塌兩年後,於1991年作為難民移民到美國。 Vlad那時候九歲,Sergie四歲。他們的父母是相對缺乏教育的移民,考慮到他們的家庭自那時以來所取得的成就,當前對轉向僅限於技術移民的政策的政治關注讓兩兄弟感到不安。

當我問是否電腦是他們童年的重要部分時,我們發現了他們移民經驗中的一個美好的小細節。在飛往美國的途中,家庭的兩個行李袋丟失了,航空公司為每個丟失的行李袋支付了1200美元。當時,這對他們來說是一筆巨大的金額。他們的父親決定用這筆錢購買一台IBM 486,並開始了早期對科技的興趣。

察Vlad和Sergie,他們似乎有一種用很少的話溝通的方式。我想知道這種兄弟間的第六感是否是辦公室能夠如此安靜的原因之一。

總的來說,這是一個充滿生活氣息和獨特個性的辦公空間,並且強烈反映出Webflow創始人的個性和理念。透過Vlad和Sergie的談話,我們可以看出他們對公司的熱情以及他們如何克服困難,使一個分散的團隊早期就能運作起來。他們的故事也強調了Webflow的主要理念:「創造人們想要的東西」,並且這些創始人們是如何把這個理念融入他們的產品和工作方式中。

雖然Vlad和Sergie有著截然不同的背景,但他們的共同熱情和對創新的渴望使他們能夠共同創建出這樣的公司。他們的故事不僅講述了他們如何建立起Webflow,而且也講述了他們從俄羅斯移民到美國的經歷,以及他們如何將這種經歷融入到他們的工作和生活中。他們的故事是一個真正的創業者故事,充滿了創新、熱情和堅持不懈的精神。

Webflow 的創辦過程

介紹 Webflow 最簡單的方式就是提到這個頁面(以及所有的 Startup Snapshot)都是用它製作的。事實上,目前網路上有一小部分但正在增長的比例是用 Webflow 製作的。你可以將它視為一種位於 WordPress 和 Squarespace 之間的網頁設計工具和 CMS - 它既不是為硬核黑客設計的,也不是為完全的新手設計的。相反地,Webflow 試圖消除這種二分法,將設計和創作過程融為一體,創造一種新型的「視覺開發者」。該軟體允許你拖放 HTML 組件,並擁有所有網頁開發者的能力,但方式省時、迭代,並即時給予視覺反饋,不需要傳統的手工編碼。

‍當我們開始談論公司的初創時期,他們告訴我,Webflow的創建過程並非一帆風順。在Vlad的碩士論文多年後,即2012年,當他離開了他的日常工作,Webflow才正式開始運作。一開始,他們計劃通過Kickstarter項目將這個視覺化網頁設計工具的願景實現。然而,當他們拍攝了概念視頻後,他們驚訝地發現Kickstarter並不接受SaaS軟件項目,於是這個計劃宣告破滅。

接著,他們嘗試申請YCombinator,卻在第一次嘗試時遭到拒絕。在經歷了多個一百小時工作週以建立原型、他們的銀行餘額日益縮水,以及Vlad的女兒生病導致的個人財務危機後,Bryant加入了團隊,成為第三名團隊成員。他填補了幾個主要的空缺,最重要的是帶來後端工程實力,這是Webflow建立出版平台所必需的。他還帶來了救援貸款,拯救了他們的日子。

到了2013年3月中旬,他們已經將原型拼湊在一起,但事情正處於危急關頭。他們的計劃是將其發布在流行的科技內幕網站Hacker News上,希望能引起一些熱議。你仍然可以在這裡 查看他們分享的原始原型。

"當我們在Hacker News上發布時,這是我們的'最後的禱告' - 我們想,如果這個不行,我們將回到我們的工作,因為我們將無法生存。" - Vlad

這是一個改變一切的轉折點。那天,它成為了Hacker News上的頂級帖子,並成為該網站上當時第三受歡迎的'Show HN'帖子。它孕育出一個高度參與的早期支持者和使用者群體,這些人一直持續推動

  • Webflow的發展和成長。同時,這也引起了YCombinator的注意,他們邀請Webflow參加該季度的面試。就在他們已經做好準備放棄並回去找工作的時候,這個機會出現了。

他們的面試過程相當順利,並最終被接受參加YCombinator的夏季批次。這不僅給了他們資金上的援助,也提供了一個學習並與同行網絡互動的機會。在YCombinator的幫助下,他們得以在創業者社區中建立起聲譽並獲得了他們的第一批真正的客戶。

在YCombinator的時間過後,他們得以進一步發展並開始招聘更多的員工。他們的產品逐漸成熟,而他們的用戶群也在穩定增長。在接下來的幾年中,他們成功地從一個小型初創公司成長為一個成熟的SaaS公司,並不斷推出新的功能和改進來滿足用戶的需求。

現在 Webflow 已成為一個擁有數百萬用戶的全球性公司,並在設計師和開發者社區中取得了顯著的影響力。這個故事是一個鼓舞人心的例子,顯示出即使在面臨困難和挑戰時,只要有創新的想法、堅定的信念和對成功的熱切渴望,就有可能實現夢想。

  • Webflow的成功故事也證明了幾個關鍵的創業原則。首先,他們專注於解決一個真實存在的問題,那就是讓非技術背景的人也能輕鬆建立和管理網站。這是一個市場上真正需要的解決方案,因此他們的產品很快就吸引了大量的用戶。
  • 其次,他們不斷學習和改進,並在面對困難時展現出堅韌不拔的精神。他們參加YCombinator的經驗讓他們學到了許多寶貴的經驗和技巧,並利用這些知識來推動公司的成長。

最後,他們始終保持著與用戶的緊密聯繫,並根據用戶的反饋來改進產品。這種以用戶為中心的設計思維讓他們能夠創造出真正滿足用戶需求的產品,並建立起強大的客戶忠誠度。

總的來說,Webflow的成功故事不僅證明了他們的創新和決心,也是對所有創業者的鼓舞和啟示。他們的故事讓我們看到,只要有清晰的願景、堅定的信念和無盡的毅力,任何人都有可能創建出改變世界的產品。

Webflow 介紹

(2023年最新數據) Webflow 目前剛完成最新一輪1.2億美元 C 輪融資,總融資額 $335M USD,目前估值約 40 億美元,收入接近 1 億美元。於 2013 年成立/ 目前約 600 個員工/ 用戶數已超過 350 萬用戶。參與 C輪投資的 VC 方有: Y Combinator的Continuity基金領投,CapitalG、Accel、Silversmith和Draper Associates。

Webflow 目前是 No Code 工具領域中估值最高的新創公司之一,在開發工具市場的市佔率為2.31%。在開發工具類別中,Webflow與205個競爭者的工具競爭。Webflow 的頂級競爭者是 Wordpress 為14.35% 其次為 Shopify, Wix, Squarespace. (2022 年數據)。


外媒報導

Share this post