第四章

使用无代码工具增强客户体验

当今无代码工具的伟大之处在于,它们使您能够专注于提供更个性化的客户体验。

杰夫Cardello
杰夫Cardello
?阅读时间
无代码意味着将您的预算放在构建难忘的客户体验上,而不是将重点放在基础设施上。

Webflow的首席技术官和联合创始人Bryant Chou在2019年的No Code Conf大会上谈到了事情的发展方向,以及这种从后端管理的解放将如何改变品牌与用户的连接方式。

2009年,周还是Intuit公司的初级工程师。随着公司陷入重组的僵局,他的工作实际上陷入了停滞。在这段空闲时间里,他着手开发一款基于当时前沿技术的应用程序——Android 1.5。

他小时候喜欢用对讲机和朋友聊天,受此启发,他决定基于这种即时的双向交流开发一款应用程序。在深入了解了如何在Android 1.5上开发一款应用后,Chou完成了这款应用,并将其命名为Hoot。通过一个红色按钮的简单界面,你可以记录并发送消息给联系人列表中的任何人。

Chou免费发布了这个应用程序,并获得了相当大的吸引力,进入谷歌Play Store热门免费应用程序的前十——在一个月内达到了10,000次下载。自然,他对创建一个病毒式流行的应用程序感到兴奋——直到他收到来自亚马逊网络服务的账单。当他得知自己欠了300美元的基础设施费用时,他对这款应用成功的喜悦之情被粉碎了。

“我可以在这款应用上投入大量时间去完善它,因为它太过原始且存在大量漏洞,或者我需要扩展这款服务器去提升它的性能。从本质上说,我很难决定关闭它。”

- - - - - -科比周

他做了一个艰难的决定,终止了与Hoot的合作。

基础设施曾经很复杂

就在10年前,如果你想运行一个受欢迎的网站或应用程序,你必须知道如何扩展数据库。如果你不知道,你必须雇佣一个知道的人。保持更新和平稳运行需要持续的努力,占用大量时间。

今天,您不必关心后端发生了什么。Webflow负责安全、维护和可伸缩性,以保持事物的运行,这样您就可以专注于重要的东西——客户体验。

Webflow意味着保护

有那么多的坏人在破坏互联网。Webflow让你免受WordPress特别容易受到的各种威胁的影响,包括:

  • 蛮力攻击
  • SQL注入
  • 恶意软件
  • 跨站点脚本编制
  • DDoS攻击
  • 过时的WordPress或PHP版本的漏洞

Webflow还定期进行渗透测试,这是一种执行虚假网络攻击的受控方式,以查看安全措施的执行情况。从后台处理这些事情中解放出来,你就有更多的时间把精力放在其他方面。

“制造商可以制造出尽可能最好的产品,并致力于真正重要的事情,比如营销、增欧宝体育在线首页长、利用你正在收集的数据以及自动化。”

- - - - - -科比周

周杰伦在2019年No Code Conf的舞台上

Webflow使可伸缩性自动化

Webflow的网站每月的浏览量超过20亿。让我们慢慢理解。这可是很大的浏览量啊。一些网络主机提供商会被这巨大的流量所困——或者更糟,下线。但是因为Webflow的托管速度就像子弹头列车,装载时间非常快,可以很容易地扩大规模,以适应流量的激增。

Webflow使用现代技术实现绝对可伸缩性,包括:

  • 亚马逊网络服务以及他们的DDoS防护层屏蔽
  • 用于负载平衡的NLB全局加速器
  • Kubernetes用于管理服务器端
  • Amazon S3用于数据存储
  • 数据库服务DynamoDB
  • NGINX的一个专门版本,为10%的互联网提供动力
“当复杂的事情都被Webflow解决了,运营自己的营销网站、公司博客或电子商务商店就没有意义了。”

- - - - - -科比周

Webflow是如何做到的呢?Webflow每月要花费12.5万美元来管理、维护和更新它的基础设施,并有一个工程师和专家团队随时掌握一切。这是有效的。它的正常运行时间为99.999%,平均页面加载时间为400毫秒,非常稳定和快速。

无代码运动减轻了处理软件、服务器和运行网站的其他技术方面的负担。它可以让你把精力集中在市场营销和其他发展品牌的途径上。

没有代码可以让你更好地进行市场营销

“作为千禧一代后期的人,我们未必是对销售反应良好的一代。”

- - - - - -科比周

营销格局已经发生了变化,为了迎合年轻一代的需求,品牌需要建立的不仅仅是乏味的自我推销的数字平台。他们需要在网上放一些有深度的东西。为了与这一年轻群体建立联系,并为每个人提供更好的体验,我们需要把重点放在客户身上。当您不需要担心代码或运行后端时,您就可以为客户提供最佳的客户体验。

客户体验对传统营销有很大的推动作用,并带来了更大的销量和可重复的产品领先增长的势头。欧宝体育在线首页欧宝体育在线首页产品,以及数据和自动化,是驱动卓越客户体验的燃料。

客户体验将如何改变未来

“重新关注客户体验,包括增长、产品和营销,可以真正推动现代销售和营销活动,这样我们就可以通过产品领先增长建立公司。”欧宝体育在线首页

- - - - - -科比周

客户体验营销人员的专业知识包括产品、内容和成长营销。欧宝体育在线首页他们了解自己的受众,并与营销团队合作制定内容策略,提供受众会觉得有价值的内容。他们与视觉开发人员(客户体验中的另一个重要角色)合作来制作这些内容。

客户体验栈

客户体验栈可以为每个浏览品牌数字空间的人提供个性化和一致的体验。数据塑造了他们看到的东西,以及他们如何互动。客户体验栈的每一层都汇聚在一起,以培养与品牌受众之间的更多个人联系。

客户体验栈

个性化和人工智能

这种市场营销的演变需要一种新的方法来处理客户体验堆栈。个性化和人工智能占据了这个重塑的客户体验栈的顶层。用户属性和数据被收集并集成到不同的应用程序中,如Clearbit或MonkeyLearn,因此每个使用网站的人都有个性化的体验。

经验与商业

体验和商业占据了客户体验栈的下一个层次。这是品牌有机会留下好印象的地方,也是观众可以互动并从他们那里购买商品的地方。

生命周期

消息传递的类型、传递时间以及传递消息的渠道对于确保客户在需要时获得正确的信息非常重要。像Zendesk这样的客户服务工具,Iterable用于跨不同平台,ActiveCampaign用于营销自动化工具都有助于促进这种沟通。

数据

这一层次的客户体验栈涉及到数据——数据保存在哪里以及如何访问数据。像Segment(捕获数据并将其传输到其他软件)或Snowflake(压缩和结构化数据)这样的工具有助于管理数据。

自动化

这个层次的堆栈将所有个性化数据机械化,并将其传输到抛物线、Retool和Zapier等工具,在这些工具中可以分析和利用数据。

客户体验是多方面的

“在我看来,这就是未来客户体验令人兴奋的地方:你会真正从整体的角度考虑客户体验,并使用一流的工具来提供它。”

- - - - - -科比周

网站是品牌营销圈的焦点。客户共享的信息和数据被传送到Zapier、HubSpot和Salesforce等互联平台,进一步增强客户体验,帮助品牌更好地服务客户。

客户体验轮

无代码开创了客户体验的新十年

没有代码不是为了欺骗那些拥有数据、服务器和基础设施方面的专业知识和热情的人。Webflow依靠这些高尚的技术极客来维持它托管的数千个网站的运行。

当你不需要担心这些事情的时候,为什么要担心呢?把事情简单化,这样你就能在不断膨胀的客户体验浪潮中站稳脚跟,建立更好的品牌。

请在下面的评论中告诉我们,您是如何使用无代码工具来创造更好的客户体验的!

分享

下一章标题

下一章的介绍

作者姓名
?阅读时间
读一章
第一章

什么是无代码运动?

以及它对现代企业和营销团队的意义。

读一章
“这些工具减少了将一个想法转化为人们可以使用的东西所需的时间和编码专业知识。你不再需要成为一名程序员才能在互联网上创建东西,这赋予了来自不同背景和视角的新一代创客力量。”

- - - - - -瑞安胡佛他是Product Hun欧宝体育在线首页t的创始人“无代码”的兴起

20世纪70年代初,史蒂夫·乔布斯和史蒂夫·沃兹尼亚克在旧金山的第一届西海岸电脑展上展示了第一台Apple II。Apple II拥有内置的BASIC编程语言、彩色图形和4100个字符的内存只是1298美元。程序和数据可以存储在录音机里(还记得那些吗?!)在展会结束前,沃兹尼亚克和乔布斯已经拿到了300份Apple II的订单,苹果从此开始腾飞。

坦迪(Tandy Radio Shack)和IBM也紧随其后,迅速生产出了自己的面向消费者的电脑。

然而,这三台机器的共同点是它们完全没有视觉界面。所有的事情都在命令行中发生。这就限制了这款新型家用电脑的用途,只适用于那些精通技术的人:那些能够使用BASIC编写和执行自己的家用程序并与他人共享程序的人。

