文 |劉雨潔、王與桐
編輯 |石亞瓊
眼下,Webflow已經(jīng)成為全球無代碼搭建平臺心中的“耶路撒冷”。
Webflow是一家專注于為設(shè)計師和開發(fā)人員提供無代碼建站和設(shè)計工具的美國軟件公司。自成立以來,Webflow一直致力于幫助用戶通過可視化界面快速創(chuàng)建專業(yè)網(wǎng)站,同時提供一系列強大的設(shè)計功能,如自定義布局、動畫效果、圖像處理等。
盡管成立于2012年,到今年也是“十年老店”了,但Webflow真正被大家認可價值,時間卻并不長。此前,Webflow一直以“篳路藍縷”的狀態(tài)創(chuàng)業(yè),創(chuàng)始人Vlad Magdalin曾公開表示“我承擔(dān)的最大風(fēng)險是負債累累”;甚至在2014~2016年移動互聯(lián)網(wǎng)繁榮期,還要不斷接受著來自資方的嘲諷。
這樣不被認可的狀態(tài)持續(xù)很久。直到去年,Webflow拿到了1.4億美元B輪融資,估值達到了21億美元,終于躋身獨角獸陣營。在今年,Webflow的價值進一步受到資本市場認可,3月,Webflow完成1.2億美元的C輪融資;11月,Webflow Conference大會舉辦,并上線更多功能,不少業(yè)內(nèi)人士預(yù)測,在下一輪融資時,Webflow將躋身百億美金估值陣營。
近3年,Webflow的ARR增長十倍以上,同時擁有了來自190+國家數(shù)百萬的用戶和超過20萬的付費客戶,業(yè)內(nèi)對Webflow的共同認知是,2022年,ARR將達到2億美金。
估值和ARR只能代表一部分商業(yè)價值,而Webflow早已在用戶價值層面得到了更多證明——在美國,會Webflow已經(jīng)像會C++、Java一樣,值得被寫進簡歷里;早前已經(jīng)出現(xiàn)了Webflow的Chrome插件……
總之,Webflow代表著是新一代的無代碼應(yīng)用——如果說Airtable這類無代碼產(chǎn)品,更多是起到降本增效的效果,那么Webflow想要實現(xiàn)的,就是切實改變生產(chǎn)方式。
在我們分析Webflow是如何找對路徑成長成明星公司之前,先要回答,Webflow到底是做什么的?
簡單來說,就是想要搭建網(wǎng)站的人,通過Webflow,能夠在不編寫一行代碼的前提下,實現(xiàn)最接近“用代碼寫出來的”網(wǎng)站設(shè)計效果:本質(zhì)是只需要拖拉拽就可以搭建出一個可交互的網(wǎng)站,而Webflow更大的優(yōu)勢在于支持一鍵導(dǎo)出代碼。也就是說,不但是沒有編程能力的人可以把做網(wǎng)站變得像做PPT一樣簡單,有前端開發(fā)能力的人也完全可以把它作為一個專業(yè)化的平臺來使用,從而減少復(fù)雜的代碼工作。
沒有編程能力就能搭建網(wǎng)頁,聽起來就像不用走路就能移動一樣。
畢竟,在以往,一個網(wǎng)頁的誕生,要經(jīng)過設(shè)計師和前端工程師兩個角色的共同打磨。就像一臺手術(shù)一樣,醫(yī)生和護士的配合不可或缺。但在上一代網(wǎng)頁開發(fā)主流環(huán)境中,開發(fā)的角色更像是醫(yī)生,一個不懂前端開發(fā)的設(shè)計師設(shè)計水平再高也不可能造出一個網(wǎng)站,但一個不懂設(shè)計的前端開發(fā)卻擁有獨立上線網(wǎng)站的能力,即使代價是:它可能會很丑。
一切的話語權(quán),來源于數(shù)字化的發(fā)生基于非可視化的編碼過程。但無代碼的出現(xiàn),使得專業(yè)角色的價值流動,隨著網(wǎng)頁開發(fā)的真正需求發(fā)生改變。
設(shè)計師,通過無代碼,也可以搭建出網(wǎng)頁。這就涉及到Webflow的亮點之一——留給設(shè)計師的審美空間。
在對Webflow進行相關(guān)采訪前,36氪預(yù)設(shè)了很多關(guān)于“Webflow究竟好在哪里”的回答,但最終在采訪時,大家首先會提到的并非是實用性、成本效益或效率方面,而是“Webflow更接近真正的前端開發(fā),定制化空間非常大”。
定制化之于設(shè)計師來說,就像耦合性之于開發(fā)人員一樣,對“創(chuàng)造”這一維度的衡量尤為看重。就像我們在玩《我的世界》、《動森》等游戲時,最能延展樂趣和驅(qū)動我們長時間游玩的也是其家居建筑的高度可定制性。如果僅僅追逐效率和零門檻的“傻瓜式操作”,產(chǎn)品專業(yè)性上限就會變得很低,其“平民化”的代價有可能是得不償失的。
毫無疑問,Webflow在成立之初,相比同類可視化網(wǎng)頁編輯器,也曾受到過“不夠平民化”的質(zhì)疑。由于學(xué)習(xí)門檻更高,也沒有像競品一樣內(nèi)置大量的模版和預(yù)置好的樣式,Webflow從一開始就將用戶畫像縮小到了平面/UI設(shè)計師人群。而這一群體的工作,原本就不是在單一追求降本增效,而是創(chuàng)造審美價值,引領(lǐng)設(shè)計趨勢。
但幾年過后,Webflow的成功已經(jīng)足以為我們證明,無論其他產(chǎn)品做得多么低門檻,甚至能讓市場營銷人員在3分鐘內(nèi)做出一個可以上線的頁面,但在大多數(shù)工作和獨立項目中,網(wǎng)頁設(shè)計仍然是一項需要符合設(shè)計標(biāo)準(zhǔn)和趨勢的創(chuàng)造性工作,每一個組件和配色都對應(yīng)著品牌標(biāo)準(zhǔn)和設(shè)計文檔中的信息。因此,事實上,對于新一代無碼化網(wǎng)頁設(shè)計工具來說,也只有設(shè)計師群體的口碑傳播,對于產(chǎn)品的價值增長,才能夠是指數(shù)級的。
總體來說,這是一個自上而下,從專業(yè)人群向大眾過渡的PLG(產(chǎn)品為導(dǎo)向增長)領(lǐng)域,只有吸引了活躍的設(shè)計師,讓他們自發(fā)地沉淀出自己的設(shè)計資產(chǎn),并建立社群,才能夠讓更多人享有低成本、高效率的審美效果。
Webflow頁面
Webflow的Made In Webflow社區(qū),在這里,你可以一鍵克隆其他設(shè)計師在Webflow上制作的網(wǎng)站或UI標(biāo)準(zhǔn),并將其修改成自己的作品。
基于此,甚至對于很多初涉前端開發(fā)領(lǐng)域的UI/平面設(shè)計師來說,Webflow完全可以成為他們的啟蒙老師。
想要簡化網(wǎng)頁開發(fā)流程,讓更多有idea而沒有開發(fā)能力的人設(shè)計出網(wǎng)頁,Webflow并不是第一個,甚至此前,已經(jīng)有不少人努力過了。自從“企業(yè)官網(wǎng)”的必要性深入人心,國人對大量分散的建站服務(wù)早已不陌生,而在這一代集成了電商、CMS功能的建站服務(wù)中,除了比Webflow顯露鋒芒更早的Spacesquare、Wix等,阿里云等云廠商也有配套云主機出售的網(wǎng)站編輯器。
而在海外市場,截至目前為止,針對各類用戶群體的無碼化建站仍然是最熱的創(chuàng)業(yè)賽道之一。一邊是Canva等受眾更廣的創(chuàng)意效率廠商正在大力布局,另一邊,國外最大的產(chǎn)品發(fā)現(xiàn)社區(qū)ProductHunt上幾乎每隔幾天就會誕生一個新的建站產(chǎn)品。而即便如此,目前大多數(shù)企業(yè)建站仍然會選擇傳統(tǒng)的前端開發(fā)方式:交給內(nèi)部開發(fā)人員或者服務(wù)商去編碼。
企業(yè)的決策動線不難理解。首先,網(wǎng)站開發(fā)是一項結(jié)果導(dǎo)向性的業(yè)務(wù),開發(fā)的過程究竟是可視化還是代碼化,對于企業(yè)來說沒有太大區(qū)別。而且,企業(yè)管理者很少能全面了解網(wǎng)站開發(fā)的細節(jié),如果設(shè)計師拍著胸脯表示“我們公司只需要購買一套建站服務(wù),就可以節(jié)省掉前端人員的成本”,那也就意味著設(shè)計師自身在應(yīng)對企業(yè)建站需求時需要承擔(dān)的責(zé)任更重。而在目前的建站環(huán)境下,除了原生的前端開發(fā)之外,目前的無碼化工具,即使是最專業(yè)的Webflow,也很難做到完全解決某些“突如其來”的需求。
因此,相比產(chǎn)品發(fā)展到中后期才有可能實現(xiàn)爆發(fā)的企業(yè)服務(wù),無碼化網(wǎng)頁設(shè)計工具前期所拓展的用戶勢必是大量的C端freelancer和設(shè)計師的獨立項目(如個人官網(wǎng)、作品集等)。在這一方面,Webflow想得很清楚,如果從一開始就做成了企業(yè)服務(wù)風(fēng)格的建站工具,Webflow也許會成為下一個以定制化服務(wù)為主的公司,像諸多建站服務(wù)商一樣,圍繞著如電商賣家等一類固定類型的企業(yè)客戶,構(gòu)建一體化平臺。
那么我們的科技世界就會少了一個讓無數(shù)設(shè)計師迸發(fā)出創(chuàng)造激情、專注于視覺本身的工具,又或者,最先跑通無碼化PLG的全球獨角獸就會花落別家。
從網(wǎng)站開發(fā)的進程來看,開發(fā)本身就一直在演進、發(fā)展,向著編寫更少的代碼進化,從最基本的純手工html編寫,到出現(xiàn)了React、VUE等靈活高效的JS框架,再到各個企業(yè)的設(shè)計團隊紛紛做出了適配這兩種主流框架的“開箱即用”的設(shè)計系統(tǒng)。如今,前端開發(fā)人員只需要輸入兩句命令行就能在本地生成一個簡潔的Web App(即一個可以搭配域名部署的網(wǎng)站),甚至可以直接請教AI如何編寫一些需求。
以流行的React設(shè)計框架Next.js為例,從上手到生成一個空白的Web App只需要一步。
就像是做飯不再需要從執(zhí)行紙質(zhì)菜譜開始,而是可以直接選購份量科學(xué)的調(diào)料包,放入料理機。更少的操作布局意味著更少的代碼,即前端開發(fā)本身就已經(jīng)符合“低代碼”的趨勢:最早機器語言01,到匯編,再從匯編再到C再到C+再到Java再到Python,越來越簡單,代碼越來越少。
在這一趨勢下,近年來無代碼/低代碼開發(fā)的平臺和工具也越來越多,比如retool、universe等。
低代碼/無代碼產(chǎn)業(yè)圖譜
而前端網(wǎng)頁設(shè)計,涉及到上文提到的非常重要的定制化和審美因素,因此還有另一條平行演進的路線:可視化。
本地前端開發(fā)固然已經(jīng)越來越便捷,也有大量的設(shè)計系統(tǒng)和實例可以直接使用,但可視化程度還是不夠高,尤其是在Web開發(fā)兩大痛點:模塊嵌套、獨立于html之外的CSS樣式文件部署之下,由于缺乏實時的可視化反饋,開發(fā)人員經(jīng)常會寫著寫著就陷入“我現(xiàn)在是在寫什么”的狀態(tài),從而需要刷新一下本地域名來重新確認。
談及Web開發(fā)可視化,上一代風(fēng)靡全球的網(wǎng)頁設(shè)計軟件是WordPress,是世界上使用最廣泛的博客系統(tǒng)之一,是一款開源的PHP軟件。最初的版本上線于2003年,是為了順應(yīng)博客時代每個人都想搭建自己博客的需求而誕生的。WordPress 因為使用者眾多,所以社區(qū)非?;钴S,有豐富的插件模板資源。
從2010年左右開始,WordPress就不僅僅用于博客開發(fā)了,作為一款CMS,很多非博客網(wǎng)站也是用WordPress搭建的。目前,使用WordPress平臺的發(fā)行商約占全球網(wǎng)站的10%。而WordPress官方網(wǎng)站的每月獨立訪問用戶數(shù)則達到3億。
來源網(wǎng)絡(luò)
但是WordPress以博客建站為主,設(shè)計師可定制程度低,沒有統(tǒng)一的CMS接入方式,且前端頁面響應(yīng)模式落后(與新一代建站工具最大的用戶體驗區(qū)別就是WordPress的頁面跳轉(zhuǎn)響應(yīng)時間過長,且跳轉(zhuǎn)方式生硬)、不支持組件動態(tài)效果(而這一點恰恰是目前最流行的設(shè)計趨勢之一),因此盡管擁有最強大的插件市場,還是逐漸在被“Web App+動效靜態(tài)html”為代表的時代所淘汰。
后來,又出現(xiàn)了顛覆WordPress的產(chǎn)品,Wix與Squarespace,后二者主要解決電商時代獨立站頁面的搭建需求。
Wix頁面
盡管Wix與Squarespace這一類獨立站頁面搭建平臺也可以幫助大家可視化搭建頁面,但是他們只是在可視化單點上進行突破,且在電商系統(tǒng)上做得比Webflow更加強大、容易上手,其核心受眾明顯已經(jīng)變成了電商賣家或市場營銷人員,不能稱之為是“為設(shè)計而生”的無碼化工具。未來,他們的主要對手或許會是Canva等更廣泛的創(chuàng)意服務(wù)商。
總體說來,Webflow的意義在于,它將代碼和可視化兩條進化交叉,作為接點,他是以往任何工具或平臺的降維打擊。
比如,Webflow的某一個付費功能點就是,搭建好的網(wǎng)頁,可以再以代碼形式進行導(dǎo)出,交給開發(fā)去完成、修正。從這個角度來看,Webflow就是一個以視覺形式幫助提升開發(fā)效率的開發(fā)工具,而其他建站工具只能支撐視覺效果,而單純的開發(fā)流程又要重復(fù)以往開發(fā)-設(shè)計的繁瑣循環(huán)。
不僅如此,Webflow的優(yōu)勢還有很多,比如其云建站服務(wù)更為便捷,采用全托管的方式,作為對比,傳統(tǒng)html、JS、WordPress的開發(fā)者往往搭載于自購服務(wù)器與域名,需要具有一定的技術(shù)知識,且在一次新的deploy(部署)之后才能使用戶看到的頁面發(fā)生改變,對專注于視覺細節(jié)的設(shè)計師來說,操作流程極其冗雜。
另一個優(yōu)勢也體現(xiàn)了Webflow的產(chǎn)品細節(jié)能力,同樣都是拖拉拽、所見即所得的頁面搭建方式,其他建站工具趨近于“做PPT”的體驗,Webflow卻包含完整的前端設(shè)計思維、能夠使頁面完全實現(xiàn)前端化,并在付費版本中支持html、CSS等代碼文件的導(dǎo)出。
Webflow編輯器
Webflow編輯器:可以看到右側(cè)可自定義的屬性元素與前端構(gòu)建原理基本一致,并且有針對全局的CSS設(shè)置,下方狀態(tài)欄對應(yīng)的是前端開發(fā)中最重要的模塊嵌套理念(可以理解成文件夾,在html代碼中每個閉合的就是一層嵌套)。
Wix編輯器
Wix編輯器:相對來說更適合沒有前端經(jīng)驗的設(shè)計師/市場運營人員,把很多前端組件進行了不同樣式與風(fēng)格的標(biāo)準(zhǔn)化,可以一鍵添加。
Squarespace編輯器
Squarespace編輯器:自定義方式更加簡單直觀,適合制作設(shè)計師/攝影師的portfolio個人官網(wǎng),因此理念是以大量的頁面留白凸顯作品本身為主,頁面設(shè)計表現(xiàn)為輔。
WordPress下最流行的頁面設(shè)計插件Elementor的編輯器
WordPress下最流行的頁面設(shè)計插件Elementor的編輯器:與Wix類似,可以自由添加組件,基本可以實現(xiàn)想要的靜態(tài)視覺效果,但還是以接近PPT的方式設(shè)計與呈現(xiàn),不包含CSS與前端思維,也不太支持前端動效。
總結(jié)而言,Webflow優(yōu)勢可以概括為:
可視化界面:Webflow使用可視化界面,讓用戶通過拖放功能快速創(chuàng)建網(wǎng)站,而無需寫代碼。這對于那些不會編寫代碼的人來說,是一個巨大的優(yōu)勢。
強大的設(shè)計功能:Webflow提供了一系列強大的設(shè)計功能,如自定義布局、動畫效果、圖像處理等,讓用戶能夠創(chuàng)建專業(yè)網(wǎng)站。
全面的教程和幫助資源:Webflow提供了豐富的教程和幫助資源,幫助用戶更好地了解如何使用該平臺。
先進的功能:Webflow不斷更新和改進其功能,以滿足用戶的不斷變化的需求。
廣泛的社區(qū)支持:Webflow有一個活躍的社區(qū),可以為用戶提供幫助和支持。
相比于其他開發(fā)手段和網(wǎng)頁搭建工具,Webflow是屬于下一個時代的降維打擊產(chǎn)品。這或許也是市場和資本愿意買單的重要原因。
事實上,想要實現(xiàn)Webflow的這些降維打擊的功能點,說容易也容易,說難也難。
難是因為,在十年創(chuàng)業(yè)過程中,有無數(shù)次的壓力,迫使創(chuàng)始團隊不要做下去。
最初,難點來自于,Vlad Magdalin多年來一直想做一個類似Webflow的產(chǎn)品,所以當(dāng)真的開始時,他處在用愛發(fā)電的階段——創(chuàng)業(yè)剛開始時,他甚至背負了三萬美元的信用卡債務(wù)。最初,Vlad Magdalin仍在intuit工作,用兼職時間完成Webflow的開發(fā)。2012年夏天,Vlad Magdalin拿著一萬美元離開了原來的公司,開始全職創(chuàng)業(yè)。也在這時,他說服了好兄弟Sergie的加入,而為了節(jié)省開支,Sergie搬進了Vlad Magdalin和妻子的公寓。
Webflow今年的資方Y(jié)C,也曾在2012年讓W(xué)ebflow倍感壓力。在2012年Webflow剛成立沒多久,就申請了YC當(dāng)時的冬令營,但最終沒有通過。緊接著2013年又申請了YC的夏令營,當(dāng)時他們做出了產(chǎn)品的第一版原型,并且在Hacker News上做了發(fā)布,有了幾萬用戶申請加入Beta測試版的等候名單。
而YC的擔(dān)心是,Webflow最終會因為產(chǎn)品對于非技術(shù)人員來說上手難度太高,對于技術(shù)人員來說又沒有太多價值,從而陷入一個進退兩難的尷尬境地,而導(dǎo)致失敗。不過好在,Webflow最終還是成功拿到了YC的夏令營Offer,成為了YC S13的一員。
但是這個擔(dān)心的確是必要的,因為不止Webflow,需要無代碼開發(fā)工具都面臨著這個問題。
其實在后來公司發(fā)展過程中,Webflow找了很多方式解決這個問題,比如錄制了非常多的培訓(xùn)視頻,搭建了自己的社區(qū)供大家交流,不斷寫博客在幫助設(shè)計師上手的同時提高曝光量。
來源CEO的推特
而在2014~2018年,Webflow沒有拿到來自投資機構(gòu)的錢。
據(jù)國內(nèi)某創(chuàng)業(yè)者描述,在當(dāng)時,Webflow創(chuàng)始團隊在見投資人前都要做好被罵“腦子有問題”的心理建設(shè),因為時值移動互聯(lián)網(wǎng)的蓬勃發(fā)展期,所有創(chuàng)業(yè)團隊和風(fēng)投機構(gòu)都一股腦在押注APP,而Webflow還在卯著勁做網(wǎng)頁開發(fā),并且對其未來堅信不疑——這當(dāng)然會讓投資人產(chǎn)生懷疑。
而Webflow團隊之所以堅持相信網(wǎng)站設(shè)計的“未來價值”,主要原因可以分為三點。
其一,Webflow自身的定位是給企業(yè)或者個人提供“展示型”網(wǎng)站,這一類網(wǎng)站的價值停留在信息輸出和視覺交互,而不會成為一個像微信一樣的功能型App。
其二,硅谷投資人昔日對于App“全面代替網(wǎng)站”的過高期望,是基于對當(dāng)下技術(shù)與移動設(shè)備生態(tài)機制的不確定預(yù)估。目前來講,雖然也已經(jīng)有一些支持一鍵多設(shè)備尺寸配置的App開發(fā)服務(wù)初露鋒芒,但App開發(fā)整體來說成本較高,設(shè)備兼容測試與商店審核都需要時間,且除了娛樂、社交等功能性領(lǐng)域及體量較大的信息載體(如36氪App)之外,大多數(shù)的展示型網(wǎng)站,比如企業(yè)官網(wǎng)等,完全沒有被做成App的價值。此外,盡管大多數(shù)的生產(chǎn)力工具和效率軟件都在實現(xiàn)“云化”,但以網(wǎng)頁形式呈現(xiàn)的Web App,比移動端App更加便于實現(xiàn)敏捷開發(fā)。同時,電腦比手機更適合專業(yè)、復(fù)雜的生產(chǎn)工作,目前為止還是人類數(shù)字進程中不可撼動的事實。
最后,用戶的需求也在近些年發(fā)生變化,對于App的需求不再旺盛。在移動互聯(lián)網(wǎng)蓬勃期,隨著智能手機和4G的普及,用戶對于在手機上完成各種功能抱有極高的熱情,然而隨著熱情冷卻,以及用戶對于“雁過無痕”的個人信息保護意識的加強,越來越多的App不再具備吸引力。這從近些年App拉新成本越來越高就可見一斑。當(dāng)用戶對于App的新鮮感冷卻,手機屏幕尺寸限制在某些需求和功能上的掣肘就暴露了出來。其中,作為視覺藝術(shù)的一環(huán),專業(yè)的網(wǎng)頁設(shè)計所體現(xiàn)的審美趨勢就很難在手機上完整表達:在很多網(wǎng)站進行響應(yīng)式設(shè)計(針對移動端做尺寸適配)時,會選擇將復(fù)雜的模塊和動畫效果隱藏掉。
綜上所述,當(dāng)移動互聯(lián)網(wǎng)的浪潮緩慢退去,網(wǎng)頁開發(fā)卻再度成為主流——沒有任何一家企業(yè)不想有自己的官網(wǎng),也沒有一個設(shè)計師不想通過獨樹一幟的風(fēng)格傳達創(chuàng)造的價值,而不必囿于iOS等系統(tǒng)生態(tài)對于App界面的單一化風(fēng)格限制。
Webflow的價值也在App熱潮冷卻的過程中逐漸體現(xiàn)。
因為融資不利,Webflow只能不停尋找商業(yè)化方法。在2013年,Webflow加入YC時,就已經(jīng)有了2萬個初始注冊——但,其中只有大約50名付費會員?!爱?dāng)時的轉(zhuǎn)化率非常令人失望?!盫lad Magdalin表示。
Webflow下定決心要讓付費用戶滿意。所以第一件事,就是建立了上文提到的社區(qū),三位創(chuàng)始人在早期每天都要花幾個小時回答問題、支持請求。
在付費客戶滿意后,下一步是如何獲得更多付費客戶。Webflow把目光投向了SEO。Webflow在內(nèi)容方面主要會有5種類型,分別是University(教程)、Blog(博客)、Customers(客戶故事)、Ebooks(電子書)和Community(社區(qū)),而其中Blog的文章,在SEO優(yōu)化上很關(guān)鍵的部分在于聚焦在長尾(long-tail)關(guān)鍵詞,這也意味著更小的競爭壓力和更精準(zhǔn)的目標(biāo)客群。
“人人都是產(chǎn)品經(jīng)理”曾提到,以《8 best cheap domain registrars compared and reviewed(
https://webflow.com/blog/cheap-domains 》這篇文章為例,根據(jù)Fundation的數(shù)據(jù)表明,每個月有1600多人會在Google搜索“cheapest domain registrations”這個關(guān)鍵詞,而這些人的目的很明確的,就是想要購買便宜的域名,而購買了域名之后,很自然,下一步就是搭建網(wǎng)站了,那或許對于Webflow就會有需求。
因此Webflow很好地利用了這篇文章吸引到了這批精準(zhǔn)的用戶,并通過在文章中插入CTA(Call-To-Action)模塊的方式,引導(dǎo)用戶注冊轉(zhuǎn)化。
結(jié)果還不錯,從數(shù)據(jù)上看Webflow通過SEO每月可以吸引接近100萬的流量并產(chǎn)生130萬美元的有機收入。
圖源網(wǎng)絡(luò)
Webflow在3年內(nèi),通過社區(qū)和SEO,沒有花一分錢在營銷上,就獲取了100萬用戶、營收突破一千四百萬。
通過社區(qū)可以源源不斷用UGC的方式產(chǎn)出內(nèi)容,而這些內(nèi)容又給SEO提供了源源不斷的素材和動力,從而形成了自增長的飛輪。
圖源網(wǎng)絡(luò)
這樣的數(shù)據(jù),足以讓投資人動心。在被用戶市場認可后,Webflow也再度被一級市場所認可。
不過,盡管此刻風(fēng)頭無兩,Webflow也還存在著一些問題。比如,目前來看,Webflow面臨著和WordPress類似的問題,受眾很窄,如果不繼續(xù)改進,就會導(dǎo)致增長瓶頸明顯。
首先,挑戰(zhàn)傳統(tǒng)和權(quán)威,道阻且長。目前,除了設(shè)計師的portfolio以及一些產(chǎn)品的landing page之外,主流前端開發(fā)由于需要結(jié)合大量的函數(shù)變量和數(shù)據(jù)庫功能,仍然是以React、VUE為代表的Javascript為主,開發(fā)流程為:UI設(shè)計師通過Figma、MasterGo、即時設(shè)計等原型設(shè)計工具畫頁面,通過插件標(biāo)注或直接導(dǎo)出html和CSS代碼給前端工程師,前端工程師寫JS完成可視化效果,并接入后端數(shù)據(jù)庫,在此過程中為市場運營人員留出信息上傳的。在此過程中,自購云服務(wù)器部署+自購域名仍然是主流選擇。
尤其是在“權(quán)威”也在不斷優(yōu)化自身的情況下。如前文所述,Web開發(fā)本身就在變得越來越簡單,且UI設(shè)計師的“職業(yè)自救”意識很強,不斷擴充技能,都在向具有一定代碼能力的前端開發(fā)轉(zhuǎn)型。相比Web開發(fā)的開源環(huán)境,Webflow在定價劣勢的情況下,未來的用戶定位可能會被進一步縮小,從網(wǎng)頁設(shè)計師變?yōu)椤皩η岸碎_發(fā)不熟練的初級網(wǎng)頁設(shè)計師”,屆時局面將陷入被動。
當(dāng)前,國內(nèi)也存在幾家對標(biāo)Webflow的公司,比如Zion、towify、Dora等。這幾家公司成立時間相差不大,目前也有各自擅長的領(lǐng)域。相比Webflow的大器晚成,也許他們的入局時機更為穩(wěn)妥。
整體來看,中國無代碼網(wǎng)頁開發(fā),和美國市場有一個較大的差別,就是中國的小程序開發(fā)正如火如荼。從今年騰訊第三季度數(shù)據(jù)來看,微信端小程序超過700萬,小程序日活達到了6億,因此,圍繞小程序的無代碼開發(fā),是國內(nèi)相關(guān)廠商努力的重點方向。
不過,對這些國內(nèi)公司來說,盡管有著確定的方向,但是前進過程,不僅會面臨這Webflow面臨過和面臨中的困難,還要面對中國本土市場對于無代碼搭建熱情不高的大背景。
無論如何,我們可以確定的是,未來,越來越多的前端工程師,會被設(shè)計師或者有只是有網(wǎng)頁開發(fā)idea的人取代。在任何國家,都會如此。