曾被VC群嘲，如今门坎被踏破，40亿估值的Webflow做对了甚么？ 寰球独角兽

yikang

文 |刘雨洁、王与桐
编纂 |石亚琼
封面来源｜IC photo
眼下，Webflow曾经成为寰球无代码搭建平台心中的“耶路撒冷”。
Webflow是一家专一于为设计师和开发人员提供无代码建站和设计工具的美国软件公司。自成立以来，Webflow始终努力于帮忙用户经过可视化界面疾速创立专业网站，同时提供一系列弱小的设计功用，如自定义规划、动画成果、图象处置等。
只管成立于20十二年，到往年也是“十年轻店”了，但Webflow真正被大家认可价值，时间却其实不长。此前，Webflow始终以“荜路蓝缕”的形态守业，开创人Vlad Magdalin曾地下表现“我承当的最微风险是负债累累”；乃至在2014~2016年挪动互联网繁华期，还要不停承受着来自资方的讥嘲。
这样不被认可的形态继续很久。直到去年，Webflow拿到了1.4亿美元B轮融资，估值达到了21亿美元，终于跻身独角兽营垒。在往年，Webflow的价值进一步遭到资本市场认可，3月，Webflow实现1.2亿美元的C轮融资；十一月，Webflow Conference大会举行，并上线更多功用，不少业内人士预测，在下一轮融资时，Webflow将跻身百亿美金估值营垒。
近3年，Webflow的ARR增长十倍以上，同时具有了来自190+国度数百万的用户和超过20万的付费客户，业内对Webflow的独特认知是，2022年，ARR将达到2亿美金。
估值和ARR只能代表一部份商业价值，而Webflow早已在用户价值层面失掉了更多证实——在美国，会Webflow曾经像会C++、Java同样，值得被写进简历里；早前曾经泛起了Webflow的Chrome插件……
总之，Webflow代表着是新一代的无代码运用——假如说Airtable这种无代码产品，更可能是起到降本增效的成果，那末Webflow想要完成的，就是切实改动出产形式。
01 由设计师取代前端工程师
在咱们剖析Webflow是如何找对门路生长成明星公司以前，先要回答，Webflow究竟是做甚么的？
简略来讲，就是想要搭建网站的人，经过Webflow，可以在不编写一行代码的条件下，完成最接近“用代码写出来的”网站设计成果：实质是只需求迁延拽就能搭建出一个可交互的网站，而Webflow更大的劣势在于反对一键导出代码。也就是说，非但是没有编程才能的人能够把做网站变得像做PPT同样简略，有前端开发才能的人也彻底能够把它作为一个专业化的平台来使用，从而增加繁杂的代码任务。
没有编程才能就可以搭建网页，听起来就像不必走路就可以挪动同样。
毕竟，在以往，一个网页的降生，要通过设计师和前端工程师两个角色的独特打磨。就像一台手术同样，医生和护士的配合不成或缺。但在上一代网页开发主流环境中，开发的角色更像是医生，一个不懂前端开发的设计师设计程度再高也不成能造出一个网站，但一个不懂设计的前端开发却具有独立上线网站的才能，即便代价是：它可能会很丑。
所有的话语权，来源于数字化的产生基于非可视化的编码进程。但无代码的泛起，使得专业角色的价值活动，跟着网页开发的真正需要产生改动。
设计师，经过无代码，也能够搭建出网页。这就波及到Webflow的亮点之一——留给设计师的审美空间。
在对Webflow进行相干采访前，36氪预设了得多对于“Webflow到底好在哪里”的回答，但终究在采访时，大家首先会提到的并不是是实用性、本钱效益或效力方面，而是“Webflow更接近真实的前端开发，定制化空间十分大”。
定制化之于设计师来讲，就像耦合性之于开发人员同样，对“发明”这一维度的权衡尤其看重。就像咱们在玩《我的世界》、《动森》等游戏时，最能延展乐趣和驱动咱们长期玩耍的也是其家居修建的高度可定制性。假如仅仅追赶效力和零门坎的“傻瓜式操作”，产品专业性下限就会变得很低，其“平民化”的代价有多是得失相当的。
毫无疑难，Webflow在成立之初，比拟同类可视化网页编纂器，也曾遭到过“不敷平民化”的质疑。因为学习门坎更高，也没有像竞品同样内置少量的模版和预置好的款式，Webflow从一开始就将用户画像放大到了立体/UI设计师人群。而这一群体的任务，本来就不是在繁多寻求降本增效，而是发明审美价值，引领设计趋向。
但几年当时，Webflow的胜利曾经足认为咱们证实，无论其余产品做很多么低门坎，乃至能让市场营销人员在3分钟内做出一个能够上线的页面，但在大少数任务和独立名目中，网页设计依然是一项需求合乎设计规范和趋向的发明性任务，每一个个组件和配色都对应着品牌规范和设计文档中的信息。因此，事实上，关于新一代无码化网页设计工具来讲，也只要设计师群体的口碑传布，关于产品的价值增长，能力够是指数级的。
整体来讲，这是一个自上而下，从专业人群向公众过渡的PLG（产品为导向增长）畛域，只要吸引了活泼的设计师，让他们自发地积淀出本人的设计资产，并建设社群，能力够让更多人享有低本钱、高效力的审美成果。