直到1984年,计算机的真正潜力才被释放出来,同样是由苹果公司推出的第一代Macintosh。

是什么让它与众不同?图形用户界面(简称GUI)。还有一个我们现在称之为鼠标的小东西。

进入可视化界面

这可能是非常明显的为什么视觉界面(或GUI)改变了一切,但只是为了确保我们都在同一页:

它降低了普通人和日常使用之间的知识障碍,使计算机民主化。你不必编写自己的程序——或者使用别人共享的程序,但仍然必须知道如何安装——你可以突然启动你的机器并开始点击。当然,这并没有完全消除进入的障碍。数字素养课程继续在世界各地的学校开设,在“假新闻”时代,它们变得越来越有价值。

但这也是从根本上当一切都是可视化的时候,学习和使用电脑会更容易。你可以点击周围和看到会发生什么。

在历史时间框架的一眨眼之间,计算机从世界上只有一小部分人可以使用的专业工具,变成了几乎所有有视力和少量手工灵巧的人都可以经常使用的工具。(这并不是在贬低那些剩余准入障碍的重要性。它们非常重要,我们仍在努力妥善解决。)

如果你对Webflow很熟悉,这可能听起来很熟悉。我们实际上是在尝试将基于文本的界面模型转移到可视化(GUI)模型上。

这和“无代码”运动有什么关系?

上面的简短历史课程是为了将无代码运动置于上下文,该运动本质上由一系列紧急工具组成,旨在转换典型的基于代码的工作流,并使任何人都能够在不编写代码的情况下处理它们。因此得名。

如果你问设计界、初创公司和科技界的许多人,你会遇到一些人对这一运动感到不安。这是自然的。改变是困难的。

但从历史的角度来看,这只是任何技术发展中越来越像是自然弧线的最新迭代。从高度专业化的工具包和知识库开始,逐渐扩展、简化,并设计得更简单、更容易访问。

看看印刷业的历史和它的业务增长——出版就知道了。始于前共同时代的中国文化在中世纪晚期冲击了欧洲,并从根本上改变了文化,使知识的传播比手稿模式容易得多。但它仍然需要昂贵的设备和知识,需要多年的培训才能正确应用。随着印刷技术的发展,设备变得越来越简单和便携,有了压版印刷机、照排机,最终有了桌面印刷。

快进到今天,真的任何人可以写一本书,出版,在亚马逊上流行,实现全球曝光,潜在的读者在数十亿

gui的业务好处

当然,技术发展不是自然选择。机器和软件不会自动进化。这种开发背后总是有一个业务案例,在面向gui的弧线情况下,业务案例很简单:

能完成一项任务的人越多,它就能越高效、越快速地大规模完成。

今天,网络开发是一项非常专业的任务,需要多年的培训,掌握广泛的工具和语言,并有能力跟上每天都在变化的技术景观。市场营销也差不多。后者已经从更广泛的无代码工具中获益,但在该领域有效所需的知识仍然非常多,而且不断变化。想想谷歌如何频繁地改变SEO的工作方式——通常是在一个基本的层面上。

这就是我们开始创作这本书的原因。帮助那些希望为自己的业务体验无代码的好处,在网页设计和开发而且营销方面的过程。在本书的后面,我们将深入探讨如何通过Webflow的设计和内容管理工具取得成功,但我们也希望使本书尽可能广泛地使用。因此,即使您还没有准备好进入Webflow,我们认为您会在这里找到价值。如果你没有,我们很想知道我们如何做得更好!

解决了所有这些问题之后,让我们谈谈无代码方法的好处。

第二章

为什么nocode ?

抛弃代码进行网络开发和营销的商业利益。

读一章
“现在开发软件比以往任何时候都容易。现在,只需几个小时,你就可以创造出以前需要专业技能和无数天才能完成的东西。这都是因为“无代码”工具让你不用写一行代码就能完成这么多工作。”

- - - - - -Hiten沙

既然我们已经将“无代码”运动定位在其历史背景中,那么是时候深入研究为什么在网站设计、开发和营销中摒弃代码了。

更简单的原型和mvp

数字产品的初始原型通常不需要任何工程投资,就像它们的初始发布版本欧宝体育在线首页一样。在早期,像一系列精心设计的图像(如InVision原型)这样简单的东西可能足以向潜在投资者、早期采用者和未来的团队成员传达核心理念。

随着想法的发展,需要越来越多的保真度——但即便如此,像Webflow、Bubble、Glide和voicflow这样的工具也能提供令人难以置信的健壮体验,足以激起人们的兴趣并验证假设。一旦你准备好开始向公众展示你的想法,Webflow、Bubble和card都是漂亮、高效的登陆页面工具,你需要传达你的核心价值主张和其他好处。

更少的依赖关系

每个曾经管理过项目的人,不管什么学科,都知道您需要从更多的人那里工作,按时和按预算交付的后勤工作就会变得越困难。

传统的数字化交付过程依赖于至少

  1. 内容
  2. 设计
  3. 发展

对于更复杂的交付物,可能还需要工程师。另外,以上三个学科都可能涉及多个从业者,所以上面的列表可能看起来更像:

  1. 内容(战略师、文案、SEO、信息架构师)
  2. 设计(UX设计师,UI设计师,交互设计师,动画师)
  3. 开发(前端开发、内容开发等)

我们甚至没有研究,研究应该先于内容。我们还忽略了所有的利益相关者和主题专家,你可能需要涉及到确保内容和设计传递正确的信息、视觉效果和整体体验!

没有代码工具的价值在于它们可以将开发人员和/或工程师从许多项目工作流中移除。有了正确的工具,内容战略家和/或作者可以在可用的数据库中建模他们的内容,而不仅仅是图表或电子表格。设计人员(或可视化开发人员)不仅可以模拟和原型化解决方案,而且可以实际实现构建它功能HTML, CSS和JavaScript。反之亦然!

这并不是说没有开发人员或工程师的帮助,项目就能更好地工作。或者他们在没有这些专业人士的情况下会更好。但通过将他们从新的登陆页面、博客构建等营销资产中解放出来,你就给了他们更多时间去做其他更复杂的项目。真正实现价值的项目。

更快的发布路径

通过将你的营销团队从依赖中解放出来,你也让发布的路径更快更容易。您的设计人员可以实现并连接任何所需的表单,而不是将开发人员从欧宝体育在线首页产品工作中拉出来。内容策略师可以处理建模和结构,而不是让工程师创建数据库并将其连接到动态内容页面。你的付费营销团队可以通过他们自己创建的定制登陆页面发起新的广告活动。事实上,小团队比大团队发展得更快并不是一个奇迹——这是一个内在的真理。

需要明确的是,这并不是说您可以跳过重要的步骤,如研究、主题专家访谈或涉众审查。这些步骤可能会减缓过程,但它们是不可或缺的,而且它们通常可以与其他工作并行进行。

降低生产成本欧宝体育在线首页

开发人员和工程师通常——由于他们接受过广泛的培训,在产品开发中扮演着关键角色,而且相对稀少——比一般的营销团队成员更贵。欧宝体育在线首页不管公平与否,这就是现实。所以,任何时候你可以从项目等式中去掉开发人员或工程师的时间,你不仅节省了时间,还节省了宝贵的资金。

给你的营销(团队)更多自主权

随着成本和依赖性的降低,承担风险的自由也越来越大。去尝试那些最终可能行不通的事情。但即使是失败也代表着宝贵的学习机会。

例如,Webflow团队最近开始试验各种新用户入职格式。我们关注的是学习而不是胜利,我们能够尝试我们假设的行不通的解决方案——但即使行不通,我们至少会尝试知道方法X是行不通的。因为我们真的试过了。

你知道吗?我们最初的测试做了工作。尽管我们的假设是基于定量用户数据和定性用户访谈结果,这两个我们认为会失败的测试版本在设计器的活动时间上提供了统计上的显著改进,这是我们旨在推动指针前进的关键指标。

除非你尝试,否则你永远不会真正知道。现在我们试过了,我们知道了。

避免使用低价值的工具集和一次性工件

到目前为止,数字产品和网站的设计过程遵循着一个非常熟悉的路径:欧宝体育在线首页

创意- >设计

有人——设计师、产品经理、内容创造者——有一个想欧宝体育在线首页法。他们开始用对自己最有意义的格式将想法具体化,可以是Dropbox Paper文档,一张真正的纸,或者像Sketch这样的设计工具。创作者可能会在此迭代一段时间,然后达到对自己想法的信心阈值:即他们准备好分享自己的想法并从他人那里获得反馈。

这就是最流行的设计工具开始失去相关性的地方(至少在2018年底之前是这样)。因为它们在很大程度上是静态的:你可以与他人分享它们,但它们不能真正地分享交互用任何有意义的方式。

设计- >原型和合作

当然,这些设计工具的制作者已经意识到这个硬限制,并开始构建像Sketch Prototyping、Adobe XD和InVision这样的工具,以使静态模型具有某种形式的生命力。

但是对于上面几乎所有的工具,原型本身就是一个一次性的工件。人们可以与它互动并提供反馈,但这只是它可用性的终结,因为它实际上只是一系列图像巧妙地连接在一起,以制造真实的交互式体验。除了原型、协作和迭代阶段,他们没有可用的输出。

建立- >规模

正是在这里,橡胶与道路相遇的地方,设计工具在历史上不再有多大用处。开发人员和工程师继承了设计人员的工作,主要工作是将静态设计转化为真实的功能代码。

这也是大多数营销团队和制造商开始感到依赖的地方。新的网站、博客或登陆页面完全脱离了他们的掌控,并受到更大的产品路线图中不可预测的变化的影响,开发/eng“资源”可能突然被重新分配,遇到技术债务问题或其他bug。欧宝体育在线首页营销人员和制造商只能坐着等待(然后转向下一个想法)。

“无代码”工具的时刻到了

这正是“无代码”工具——特别是Webflow——真正发挥作用的地方。随着这些工具所代表的进入门槛的降低,营销人员和制作者可以抛弃依赖关系,提前一天、一周或一个月把一些东西放出来——并开始收集反馈、迭代和更快地学习。

所有这些也意味着静态的“设计”工具——从最广泛的意义上说——变得越来越没用了。这意味着更少的一次性工件——以及更低的软件成本。

最后,也是最重要的一点:更多样化的创客阵容

众所周知,硅谷存在一些多样性问题。因此,绝大多数获得真正吸引力的初创公司都是为了满足那些与它们的建设者相似的人的需求并克服他们的“挑战”而设计的。

也就是说:白人、男性、中上层阶级、技术型人群等。

通过使能够构建和发布数字产品的人员多样化,任何代码工具都不可能使正在构建的产品的范围和它们进入市场的速度多样化。欧宝体育在线首页

迄今为止,科技领域一直由拥有计算机科学学位的人主导。工程师。受训以特定的方式处理和克服问题的人。重视效率、数据和分析的人。

那些有人文学科背景的人对问题的看法往往不同。效率很少被考虑。质量、情感和经验往往主导着他们的思维。

所以你会想:如果他们要做软件,他们会做什么?哲学家或环境律师将如何应对技术挑战?

郑重声明,我意识到上述内容包括许多概括。Webflow的首席执行官Vlad Magdalin在转行做工程之前曾接受过3D动画师的训练。而且几乎没有非白人制造者。

但我们需要更多。更多的背景、观点和观点的多样性。因为我们的创客阵容越多样化,可用的解决方案就越多样化,这些解决方案就能更全面地解决当代问题。

第三章

如何用无代码工具验证启动概念

如果新产欧宝体育在线首页品不能满足需求,那它们就是无用的。有了Webflow,你可以快速创建原型并测试你的想法,而不需要大量的投资。

卡梅伦鱼子
卡梅伦鱼子
?阅读时间
读一章

为一家新成立的公司做宣传,感觉很像冲浪。我们都想赶上最新的潮流。

不用眨眼睛就能做到,让一切看起来毫不费力。

问题是,大多数创业公司最终都是资不抵债。

初创公司的创始人对新想法感到兴奋,但往往无法有效地沟通和用真实数据验证这些想法。

为什么要验证?

在商界,很酷的想法很容易——似乎每个人都有。但真正重要的是拥有客户。

大多数人不愿意购买一种新产品,除非它经过了彻底的测试、证明和广泛使用。欧宝体育在线首页

如果我们着眼于市场接受曲线,即显示一家新初创公司如何进入一个市场,我们便会发现40%的市场用户不会使用某个产品,直到早期的大多数用户都在使用该产品。欧宝体育在线首页社会认可是其中一个重要原因。

市场采用曲线的图像结果

CB Insights做了一份报告创业失败的20大原因排名第一的原因(42%)是没有市场需求。

在公司的早期阶段总是会有很多最初的假设,但用真实的数据不断地质疑和验证这些假设是很重要的。

例如,你可能会问这样的问题:

  • 谁是理想的观众?
  • 观众在哪里?
  • 对他们有吸引力的价值主张是什么?
  • 是什么激励人们参与我们的品牌?
  • 是什么驱动着品牌价值和重复购买?

一旦你理解了需要回答的问题,你就可以将这些问题映射到客户旅程中,并专注于确认最重要的问题:

如何创建客户?

当你能回答这个问题的时候,你的初创公司就得到了验证。

验证像Dropbox, DoorDash和Robinhood

硅谷所有顶尖的初创公司都必须验证他们的假设。他们都必须回答关于他们的受众、价值主张以及如何将潜在客户转化为付费客户的关键问题。

这些成功的公司都是从一个简单的登录页面开始,进行实验,并获得有关他们想法的宝贵反馈。这些都是创始人需要解决的关键步骤。

在Dropbox,他们创建了一个简单的登录页面,包含演示视频和一个收集邮件的注册表单。他们想测试潜在客户是否有足够的兴趣分享他们的电子邮件并了解更多——也就是说,找出是否有“市场需求”。

Robinhood建立了一个登陆页面来突出他们的关键区别——0美元佣金股票交易。他们还加入了病毒式分享选项,并在产品还没有问世之前就迅速增加了电子邮件列表。欧宝体育在线首页

这帮助他们建立了一个庞大的电子邮件列表,并创造了一种社区感,从而成为他们可以测试的对象。

注册确认界面显示:谢谢!我们已将您的电子邮件地址添加到您前面的354,6111人的报名队列中

我帮助一个客户验证了他们的创业想法,方法是建立一个登陆页面,其中包括一个注册表格,概述了他们的价值主张和主要好处。我们添加了应用功能的截图来衡量用户的兴趣。

虽然每个创业公司问的问题都略有不同,但他们都采取了类似的方法来定义假设,创建新的实验,并测试这些实验来验证或否定结果。

定义受众

在你解决任何问题之前,你需要了解它。这几乎总是从了解你的客户/市场/观众开始——一群和你有同样的问题或你想要解决的一系列问题的人。

要定义和理解你的用户,从几个不同的角度考虑他们是很重要的。

人口统计资料

你的听众有什么特点?这应该包括以下内容:

  • 性别
  • 年龄范围
  • 城市
  • 职称
  • 婚姻状况
  • 收入水平
  • 教育水平

对于企业对企业(B2B)市场,您可能决定以纽约市的律师为目标,年龄在30-45岁之间,年收入在13万美元以上。

对于企业对消费者(B2C),您可能将目标锁定在波士顿、费城和新泽西年龄在21-35岁、正在攻读学士学位的单身人士。

利益

另一种定义受众的方法是基于他们的兴趣。这是Facebook上一种常见且非常有效的目标定位方法——它可以显示你的用户已经接触了哪些品牌。

对于我们的B2B示例,可以指定对特定软件公司感兴趣的律师,比如Apple和谷歌。与传统软件用户相比,他们可能是技术的早期采用者。

对于B2C的例子,你可以通过瞄准对特定学校感兴趣的人,比如MIT和Harvard,来接触计算机科学和商科的学生。或者你可以瞄准竞争对手,以达到相同类型的产品亲和力。欧宝体育在线首页

网站分析

定义你的受众的最后一种方法——当你用再营销活动做广告时,这将变得很重要——将是你的网站分析。

这包括跟踪指标,如:

  • 获取渠道(来源)
  • 设备使用
  • 访问的页面数
  • 会议时间
  • 跳出率
  • 完成转换

这些数据可以用来定义和重新营销给那些以特定方式与你的网站互动的受众——推出额外的内容,创造紧迫感,完成销售。

创建客户角色

一旦你有了足够的目标受众数据,你就会想要创建一个客户角色,在一个文档中勾勒出理想客户的简介,有时被称为“真相的来源”。这将是你用于测试和寻找产品/市场适合度的最初假设集。欧宝体育在线首页

客户头像的图像结果

Webflow中的模型实验

创造一个新客户是一项艰苦的工作。这需要大量的实验和测试才能做到。创造一个客户实际上就是培养一种关系——一系列从多个角度加强的约定。每个点都能建立客户关系,建立信任,并帮助他们对你的产品做出决定。欧宝体育在线首页

几乎你在内容营销策略中所做的每一件事都是为了加强客户关系,推动用户更接近于完成目标。在市场营销中,这被称为运动

有时候,最好的竞选活动是成功的实验。尝试你的活动可以帮助你保持创造力,专注于服务于你的受众。

Webflow可以很容易地为客户旅程的每个阶段建模新的活动实验。如果你在谷歌Analytics中查看漏斗报告,你可能会看到如下内容:

谷歌分析自定义漏斗的图像结果

为了在你的漏斗或“客户旅程”的每个阶段创建正确类型的内容,你需要考虑买家所经历的各个阶段。

以下是漏斗各阶段的快速分解,以及与每个阶段相关的内容类型:

意识

认知阶段是用户第一次发现并参与到你的品牌中。

在这个阶段,你会希望通过博客文章、电子书、指南或清单来推动网站访问。

感兴趣

一旦用户在认知阶段与你的品牌进行了互动而且当他们决定想要了解更多的时候,他们就进入了兴趣阶段,成为了引子。