Webflow页面
Webflow的Made In Webflow社区，在这里，你能够一键克隆其余设计师在Webflow上制造的网站或UI规范，并将其修正成本人的作品。
基于此，乃至关于得多初涉前端开发畛域的UI/立体设计师来讲，Webflow彻底能够成为他们的启蒙教师。
02 可视化+无代码，Web开发的“版本谜底”？
想要简化网页开发流程，让更多有idea而没有开发才能的人设计出网页，Webflow并非第一个，乃至此前，曾经有不少人致力过了。自从“企业官网”的须要性不得人心，国人对少量扩散的建站办事早已不生疏，而在这一代集成为了电商、CMS功用的建站办事中，除了比Webflow露出锋铓更早的Spacesquare、Wix等，阿里云等云厂商也有配套云主机发售的网站编纂器。
而在海内市场，截至目前为止，针对各类用户群体的无码化建站依然是最热的守业赛道之一。一边是Canva等受众更广的创意效力厂商正在鼎力规划，另外一边，国外最大的产品发现社区ProductHunt上简直每隔几天就会降生一个新的建站产品。而即使如斯，目前大少数企业建站依然会选择传统的前端开发形式：交给外部开发人员或者办事商去编码。
企业的决策划线不难了解。首先，网站开发是一项后果导向性的业务，开发的进程到底是可视化仍是代码化，关于企业来讲没有太大区分。并且，企业办理者很少能片面理解网站开发的细节，假如设计师拍着胸脯表现“咱们公司只需求购买一套建站办事，就能节俭掉前端人员的本钱”，那也就象征着设计师本身在应答企业建站需要时需求承当的责任更重。而在目前的建站环境下，除了原生的前端开发以外，目前的无码化工具，即便是最专业的Webflow，也很难做到彻底解决某些“从天而降”的需要。
因此，比拟产品开展到中前期才有可能完成发作的企业办事，无码化网页设计工具后期所拓展的用户必将是少量的C端freelancer和设计师的独立名目（如集体官网、作品集等）。在这一方面，Webflow想得很分明，假如从一开始就做成为了企业办事格调的建站工具，Webflow或许会成为下一个以定制化办事为主的公司，像诸多建站办事商同样，环抱着如电商卖家等一类固定类型的企业客户，构建一体化平台。
那末咱们的科技世界就会少了一个让有数设计师迸收回发明豪情、专一于视觉自身的工具，又或者，最早跑通无码化PLG的寰球独角兽就会花落别家。
从网站开发的过程来看，开发自身就始终在演进、开展，向着编写更少的代码进化，从最根本的纯手工html编写，到泛起了React、VUE等灵敏高效的JS框架，再到各个企业的设计团队纷纭做出了适配这两种主流框架的“开箱即用”的设计零碎。如今，前端开发人员只需求输出两句命令行就可以在当地生成一个简洁的Web App（即一个能够搭配域名部署的网站），乃至能够间接求教AI如何编写一些需要。


以盛行的React设计框架Next.js为例，从上手到生成一个空白的Web App只需求一步。
就像是做饭再也不需求从履行纸质菜谱开始，而是能够间接选购分量迷信的调料包，放入操持机。更少的操作规划象征着更少的代码，即前端开发自身就曾经合乎“低代码”的趋向：最先机器言语01，到汇编，再从汇编再到C再到C+再到Java再到Python，愈来愈简略，代码愈来愈少。
在这一趋向下，近些年来无代码/低代码开发的平台和工具也愈来愈多，好比retool、universe等。


低代码/无代码产业图谱
而前端网页设计，波及到上文提到的十分首要的定制化和审美要素，因此还有另外一条平行演进的线路：可视化。
当地前端开发当然曾经愈来愈便捷，也有少量的设计零碎和实例能够间接使用，但可视化水平仍是不敷高，尤为是在Web开发两大痛点：模块嵌套、独立于html以外的CSS款式文件部署之下，因为不足实时的可视化反馈，开发人员常常会写着写着就堕入“我当初是在写甚么”的形态，从而需求刷新一下当地域名来从新确认。
谈及Web开发可视化，上一代风行寰球的网页设计软件是WordPress，是世界上使用最普遍的博客零碎之一，是一款开源的PHP软件。最后的版本上线于2003年，是为了适应博客时期每集体都想搭建本人博客的需要而降生的。WordPress 由于使用者泛滥，所以社区十分活泼，有丰硕的插件模板资源。
从2010年摆布开始，WordPress就不单单用于博客开发了，作为一款CMS，得多非博客网站也是用WordPress搭建的。目前，使用WordPress平台的发行商约占寰球网站的10%。而WordPress民间网站的每个月独立拜候用户数则达到3亿。


来源网络
然而WordPress以博客建站为主，设计师可定制水平低，没有一致的CMS接入形式，且前端页面响应模式后进（与新一代建站工具最大的用户体验区分就是WordPress的页面跳转响应时间太长，且跳转形式生硬）、不反对组件静态成果（而这一点偏偏是目前最盛行的设计趋向之一），因此只管具有最弱小的插件市场，仍是逐步在被“Web App+动效动态html”为代表的时期所淘汰。
起初，又泛起了推翻WordPress的产品，Wix与Squarespace，后两者次要解决电商时期独立站页面的搭建需要。


Wix页面
只管Wix与Squarespace这一类独立站页面搭建平台也能够帮忙大家可视化搭建页面，然而他们只是在可视化单点上进行冲破，且在电商零碎上做得比Webflow更为弱小、容易上手，其中心受众显著曾经变为了电商卖家或市场营销人员，不克不及称之为是“为设计而生”的无码化工具。将来，他们的次要对手也许会是Canva等更普遍的创意办事商。
整体说来，Webflow的意义在于，它将代码和可视化两条进化穿插，作为接点，他是以往任何工具或平台的降维打击。
好比，Webflow的某一个付费功用点就是，搭建好的网页，能够再以代码方式进行导出，交给开发去实现、修改。从这个角度来看，Webflow就是一个以视觉方式帮忙晋升开发效力的开发工具，而其余建站工具只能撑持视觉成果，而单纯的开发流程又要反复以往开发-设计的繁琐循环。
不只如斯，Webflow的劣势还有得多，好比其云建站办事更加便捷，采取全托管的形式，作为比较，传统html、JS、WordPress的开发者往往搭载于自购办事器与域名，需求拥有一定的技术常识，且在一次新的deploy（部署）之后能力使用户看到的页面产生改动，对专一于视觉细节的设计师来讲，操作流程极为冗杂。
另外一个劣势也体现了Webflow的产品细节才能，一样都是迁延拽、所见即所得的页面搭建形式，其余建站工具趋近于“做PPT”的体验，Webflow却包孕残缺的前端设计思惟、可以使页面彻底完成前端化，并在付费版本中反对html、CSS等代码文件的导出。


Webflow编纂器
Webflow编纂器：能够看到右边可自定义的属性元素与前端构建原理根本统一，而且有针对全局的CSS设置，下方形态栏对应的是前端开发中最首要的模块嵌套理念（能够了解成文件夹，在html代码中每个闭合的就是一层嵌套）。


Wix编纂器
Wix编纂器：相对于来讲更合适没有前端教训的设计师/市场经营人员，把得多前端组件进行了不一样式与格调的规范化，能够一键添加。


Squarespace编纂器
Squarespace编纂器：自定义形式更为简略直观，合适制造设计师/摄影师的portfolio集体官网，因此理念是以少量的页面留白凸显作品自身为主，页面设计表示为辅。