在这个阶段,你需要通过网络研讨会、案例研究和电子邮件课程来收集线索。

转换

最后,一旦用户一直与你的品牌保持联系并信任你的产品,他们就会进入转换阶段并进行购买。

在最后一个阶段,你需要通过咨询、优惠券和免费试用来推动购买行为。

在Webflow中建模活动内容类型

一旦您理解了什么类型的内容将在客户旅程中移动用户,您就可以开始在Webflow中对这些内容类型建模。

例如,假设您想建模一个活动集合,为这些活动创建新的登陆页。您将从CMS Collections选项卡创建一个新的Collection,并将其命名为“Campaigns”。

然后你将包括你的活动的公共数据属性,可能包括:

  • 标题
  • 副标题
  • 关键好处
  • 行动号召
  • 呼吁行动link
  • 正文内容

您还可以使用Webflow的选项字段类型为布局体验创建一组选项(下面会详细介绍)。这将允许您调整您的设计有条件的可见性并创造多种测试体验。

设计活动实验

当你设计活动实验时,你需要设计多个布局体验来测试每个活动的假设。布局体验应该基于你要推广的信息和你的目标客户旅程的阶段。

您可以将活动模板视为数据的容器。数据是内容,布局是为用户提供体验的容器。

例如,假设你创建了两个新的活动——一个清单和一个电子邮件课程——来提高意识和引导。


通过选择您创建的布局体验选项,您将能够以一种全新的方式呈现数据。这减少了对额外集合的需求,并帮助您加速实验。

优化和验证实验

为了在网上创造最好的客户体验,你需要回顾分析并基于你所学到的进行迭代。

例如,当查看你的谷歌Analytics报告时,你应该问一些关于你的数据的关键问题:

观众报告

  • 观众的年龄是多少?
  • 观众的性别是什么?
  • 他们来自哪个国家和城市?

频道报道

  • 交通从何而来?
  • 反弹率是多少?
  • 转化率是多少?
  • 产生了多少转换?

漏斗报告

  • 他们通过漏斗走了多远?
  • 他们在哪里下车的?

这些报告将为您提供关于您的受众的关键见解,并帮助您改进活动谷歌优化是一个很好的工具。

你可以设置A/B测试进行如下更改:

  • 更新副本
  • 添加新媒体
  • 改变目标
  • 更新登陆页面的高弹跳率

随着时间的推移,你应该开始看到不同的受众群体对特定活动的反应,并且表现得比其他人更好。你可以相信你的假设确实被证明了(或被推翻了!):特定的受众,特定的活动,特定的体验将产生预期的结果——通常是销售。

tl;dr(太长;不读)

在市场中创造真正的价值是充满变化的动态:现有的供应(竞争)、趋势、用户需求、信任,当然还有市场采用曲线。

如果你真的想创业,你绝对必须验证你的假设。Webflow通过正确的集合、正确的内容和吸引人的体验使这一切变得容易。

当你专注于你的(潜在)用户,获得他们的信任,并向他们出售你的产品时,你已经验证了你的想法。欧宝体育在线首页

“如果至少有40%的用户不再使用你的产品,他们会感到非常失望,这是判断你是否达到了产品/市场匹配的一个好欧宝体育在线首页方法。做人们想要的东西。”

- - - - - -肖恩·埃利斯

第四章

使用无代码工具增强客户体验

当今无代码工具的伟大之处在于,它们使您能够专注于提供更个性化的客户体验。

杰夫Cardello
杰夫Cardello
?阅读时间
读一章

Webflow的首席技术官和联合创始人Bryant Chou在2019年的No Code Conf大会上谈到了事情的发展方向,以及这种从后端管理的解放将如何改变品牌与用户的连接方式。

2009年,周还是Intuit公司的初级工程师。随着公司陷入重组的僵局,他的工作实际上陷入了停滞。在这段空闲时间里,他着手开发一款基于当时前沿技术的应用程序——Android 1.5。

他小时候喜欢用对讲机和朋友聊天,受此启发,他决定基于这种即时的双向交流开发一款应用程序。在深入了解了如何在Android 1.5上开发一款应用后,Chou完成了这款应用,并将其命名为Hoot。通过一个红色按钮的简单界面,你可以记录并发送消息给联系人列表中的任何人。

Chou免费发布了这个应用程序,并获得了相当大的吸引力,进入谷歌Play Store热门免费应用程序的前十——在一个月内达到了10,000次下载。自然,他对创建一个病毒式流行的应用程序感到兴奋——直到他收到来自亚马逊网络服务的账单。当他得知自己欠了300美元的基础设施费用时,他对这款应用成功的喜悦之情被粉碎了。

“我可以在这款应用上投入大量时间去完善它,因为它太过原始且存在大量漏洞,或者我需要扩展这款服务器去提升它的性能。从本质上说,我很难决定关闭它。”

- - - - - -科比周

他做了一个艰难的决定,终止了与Hoot的合作。

基础设施曾经很复杂

就在10年前,如果你想运行一个受欢迎的网站或应用程序,你必须知道如何扩展数据库。如果你不知道,你必须雇佣一个知道的人。保持更新和平稳运行需要持续的努力,占用大量时间。

今天,您不必关心后端发生了什么。Webflow负责安全、维护和可伸缩性,以保持事物的运行,这样您就可以专注于重要的东西——客户体验。

Webflow意味着保护

有那么多的坏人在破坏互联网。Webflow让你免受WordPress特别容易受到的各种威胁的影响,包括:

  • 蛮力攻击
  • SQL注入
  • 恶意软件
  • 跨站点脚本编制
  • DDoS攻击
  • 过时的WordPress或PHP版本的漏洞

Webflow还定期进行渗透测试,这是一种执行虚假网络攻击的受控方式,以查看安全措施的执行情况。从后台处理这些事情中解放出来,你就有更多的时间把精力放在其他方面。

“制造商可以制造出尽可能最好的产品,并致力于真正重要的事情,比如营销、增欧宝体育在线首页长、利用你正在收集的数据以及自动化。”

- - - - - -科比周

周杰伦在2019年No Code Conf的舞台上

Webflow使可伸缩性自动化

Webflow的网站每月的浏览量超过20亿。让我们慢慢理解。这可是很大的浏览量啊。一些网络主机提供商会被这巨大的流量所困——或者更糟,下线。但是因为Webflow的托管速度就像子弹头列车,装载时间非常快,可以很容易地扩大规模,以适应流量的激增。

Webflow使用现代技术实现绝对可伸缩性,包括:

  • 亚马逊网络服务以及他们的DDoS防护层屏蔽
  • 用于负载平衡的NLB全局加速器
  • Kubernetes用于管理服务器端
  • Amazon S3用于数据存储
  • 数据库服务DynamoDB
  • NGINX的一个专门版本,为10%的互联网提供动力
“当复杂的事情都被Webflow解决了,运营自己的营销网站、公司博客或电子商务商店就没有意义了。”

- - - - - -科比周

Webflow是如何做到的呢?Webflow每月要花费12.5万美元来管理、维护和更新它的基础设施,并有一个工程师和专家团队随时掌握一切。这是有效的。它的正常运行时间为99.999%,平均页面加载时间为400毫秒,非常稳定和快速。

无代码运动减轻了处理软件、服务器和运行网站的其他技术方面的负担。它可以让你把精力集中在市场营销和其他发展品牌的途径上。

没有代码可以让你更好地进行市场营销

“作为千禧一代后期的人,我们未必是对销售反应良好的一代。”

- - - - - -科比周

营销格局已经发生了变化,为了迎合年轻一代的需求,品牌需要建立的不仅仅是乏味的自我推销的数字平台。他们需要在网上放一些有深度的东西。为了与这一年轻群体建立联系,并为每个人提供更好的体验,我们需要把重点放在客户身上。当您不需要担心代码或运行后端时,您就可以为客户提供最佳的客户体验。

客户体验对传统营销有很大的推动作用,并带来了更大的销量和可重复的产品领先增长的势头。欧宝体育在线首页欧宝体育在线首页产品,以及数据和自动化,是驱动卓越客户体验的燃料。

客户体验将如何改变未来

“重新关注客户体验,包括增长、产品和营销,可以真正推动现代销售和营销活动,这样我们就可以通过产品领先增长建立公司。”欧宝体育在线首页

- - - - - -科比周

客户体验营销人员的专业知识包括产品、内容和成长营销。欧宝体育在线首页他们了解自己的受众,并与营销团队合作制定内容策略,提供受众会觉得有价值的内容。他们与视觉开发人员(客户体验中的另一个重要角色)合作来制作这些内容。

客户体验栈

客户体验栈可以为每个浏览品牌数字空间的人提供个性化和一致的体验。数据塑造了他们看到的东西,以及他们如何互动。客户体验栈的每一层都汇聚在一起,以培养与品牌受众之间的更多个人联系。

客户体验栈

个性化和人工智能

这种市场营销的演变需要一种新的方法来处理客户体验堆栈。个性化和人工智能占据了这个重塑的客户体验栈的顶层。用户属性和数据被收集并集成到不同的应用程序中,如Clearbit或MonkeyLearn,因此每个使用网站的人都有个性化的体验。