WordPress下最盛行的页面设计插件Elementor的编纂器
WordPress下最盛行的页面设计插件Elementor的编纂器：与Wix相似，能够自在添加组件，根本能够完成想要的动态视觉成果，但仍是以接近PPT的形式设计与呈现，不包孕CSS与前端思惟，也不太反对前端动效。
总结而言，Webflow劣势能够概括为：
可视化界面：Webflow使用可视化界面，让用户经过拖放功用疾速创立网站，而无需写代码。这关于那些不会编写代码的人来讲，是一个微小的劣势。
弱小的设计功用：Webflow提供了一系列弱小的设计功用，如自定义规划、动画成果、图象处置等，让用户可以创立专业网站。
片面的教程和帮忙资源：Webflow提供了丰硕的教程和帮忙资源，帮忙用户更好地理解如何使用该平台。
先进的功用：Webflow不停更新和改进其功用，以知足用户的不停变动的需要。
普遍的社区反对：Webflow有一个活泼的社区，能够为用户提供帮忙和反对。
比拟于其余开发伎俩和网页搭建工具，Webflow是属于下一个时期的降维打击产品。这也许也是市场和资本违心买单的首要缘故。
03 挪动App时期开始做网页，逆势仍是“放长线”？
事实上，想要完成Webflow的这些降维打击的功用点，说容易也容易，说难也难。
难是由于，在十年守业过程当中，有没有数次的压力，迫使开创团队不要做上来。
最后，难点来自于，Vlad Magdalin多年来始终想做一个相似Webflow的产品，所以认真的开始时，他处在用爱发电的阶段——守业刚开始时，他乃至背负了三万美元的信誉卡债权。最后，Vlad Magdalin仍在intuit任务，用兼职时间实现Webflow的开发。20十二年夏天，Vlad Magdalin拿着一万美元分开了原来的公司，开始全职守业。也在这时候，他压服了好兄弟Sergie的参加，而为了节俭开支，Sergie搬进了Vlad Magdalin和妻子的公寓。
Webflow往年的资方YC，也曾在20十二年让Webflow倍感压力。在20十二年Webflow刚成立没多久，就请求了YC过后的冬令营，但终究没有经过。紧接着2013年又请求了YC的夏令营，过后他们做出了产品的初版原型，而且在Hacker News上做了公布，有了几万用户请求参加Beta测试版的等待名单。
而YC的耽心是，Webflow终究会由于产品关于非技术人员来讲上手难度过高，关于技术人员来讲又没有太多价值，从而堕入一个进退维谷的为难地步，而致使失败。不外好在，Webflow终究仍是胜利拿到了YC的夏令营Offer，成了YC S13的一员。
然而这个耽心确实是须要的，由于不止Webflow，需求无代码开发工具都面临着这个问题。
其真实起初公司开展过程当中，Webflow找了得多形式解决这个问题，好比录制了十分多的培训视频，搭建了本人的社区供大家交流，不停写博客在帮忙设计师上手的同时进步暴光量。


来源CEO的推特
而在2014~2018年，Webflow没有拿到来自投资机构的钱。
据国际某守业者形容，在过后，Webflow开创团队在见投资人前都要做好被骂“头脑有问题”的心思建立，由于时值挪动互联网的蓬勃开展期，一切守业团队和风投契构都一股脑在逃注APP，而Webflow还在卯着劲做网页开发，而且对其将来深信不疑——这固然会让投资人发生疑心。
而Webflow团队之所以坚持置信网站设计的“将来价值”，次要缘故能够分为三点。
其一，Webflow本身的定位是给企业或者集体提供“展现型”网站，这一类网站的价值停留在信息输入和视觉交互，而不会成为一个像微信同样的功用型App。
其二，硅谷投资人往日关于App“片面替代网站”的太高冀望，是基于对当下技术与挪动装备生态机制的不肯定预估。目前来说，虽然也曾经有一些反对一键多装备尺寸配置的App开发办事初露锋铓，但App开发总体来讲本钱较高，装备兼容测试与商店审核都需求时间，且除了文娱、社交等功用性畛域及体量较大的信息载体（如36氪App）以外，大少数的展现型网站，好比企业官网等，彻底没有被做成App的价值。另外，只管大少数的出产力工具和效力软件都在完成“云化”，但以网页方式呈现的Web App，比挪动端App更为便于完成矫捷开发。同时，电脑比手机更合适专业、繁杂的出产任务，目前为止仍是人类数字过程中不成撼动的事实。
最初，用户的需要也在近年产生变动，关于App的需要再也不旺盛。在挪动互联网蓬勃期，跟着智能手机和4G的遍及，用户关于在手机上实现各种功用抱有极高的热心，但是跟着热心冷却，以及用户关于“雁过无痕”的集体信息维护认识的增强，愈来愈多的App再也不具备吸引力。这从近年App拉新本钱愈来愈高就可见一斑。当用户关于App的陈腐感冷却，手机屏幕尺寸限度在某些需要和功用上的掣肘就袒露了出来。其中，作为视觉艺术的一环，专业的网页设计所体现的审美趋向就很难在手机上残缺表白：在得多网站进行响应式设计（针对挪动端做尺寸适配）时，会选择将繁杂的模块和动画成果暗藏掉。
综上所述，当挪动互联网的浪潮迟缓退去，网页开发却再度成为主流——没有任何一家企业不想有本人的官网，也没有一个设计师不想经过标新立异的格调转达发明的价值，而不用囿于iOS等零碎生态关于App界面的繁多化格调限度。
04 靠SEO撑起了百万用户
Webflow的价值也在App热潮冷却的过程当中逐步体现。
由于融资不利，Webflow只能不断寻觅商业化办法。在2013年，Webflow参加YC时，就曾经有了2万个初始注册——但，其中只要大约50名付费会员。“过后的转化率十分使人绝望。”Vlad Magdalin表现。
Webflow下定信心要让付费用户满意。所以第一件事，就是建设了上文提到的社区，三位开创人在初期天天都要花几个小时回答问题、反对申请。
在付费客户满意后，下一步是如何获取更多付费客户。Webflow把眼光投向了SEO。Webflow在内容方面次要会有5品种型，分别是University（教程）、Blog（博客）、Customers（客户故事）、Ebooks（电子书）和Co妹妹unity（社区），而其中Blog的文章，在SEO优化上很症结的部份在于聚焦在长尾（long-tail）症结词，这也象征着更小的竞争压力和更精准的指标客群。
“人人都是产品经理”曾提到，以《8 best cheap domain registrars compared and reviewed（ http://webflow.com/blog/cheap-domains 》这篇文章为例，按照Fundation的数据标明，每月有1600多人会在Google搜寻“cheapest domain registrations”这个症结词，而这些人的目的很明白的，就是想要购买廉价的域名，而购买了域名之后，很天然，下一步就是搭建网站了，那也许关于Webflow就会有需要。
因此Webflow很好天时用了这篇文章吸引到了这批精准的用户，并经过在文章中拔出曾经CTA（Call-To-Action）模块的形式，疏导用户注册转化。
后果还不错，从数据上看Webflow经过SEO每个月能够吸引接近100万的流量并发生130万美元的无机支出。