经验与商业

体验和商业占据了客户体验栈的下一个层次。这是品牌有机会留下好印象的地方,也是观众可以互动并从他们那里购买商品的地方。

生命周期

消息传递的类型、传递时间以及传递消息的渠道对于确保客户在需要时获得正确的信息非常重要。像Zendesk这样的客户服务工具,Iterable用于跨不同平台,ActiveCampaign用于营销自动化工具都有助于促进这种沟通。

数据

这一层次的客户体验栈涉及到数据——数据保存在哪里以及如何访问数据。像Segment(捕获数据并将其传输到其他软件)或Snowflake(压缩和结构化数据)这样的工具有助于管理数据。

自动化

这个层次的堆栈将所有个性化数据机械化,并将其传输到抛物线、Retool和Zapier等工具,在这些工具中可以分析和利用数据。

客户体验是多方面的

“在我看来,这就是未来客户体验令人兴奋的地方:你会真正从整体的角度考虑客户体验,并使用一流的工具来提供它。”

- - - - - -科比周

网站是品牌营销圈的焦点。客户共享的信息和数据被传送到Zapier、HubSpot和Salesforce等互联平台,进一步增强客户体验,帮助品牌更好地服务客户。

客户体验轮

无代码开创了客户体验的新十年

没有代码不是为了欺骗那些拥有数据、服务器和基础设施方面的专业知识和热情的人。Webflow依靠这些高尚的技术极客来维持它托管的数千个网站的运行。

当你不需要担心这些事情的时候,为什么要担心呢?把事情简单化,这样你就能在不断膨胀的客户体验浪潮中站稳脚跟,建立更好的品牌。

请在下面的评论中告诉我们,您是如何使用无代码工具来创造更好的客户体验的!

第五章

将无代码引入公司的指南

了解Getaround的营销团队如何将他们的网站迁移到Webflow,提高他们的网页性能和内部设计师团队的敏捷性。

读一章

Getaround在Webflow之前的营销网站:资源精简,优先级太多

在迁移到Webflow之前,我们的营销页面是用传统的方式编码的,由工程师拥有。因此,每当我们想要改变我们的主页时,我们都要面对产品优先级的竞争和宝贵的工程资源的竞争。欧宝体育在线首页

随着Getaround的快速发展,我们的网络目标也在不断提高,包括:

  • 增加有机搜索流量
  • 转化率比以往任何时候都高
  • 将我们不断发展的品牌扩展到我们的在线业务

与此同时,快速增长意味着我们的产品欧宝体育在线首页需要扩展和发展。

从逻辑上讲,我们的工程欧宝体育在线首页团队最优先考虑的是让我们的产品变得出色。结果,我们网站的营销和设计更新都被搁置了。所以,在2018年,我们发现自己有一个网站,从外观和行为上看,很像2011年的网站。

Getaround.com, 2011版

我们迁移到Webflow来改变这种情况。让我们来探讨一下您的团队如何也能做到这一点。

回收网站的5个步骤

用Webflow回收你的营销网站需要策略,我们发现以下5个步骤很成功:

  1. 得到的支持
  2. 组建你的团队
  3. 选择页面
  4. 设计和开发
  5. 传福音发射
回收网站的5个步骤

1.通过战略性地“介入”,获得关键利益相关者的支持

如果您的团队或公司从未听说过Webflow——或者怀疑它的健壮性或有效性——请在教育和演示上投入一些时间。利用Webflow的可视化特性显示它能做什么,而不是仅仅依靠讨论。

可以考虑用屏幕记录自己在Webflow中构建一个小页面,并使用该记录来展示它可以多么快速和简单。使用Webflow页面,用您的团队最受益的功能的实时演示来惊艳涉众,无论是使用编辑器的快速复制和图像编辑,还是使用CMS构建。

除了你的演示项目之外,你还可以分享其他转向Webflow的公司的案例研究和趣闻轶事——如果你找到了一个与你的规模和目标相似的团队的证明,那就加分了。涉众更有可能购买经过尝试和测试的工具,所以除了从其他团队的测试中获得验证外,还要进行自己的试验。

以下是一些Webflow的成功故事:

希望这能让你对使用低风险网页的工具进行试验打开绿灯。考虑哪些页面对你的公司来说(相对)风险较低:避免你的主页或任何主要的转换驱动因素或其他关键指标。

在Getaround,我们开始在较小的登陆页面上使用Webflow,比如促销和本地合作。

这种逐步的介入可以作为Webflow概念的证明,让关键的涉众了解到它的能力(和它的局限性),而不会有大量影响关键指标(如登录或转换)的压力。

在试运行期间,向适当的涉众演示相关特性,让他们对Webflow的功能感到兴奋。

Webflow创建干净的代码

使用涉水来证明您的主张,这样您的团队就可以继续将强大的东西迁移到Webflow中。在Getaround,我们的索赔包括以下内容:

  • 更快的生产时间欧宝体育在线首页
  • 所需团队更小
  • 相当于或改进的业务绩效指标,如转化率
  • 改进的搜索性能

Getaround涉水行动取得了成功。我们的两名非程序员组成的小团队在几天内创建并发布了功能齐全的网页。我们并没有影响转化率,在最初发行后,我们在一周内发行了比之前更多的迭代.我们还能够在SEO上进行迭代,从而提高了有机搜索流量。

到目前为止,涉众相信Webflow对我们的团队和我们的web度量都有好处,为我们继续迁移扫清了道路。

2.组建你的团队

一旦你已经接受了Webflow的奇迹,是时候组建你的网络团队了。

从Getaround迁移到Webflow的过程中,我学到的最重要的一课就是教育队友“没有代码”就可以做到这一点意思是"没有网络小队。"

如果不投资一个合适的网络团队,你的团队将无法完全获得无代码的好处。

我的同事Meg和我处理了迁移到Webflow的几乎所有方面。就我们俩而言,我们

  • 设计而且开发的页面
  • 建立准则和制度
  • 受管理的开发人员合同
  • 与工程部协调跨部门需求
  • 想出了我们的移民策略
  • 启动页面
  • 写的复制
  • 和更多!

但只是因为可以完成并不意味着它应该是。

我们的小团队加上我们雄心勃勃的时间表,意味着我们有时会制作出既快又脏的东西:为了赶上发行截止日期,我们做得很好,但最终会导致技术债务和更多的工作。

为了避免这种情况,你可以像传统的网站那样组建一个团队。

谁应该组成这个团队的问题是一个有趣的问题,因为没有代码只是在技术世界中获得主要的吸引力,角色继续形成和发展,但以下是我希望在我们的迁移项目团队中担任的角色:

  • 欧宝体育在线首页产品经理负责战略和跨部门工作
    如果这个PM可以弥合Webflow和传统开发之间的差距,特别是如果您的迁移涉及到与产品共享的功能,比如一个导航栏,可以让用户在多个环境中登录,那么这个PM就会带来巨大的好处。欧宝体育在线首页
  • 项目经理保持所有移动的部分在轨道上,确保项目完成
    你的产品经欧宝体育在线首页理也可以胜任这个职位。
  • 视觉开发人员谁是Webflow专家,知道开发最佳实践
    这对于Webflow站点的可伸缩性和可维护性至关重要。几乎任何人都可以在Webflow中胡乱拼凑一个站点,但要以一种清洁地扩展和发展的方式构建它,而不积累技术债务,则需要开发专业知识和经验。
  • 网页设计师熟悉Webflow来创建模拟和流
    设计师至少应该熟悉Webflow,这样他们的设计既能利用Webflow的强大功能(如交互),又能在其局限性(很大程度上是web的局限性)内工作。
  • 文案和SEO专家创造品牌上的、有表现力的内容
    一定要与作者和seo密切合作,以确保页面结构对内容和优化工作良好!

对迁移过程中需要执行的每个任务都要透明,从内容映射到页面选择再到产品协作,以证明对这个小组的需要。欧宝体育在线首页提醒你的团队(和你自己!),你仍然在建立一个强大的网站。即使您是通过无代码接口来做这件事,您本质上仍然是在编码和构建复杂的功能。

3.选择要迁移到无代码的页面

现在您已经获得了Webflow的支持,并组建了您的梦之队,接下来要弄清楚您的网站的哪些页面或部分可以不使用代码。

这对每个团队和公司来说都是不同的。记住:

  • 依赖关系
    你的团队是否负责增加登陆页面的转化率,但你的工程团队必须执行这项工作?这个登陆页面将是迁移的一个很好的候选者。
  • 任何需要欧宝体育在线首页在无代码工具中使用大量定制代码的产品功能
    具有欧宝体育在线首页复杂逻辑或API依赖关系的产品页面可能不适合进行迁移。大量的自定义代码破坏了像Webflow这样的工具的目的,并且大大降低了您享受其好处的能力。
  • 可伸缩性和未来的页面目标
    任何可以从集合列表和CMS中受益的页面,或者可以成长为页面集合的页面,都应该被迁移。首选的内容包括:登陆页面、案例研究、博客、生产教育——实际上是任何一种内容类型,在这些类型中,写作的速度肯定比设计支持的欧宝体育在线首页要快。

对于Getaround来说,要迁移哪些页面是很清楚的。在用户登录之前,他们可能会探索像home、about这样的营销页面,或者它是如何工作的。登录后,他们就进入了产品——搜索汽车,预订汽车等等。欧宝体育在线首页

营销页面vs产品页面欧宝体育在线首页

由于市场营销负责登录前页面的性能和目标,我们将其迁移到Webflow。这也意味着工程师可以完全专注于我们的产品,而不需要经常被营销人员和设计师打断去更换英雄形象或更新H1s。欧宝体育在线首页

4.在设计和开发过程中要考虑到无代码媒介

每种媒介都有内置的功能和限制,在深入研究可交付成果时,您需要记住这两点。以下是我的团队的主要考虑因素。

尽早并经常咨询您的可视化开发人员

经常与你的可视化开发人员联系,以确保你的想法是可扩展的,并牢记Webflow的最佳实践。大多数情况下都是可能的,但是您可能需要进行一些设计修改,以避免依赖大量的定制代码或不能很好地扩展的hack解决方案。

成为无代码专家

利用没有代码资源,如Webflow大学Makerpad,设计+代码

如果您像我一样是一个边做边学的人,那么在这些资源的帮助下构建站点是一个很好的方法,可以让您沉浸在没有代码的世界中,并熟悉它的所有可能性和最佳实践。

最大化使用CMS

Webflow的CMS是它对于快节奏的营销团队最强大的功能之一。同样,请与可视化开发人员密切合作,以确定可以使用Collections构建的页面和部分。这将允许您的团队用比一个页面稍多的努力启动几十个页面。

使用可视化开发指南

你仍然在创建一个专业级别的网站,所以你需要明确而健壮的开发指南,比如:

  1. 命名约定
  2. 全球风格
  3. 组件的使用

谨慎使用自定义代码

大量依赖自定义代码违背了使用Webflow的目的:您将在Designer UI中看到大块的空白,而不是确切地看到您在发布时将得到什么。维护各种自定义代码片段也很快变得笨拙起来。

使用自定义代码:

  • 无法通过设计器完成的次要CSS样式,如更改滑块上的箭头
  • 简单的JavaScript功能,比如在登录按钮后面添加逻辑

避免使用自定义代码:

  • 通过编写自定义HTML和CSS构建整个元素。这听起来可能是显而易见的,但这是一个很容易陷入的陷阱,特别是当与那些可能不完全理解Webflow最佳实践的工程师一起工作时。

5.推出并推广你的无代码网站

在启动了无代码站点后,分享项目、成功案例,以及通过转向无代码而解锁的所有内容。

通过稳定的教育和演示让利益相关者接受和兴奋:

  • 向您的工程师发送关于Webflow后端或新的API集成的文章,以证明它是如何跟上不断变化的技术的
  • 演示了设计师如何用新的布局和新的资产快速更新你的主页
  • 展示从一个Collection页面生成数十甚至数百个页面是多么容易

专业提示:人们喜欢好的Webflow GIF。

最重要的是,记录和共享由于无代码迁移而实现的目标。这些可能包括:

  • 每周启动的页面数
  • 是时候创建一个新页面了,从开始到启动
  • 性能指标,如搜索引擎优化,转换和网站流量

Getaround的营销网站后webflow:改进的网页性能和团队敏捷性

以下是我们在迁移到Webflow后的3个月里Getaround取得的成就:

  • 每周更新页面
  • 请记住,我们从2011-2019年并没有真正推出一个新的页面!
  • 网站总会话增加了25%
  • 有机搜索流量增加了15%

最重要的是,我们现在更加灵活,能够跟上业务的发展速度。几个月前,当一个重要的(时间敏感的)业务计划需要在项目启动后的一周左右启动时,这是一个压力测试。我们在不到5天的时间内轻松地设计和构建了两个着陆页面!

Webflow加速前端开发
网页前后无代码

将Getaround的营销页面迁移到Webflow对我们的业务产生了巨大的影响,不仅提高了我们的web性能指标和web内容的质量,还提高了我们团队的速度和灵活性。

用无代码工具重建一个现有的遗留网站不是一件简单的任务,但我希望这些步骤可以帮助您的团队实现它:结果显然是值得的!

第六章

计划从无代码到代码的转换

我叫大卫·海德。自2014年以来,我一直在开发无代码产品和功能。欧宝体育在线首页我带领我的团队从Y Combinator那里获得了2017年夏季批产品的资金,该产品在过渡到Ruby on Rails堆栈之前经历了两次无代码迭代。欧宝体育在线首页

大卫的头
大卫的头
?阅读时间
读一章

原则

我在每个无代码项目I中都发现了一个核心原则你获得的吸引力越大,转向编码就越有好处.你会注意到三件事开始发生,我们称之为没有代码的限制

没有代码的限制

  1. 特性限制:根据特定用例定制特性的程度有限
  2. 社区限制:你需要雇人来维护产品/功能,并构建更多代码欧宝体育在线首页
  3. 基础设施限制:一次可以使用产品的人数有一个较低的限制欧宝体育在线首页

你的吸引力越大,你的处境就越危险。您必须计划从当前堆栈到下一个堆栈的平稳而迅速的过渡。您的下一个堆栈可能是另一个无代码堆栈,但最终如果您继续成功,它通常会变成类似Ruby on Rails的代码堆栈。我们称之为堆栈转换步骤。

堆栈转换步骤

  1. 预测故障:时刻考虑你当前的堆栈将在何时何地发生故障
  2. 构建新堆栈:在当前堆栈崩溃时开始构建新堆栈以过渡到该堆栈
  3. 过渡到新堆栈:将所有数据和用户迁移到新堆栈

最后,除非您的编码技能是高级开发人员的水平,否则在代码库开发到这个阶段时,请计划雇佣某人来领导开发。一个能够处理所有技术决策的人,而不是一个在你手下工作的初级开发人员。

我的基本信息

2015年,我拥有一家网站设计机构,建立了很多Squarespace网站。我们和杰克Jorgovan他创建了一个关于如何建立Squarespace网站的流行课程。杰克的课程吸引了许多人前来询问,比如:“你愿意帮我完善我的网站设计吗?”杰克会把这些线索交给我们。

大多数网页设计师不想要这些小范围的线索,因为所有的来回使它们昂贵。但我们发现,通过视频会议与客户合作可以让我们收取比标准价格高出50%的费用(即150美元/小时),并在大约2小时内启动他们的网站。对于大多数专业设计师来说,这是值得的。

考虑到所有其他以“自己动手”为营销口号的网络工具,我们认为,像这样的按需帮助在网页设计之外还有更大的市场。所以我联系了一位同事,他也拥有一家网络公司,成为我这个副业项目的联合创始人。

Squarespace堆栈:证明概念

我的新联合创始人负责销售,并招募网页设计师提供服务。我专注于整合一个基础设施来扩展服务。我的目标是在我们证明概念并投入全职工作后,请另一名团队成员来领导技术。

由于我们有大量的线索,我们的第一个瓶颈是有一个基础设施,以方便web设计师通过视频会议进行按需会议。我用下面的堆栈解决了这个问题:

一旦我们建立了这个堆栈,并与一些客户进行了测试,我的联合创始人开始招募设计师加入。

当构建平台并预测它何时会崩溃时(步骤1)堆栈转换步骤),我知道Squarespace和Acuity是第一个瓶颈。

  1. Acuity有一个团队账户,但没有Zoom那样的API计划。所有设计师都会登录并同步他们的日历,就像他们是团队成员一样。这是扩大规模的关键。
  2. 因为Squarespace没有CMS,所以我们必须为每个网页设计师设计一个独特的页面。因此,更新设计师个人资料的模板意味着单独更新每个页面。这也不会有太大的规模。

其他故障包括:

  • 我们无法添加用户登录等基本的web应用功能
  • 客户端用户每次安排会话时都必须输入他们的信用卡。他们无法在UI中看到过去的交易记录,这也是一个提示后续会话的机会
  • 设计师必须提交更改配置文件的请求,而我们必须手动更改

我们以每月50%的增长率在这个堆栈上扩展了5个月。我们的主要指标是每月的游戏时间。

回到没有代码的限制概念,我们的首要问题是,功能的局限性.在堆栈转换步骤在美国,我们预计在5月左右会出现问题,我们需要更换堆栈。

Bubble stack:构建网页应用

为了持续增加收益,我们需要让客户更容易购买游戏,并增加平台上设计师的数量,以便有更多时间可用。我们的愿景是最终让客户能够在60秒内聘请到一名设计师。

我们的下一步是重建大部分堆栈。我们认为我们需要雇佣一名开发者,但有一个新的“无代码网页应用构建者”平台叫做泡沫这似乎很有希望。它似乎能够完成传统网页应用所能做到的一切,而且速度更快。我们决定尝试一下。下一个步骤:

  1. 将Squarespace替换为Bubble,这样我们就可以构建一个客户端仪表板,并管理几十个设计师配置文件
  2. 种子泡泡的数据库与我们的谷歌表数据
  3. 重新布线Zapier,仍然将数据发布到谷歌表中,用于分析