图源网络
Webflow在3年内，经过社区和SEO，没有花一分钱在营销上，就获得了100万用户、营收冲破一千四百万。
经过社区能够源源不停用UGC的形式产出内容，而这些内容又给SEO提供了源源不停的素材和能源，从而造成了自增长的飞轮。


图源网络
这样的数据，足以让投资人动心。在被用户市场认可后，Webflow也再度被一级市场合认可。
不外，只管此刻风头无两，Webflow也还存在着一些问题。好比，目前来看，Webflow面临着和WordPress相似的问题，受众很窄，假如不持续改进，就会致使增长瓶颈显著。
首先，应战传统和权威，道阻且长。目前，除了设计师的portfolio以及一些产品的landing page以外，主流前端开发因为需求结合少量的函数变量和数据库功用，依然是以React、VUE为代表的Javascript为主，开发流程为：UI设计师经过Figma、MasterGo、即时设计等原型设计工具画页面，经过插件标注或间接导出html和CSS代码给前端工程师，前端工程师写JS实现可视化成果，并接入后端数据库，在此过程当中为市场经营人员留出信息上传的。在此过程当中，自购云办事器部署+自购域名依然是主流选择。
尤为是在“权威”也在不停优化本身的状况下。如前文所述，Web开发自身就在变得愈来愈简略，且UI设计师的“职业自救”认识很强，不停裁减技巧，都在向拥有一定代码才能的前端开发转型。比拟Web开发的开源环境，Webflow在定价优势的状况下，将来的用户定位可能会被进一步放大，从网页设计师变成“对前端开发不纯熟的高级网页设计师”，届时场面将堕入主动。
以后，国际也存在几家对标Webflow的公司，好比Zion、towify、Dora等。这几家公司成立时间相差不大，目前也有各自长于的畛域。比拟Webflow的大器晚成，或许他们的入局机会更加安妥。
总体来看，中国无代码网页开发，和美国市场有一个较大的差异，就是中国的小顺序开发正如火如荼。从往年腾讯第三季度数据来看，微信端小顺序超过700万，小顺序日活达到了6亿，因此，环抱小顺序的无代码开发，是国际相干厂商致力的重点标的目的。
不外，对这些国际公司来讲，只管有着肯定的标的目的，然而后退进程，不只会见临这Webflow面临过和面临中的难题，还要面对中国外乡市场关于无代码搭建热心不高的大配景。
无论如何，咱们能够肯定的是，将来，愈来愈多的前端工程师，会被设计师或者有只是有网页开发idea的人取代。在任何国度，都会如斯。