因为此时我们的收入正在增长,所以让我们网络公司的一名初级前端开发人员学习Bubble是有意义的,这样我就可以专注于其他增长任务。他花了一个月的时间来学习Bubble,重建我们的平台,并让我们上线。

我们现在有了一个注册流程,一个客户端仪表板,并集成了Stripe Connect来存储客户端信用卡。接下来,我们需要一个功能,允许每个设计师通过OAuth同步他们的日历。我们认为,既然我们擅长api,我们就可以在Bubble中实现任何可以在代码库中实现的事情。在为数不多的看起来很有前途的工具中,我们计划使用Timekit因为它看起来是最精致的。

这对我们来说是一个巨大的学习机会。当实现Timekit的时候,我们意识到必须为OAuth的工作编写“回调”程序——它们不可能侵入Bubble。我们现在有了一个新的功能限制在一个关键特性上。我们决定尽可能地围绕它进行扩展。

下一步是增强客户端仪表板,这样他们就可以查看过去的会话——这是在web应用程序中编写的一个非常基本的功能。当我们在Bubble中编写它时,直到历史会话数据显示在屏幕上大约有两个延迟。虽然它在技术上是可行的,但用户体验却很糟糕。我们花了十几个小时与最好的Bubble自由职业者一起优化工作流程,但并没有太大的区别。这是一个基础设施的限制这被证明是一个用户体验问题。

当我们解决所有这些问题时,每一个新问题都变得越来越具有挑战性。虽然我们的开发人员接手了Bubble并以惊人的速度重建了平台,但我们所有人都陷入了不知所措的境地,开始寻找更资深的开发人员来领导这个项目。

注:你的生死取决于基本面

能够将应用程序组合在一起来做事情是很容易的。了解web应用架构的基本原理是你会被杀的地方。这是因为您正在创造技术债务。不仅仅是因为你不在代码库中,还因为你会做一些事情,比如不恰当地对数据库建模。

这就是发生在我们身上的事。在Bubble中旋转数据库和关联很容易,但因为它不是以一种基本合理的方式完成的,数据库查询需要更长的时间,我们必须更改模式,并在添加新功能时进行数据库迁移。

这和向我们寻求帮助的Webflow和Squarespace的用户是一样的:他们可以把技术上是一个实时网站的东西放在一起,但他们没有足够的骄傲把它公开。他们的问题是不懂网页设计的基本原理。

我们寻找了一位资深的Bubble开发者。在论坛上只有大约10个选择(这是前bubble开发者目录)。在与他们合作的过程中,我们了解到我们的初级开发人员在两个月前刚刚学习了Bubble,他们的技能水平与我们大致相同。

每个人都有和我们类似的背景:他们想要快速地一起破解一些东西,但不知道如何编码。没有人有开发可扩展的网页应用的经验,更没有计算机科学学位。

《Bubble》开发者的平均工资是每小时150美元。相比之下,Rails开发人员的平均工资是80-100美元/小时,有几年的应用开发经验,通常拥有CS学位。一款快速构建的应用最初的效率提升已经结束了。现在,我们将为人才支付成倍增长的薪酬。

我们试图找到最成功的Bubble应用。我们认为我们可以追随他们的脚步,将规模扩大到至少和他们一样大。不幸的是,我们是我们找到的最成功的人。虽然你可能认为这对我们的自尊心有好处,但实际上这很可怕——我们意识到我们不能像我们想象的那样扩展Bubble。现在我们正在经历一种极端形式的社会的局限性

尽管我们面临着处理这些无代码限制的挑战,但我们仍然在接下来的三个月里每月将Bubble扩展50%。回顾一下:

  • 特性限制:主要构建调度特性和谷歌OAuth
  • 基础设施限制:主要是数据库查询时间过长
  • 社区限制:可扩展的网页应用开发经验有限,社区规模小,自由职业的专业人士很少,基本上没有人是全职的候选人,自由职业的人价格高。

转移到代码库

因为Bubble一直都是无代码平台的巅峰,而我们也已经精疲力竭了,所以现在我们唯一的选择便是基于代码的平台。一开始我们认为可以雇佣一些人用代码重建平台。我们尝试了一下,意识到我们需要一个“技术联合创始人”而不是一个员工:一个可以充当我们的首席技术官(CTO)的人,在我们建设公司的未来几年里全力以赴。

在找到合适的人选之前,我们花了3个月的时间雇佣自由职业者,发布联合创始人职位的工作,在纳什维尔各地建立关系网他说,他想加入公司的最大原因之一是我们已经展示出的吸引力。

在接下来的两个半月里,我们的新CTO用Rails重新构建了应用程序,我们准备进行转换。这是转让的核心范围:

  • 数据导入:CTO指导他如何为导入设置数据。我花了一天左右的时间把这些整理成电子表格。
  • 301重定向:路线需要改变,所以我用尖叫的青蛙获取一个url列表,并创建一个映射它们的电子表格。这是一个模板。
  • 第三方工具连接:我重新配置了Zapier工作流程,使其由webhook触发。我们的CTO编写了我们的应用程序,在Rails中适当的工作流步骤将JSON数据发送给Zapier。
  • 用户电子邮件:我们的每个用户都需要进行密码重置过程以捕获他们的帐户。我的联合创始人起草了一封发给用户的电子邮件,计划在发布时发送。

从这里开始,我们的产品就不再受欧宝体育在线首页任何没有代码的限制.随着我们的新团队和代码平台准备就绪,我们在那年春天向YC申请,并为2017年夏季批次获得了资金。

反思和总结

我们将内容与Zapier/Squarespace/Acuity组合在一起的策略是一个很好的选择,并证明了我们的理念。我们最好直接雇佣一个技术联合创始人,而不是在Bubble中重建。我认为我们对no -ode作为核心平台的潜力过于乐观了。

也就是说,我们仍然相信并大量使用无代码。我们已经用Webflow的CMS和一个反向代理设置在我们的Rails应用程序之上。一个是原型展示欧宝体育在线首页产品。它的流量每周增长30%,持续了4个月,直到我们在遇到基础设施和功能限制后将其转移到Rails。

对于一些页面,我们已经建立了the Sixty博客和我们的了解产品欧宝体育在线首页,他们可能永远不会离开Webflow。

如果《Sixty》能够重新开始,我便能够使用Webflow去推动我们所有的营销页面。盆景而且中音都在这么做,我也看到很多Y Combinator的创业公司也是这么做的。这是一个强大的设置——营销团队可以在不增加工程团队负担的情况下对站点进行更改。

希望这能帮助您更好地解决无代码挑战。如果您仍然对使用哪个堆栈以及它可以扩展到什么程度有疑问,请随时联系我推特.我还将分享更多我在上面提到的no -ode项目的内容。

第七章

无代码对世界的影响

无代码运动的核心是授权和释放潜力。

巴雷特。约翰逊
巴雷特。约翰逊
?阅读时间
读一章

那么,没有代码会对世界产生什么影响呢?简单地说,没有代码的世界是一个思想不受技术障碍阻碍的世界——在这个世界里,任何人只要有一个想法或想要创业,就有能力去实现它,而不需要学习代码或找一个工程师来实现它。

就像在其他行业一样,当创造的手段变得更容易获得时,创造的数量和规模就会飙升。在软件世界中,无代码运动也试图做同样的事情。

我们很自豪能站在这个新运动的前沿,我们迫不及待地想看到每个人都能创造出什么。敬人类潜能的倍增。

第八章

学习资源

与无代码社区联系,学习如何在不编写代码的情况下构建、自动化和扩展软件。

Omid Ghiam
Omid Ghiam
?阅读时间
读一章

Makerpad

makerpad标志

Makerpad是领先的无代码社区和学习中心。探索最好的无代码工具,学习如何构建和扩展功能强大的应用程序,并聘请无代码专家帮助您的项目。

Webflow大学

webflow的标志

Webflow大学是学习网页设计和开发的里里外外的地方-不需要编码。获取关于设计和构建动态网站的全面教程,详细的特色文档,以及常见问题的答案。

Nucode

nucode标志

Nucode是一个无代码社区和论坛,创作者聚集在这里学习和讨论各种无代码项目。学习如何在没有任何编码经验的情况下构建应用程序,并与世界各地没有编码专家的人打交道。

萨皮尔学习中心

zapier标志

萨皮尔学习中心是一个教育资源,用于学习如何在不编写代码的情况下自动化日常任务。从项目管理到客户支持,学习如何使用Zapier创建自动化工作流。

Nocode.tech

nucode科技

Nocode.tech是一个为非技术创意的免费资源和工具的策划目录。获得无代码工具的折扣,并学习世界各地的企业家、设计师和员工使用的技能。

Nocode总部

nocode总部

Nocode总部是一个资源中心,用于发现和学习如何在没有代码工具的情况下进行构建。学习如何建立网站,移动应用程序,聊天机器人和自动化的工作流程,而不需要写任何代码。

Flowbase

flowbase标志

Flowbase是一个面向非代码初学者和专家的Webflow资源站点。获得对可克隆资产、模板、指南等的访问权限。

Nocode必需品

Nocode essentials标志

Nocode必需品是发现无代码资源的中心枢纽。无需编写代码,即可轻松找到构建、启动和扩展下一个项目所需的知识。

第九章

无代码工具目录

从可视化web开发到自动化工具,无代码平台使团队工作更快,生产成本更低。欧宝体育在线首页

Omid Ghiam
Omid Ghiam
?阅读时间
读一章

Web开发

无代码开发平台,旨在帮助团队构建漂亮而强大的网站。

Webflow

webflow的标志

Webflow是设计、构建和启动强大网站的方法——不需要编写代码。建立专业的网站,使用Webflow的字类托管启动,或者导出您的代码,在一个100%可视化的画布中体验HTML、CSS和JavaScript的强大功能。如果你能设计它,你就能用Webflow构建它。

Carrd

carrd标志

Carrd是一个免费的平台,用于建立简单的,完全响应的单页网站。无论它是一个投资组合或登陆页面,Carrd让你建立它漂亮和容易。一旦你的网站准备好了,用cardpro发布到网上。

Shopify

shopify标志

Shopify允许您创建和管理电子商务网站。建立和托管您的商店,履行订单,并使用Shopify的插件市场营销您的产品-所有在一个地方。欧宝体育在线首页从前端到后端,Shopify已经覆盖了您。

应用程序开发

没有旨在帮助团队构建强大的网页和移动应用程序的代码开发平台。

Thunkable

thunkable标志

Thunkable是一个拖放移动应用程序构建器,让您创建iOS和Android应用程序无需编码。基于Thunkable应用程序可以在所有设备上运行,可以直接发布在iOS App Store或谷歌Play Store。

泡沫

泡沫的标志

泡沫是一种可视化编程语言和应用程序平台,允许您为桌面和移动浏览器创建交互式的多用户应用程序。构建逻辑并管理数据库,而无需编写一行代码。

Voiceflow

Voiceflow允许您设计、原型和构建语音应用程序。创建和发布Alexa技能和谷歌动作无需编写代码。

滑翔

Glide app logo

滑翔让你把电子表格变成应用程序,不需要代码。创建易于使用的应用程序在短短5分钟从谷歌表。

基于“增大化现实”技术/ VR开发

没有为帮助团队创建强大的增强和虚拟现实应用而设计的代码开发平台。

Scapic

scapic标志

Scapic让你创造增强现实购物体验。创建360度的产品可视化,并通过数字欧宝体育在线首页产品参与转化更多的客户,所有这些都不需要编写代码。

自动化

没有旨在帮助团队自动化工作流程和连接他们最喜欢的应用程序的代码自动化工具。

Zapier

Zapier在web应用程序之间自动移动信息。将超过2000个应用程序连接在一起来构建和自动化工作流程—无需编写一行代码。

Integromat

Integromat允许您连接您最喜欢的应用程序和服务在一起。自动化手动流程,在应用程序之间传输和转换数据,并节省重复任务的时间。

抛物线

抛物线的标志

抛物线让您自动化日常任务。输入数据到抛物线和视觉上创建逻辑流基于所需的输出。使用抛物线处理数据,构建CRM工作流,自动化电子邮件营销等等。

分析

分析工具旨在帮助团队收集和理解数据——从网站分析到用户行为。

段标识

是一个帮助您收集和分析客户数据的客户数据平台。把细分市场作为你所有网站和产品数据的中心枢纽。欧宝体育在线首页然后,将数据发送到Mixpanel、谷歌Analytics或HubSpot等其他平台,以获得进一步的见解。让你的营销、产品和工程团队拥有用Segment收欧宝体育在线首页集的干净数据。

Mixpanel年

mixpanel标志

Mixpanel年是一个产品欧宝体育在线首页和用户行为分析平台,允许团队获得有价值的客户洞察。从Segment等平台导入数据,通过数据驱动的洞察分析、测量并改善客户体验。

振幅

振幅是一个产品欧宝体育在线首页分析软件的网络和移动应用程序。从SaaS到金融科技,振幅允许企业基于用户行为做出数据驱动的决策。建立良好的产品体验并留住欧宝体育在线首页用户——用振幅。

电子表格和数据库

为帮助团队收集和存储数据而设计的电子表格和数据库没有代码。

Airtable

airtable标志

Airtable就像一个类似谷歌表的电子表格,但给你一个数据库的能力来组织任何东西。从项目管理到完整的客户关系管理,Airtable允许您构建可以充当动态数据库的工作空间——无需编写代码。

dashdash

dashdash标志

dashdash是一个电子表格,让你建立强大的销售和营销工具。然后,你可以将它们作为网页应用发布,无需代码。创建自动化重复任务的功能,集成SaaS工具来收集数据,并将电子表格转换为web应用程序——所有这些都是一键完成的。

文档编辑器

文档编辑器旨在帮助团队跟踪数据库、知识管理和项目任务。

Coda

coda标志

Coda文档允许大大小小的团队创建文档并将其转化为应用程序。从项目管理,库存管理,和远程协作,Coda把一切都放在一个地方。为你所有的文档、电子表格、数据和工作流应用程序提供一个home -而不是在应用程序之间来回切换。

概念

概念

概念是一个集知识管理、任务、笔记和数据库于一体的工作空间。它充当了团队编写、计划和协作的中心枢纽。有了concept,你可以取代谷歌Docs、Evernote、Asana、Trello和谷歌Sheets等工具。

有证

客户关系管理工具,旨在帮助团队跟踪客户的每一步。

HubSpot的

hubspot的标志

HubSpot的是一个面向市场营销团队的客户关系管理平台。收集、跟踪和组织入站客户,并指导客户完成客户旅程的每一步。

铜的标志

是为谷歌打造的客户关系管理平台。在G套件中组织联系人,跟踪销售周期的每一个阶段的线索,并自动化重复的任务。

形式

用于帮助团队收集数据和构建个性化客户体验的表单构建器。

Typeform

Typeform让您为调查和潜在客户生成表单建立交互式体验。通过将数据收集变成一种体验——无需编写代码——来吸引更多的响应并提高响应率。

JotForm

jotform标志

JotForm是一个用于生成线索、分发调查、收集付款等的在线表单构建器。

电子邮件

没有代码的电子邮件工具设计的电子邮件营销和帮助创建者在他们的在线内容货币化。

Mailchimp的

mailchimp的

Mailchimp的是一个集营销于一体的平台,专注于邮件营销。通过注册表单增加你的受众,并将他们直接整合到你的网站上。制作漂亮的电子邮件,创建登陆页面,收集和管理线索-所有在Mailchimp。

ConvertKit

convertkit标志

ConvertKit是一个电子邮件营销平台的在线创作者。获取您需要的工具和自动化来为您的业务或博客收集和培养线索。使用自动邮件提高转化率,并深入了解您的订户在定制旅程中的哪个阶段。

垂直叠加

垂直叠加的标志

垂直叠加允许在线创建者轻松创建基于订阅的电子邮件通讯。创建你自己的出版物,开始你自己的时事通讯,并通过写你喜欢的东西获得报酬。

客户支持

客户支持工具设计用于参与与现有和潜在客户的对话。

对讲机

对讲机的标志

对讲机是一个客户消息平台,允许您与客户联系。它有助于在客户生命周期的每个阶段提高忠诚度和增长。在你的网站上整合聊天机器人,以支持销售、营销和客户支持团队——所有都使用对讲机。

支付

在线支付处理器设计用于在任何网站或应用程序上发送和接收支付。

条纹

条纹的标志

条纹是互联网企业的在线支付处理工具。轻松连接条纹与您的网站与它的支付api套件,为任何规模的企业设计。

贝宝

贝宝的标志

贝宝是一个允许您接受和发送付款的在线支付系统。使用PayPal支付,发送或接受几乎任何业务的付款。

用户研究

用户研究工具,旨在帮助获取用户洞察,以做出数据驱动的决策。

优化车间

优化车间

优化车间是一个用户研究平台,帮助您从用户数据中做出决策。将见解转化为行动,增强用户研究、用户体验设计或信息架构。

原型设计

为个人和团队设计的原型工具,用于从构思到最终的美术作品。

InVision工作室

invision

InVision工作室是一个屏幕设计工具,允许团队设计,原型和动画-所有在一个地方。

Figma

figma标志

Figma是一个协作界面设计工具,设计用于快速原型和收集反馈。在一个地方创建、测试和发布更好的设计。

草图

素描的标志

草图是一个数字设计工具包,设计用于创建、原型和合作设计。从自由职业者到大型团队,Sketch帮助设计师从想法到最终的艺术作品。

Adobe XD

Adobe xd标志

Adobe XD是一个为各种规模的团队创建的UI/UX设计和协作工具。为网站、手机应用、语音界面、游戏等设计和原型。

筹划者

筹划者的标志

筹划者是一款闪电般快速的交互设计工具,为生活带来创意。使用Framer创建响应式布局和设计功能原型。

Baidu
map