第五章

指南对贵公司带来任何代码

学习他们的网站迁移到Webflow Getaround的营销团队,提高网络性能和内部的设计师团队敏捷性。

卡米尔·埃斯波西托
卡米尔·埃斯波西托
吗?阅读时间
2019年,我也是该项目迁移Getaround的营销网站从传统发展到Webflow。大迁徙最终成功,解锁不仅更好的web标准,也为我们的团队前所未有的灵活性。

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成功故事素材:

希望这能让你开了绿灯进入试运行的工具使用低风险的web页面。想想哪个页面(相对)低风险为贵公司:避免你的主页或任何转换或其他关键指标的主要推动力。

在Getaround,我们开始使用较小的着陆页面的Webflow,如促销和当地的合作伙伴。

逐步强行涉水作为一个Webflow的概念,将关键的利益相关者的能力(和它的局限性)没有大规模的压力影响关键指标如登录或转换。

在试验运行,演示相关特性到适当的利益相关者Webflow的能力让他们兴奋。

webflow创建干净代码

使用强行涉水来证明你的索赔,这样你的团队可以继续迁移到Webflow结实的东西。在Getaround,我们要求包括以下:

  • 更快的生产时间欧宝体育在线首页
  • 小需要团队
  • 等效或改善业务性能指标如转化率
  • 提高搜索性能

将强行涉水是成功的。地的小团队2非编码者建造和发射功能完整的web页面在几天内。我们没有伤害转换,初始发射之后,我们推出了更多的迭代比我们在一周内。我们也可以在搜索引擎优化迭代,从而提高员工的有机搜索流量。

现在利益相关者信任Webflow的好处对我们的团队和我们的网络指标,为我们扫清了道路继续迁移。

2。组装你的团队

一旦你已经买进Webflow的奇迹,是时候组装您的web团队。

最强大的一课我学会了从Getaround Webflow的迁移是教育的重要性的队友,“没有代码”意味着“没有web阵容。”

没有投资于一个适当的网络团队,你的团队不会完全收获没有代码的好处。

我和我的同事梅格处理我们的迁移Webflow的几乎所有方面。我们两个之间,我们:

  • 设计开发的页面
  • 建立指导方针和系统
  • 管理开发人员合同
  • 与工程协调跨职能的需要
  • 提出了我们的迁移策略
  • 启动页面
  • 写的复制
  • 和更多!

但是仅仅因为一些可以并不意味着它应该是。

我们小组结合我们的雄心勃勃的时间表意味着我们有时候事情是快速和肮脏的:好为了我们的会议推出的最后期限,但最终导致技术债务和更多的工作为我们的未来的自己。

为了避免,组建一个团队就像你将一个网站建立的传统方法。

谁应该包含这个阵容的问题很有趣,因为没有代码才刚刚获得科技世界的主要牵引力和角色继续的形成和演化,但是这里有我喜欢的角色在我们的迁移项目团队:

  • 欧宝体育在线首页产品经理自己的战略和跨职能工作
    巨额奖金如果这个点能之间的桥梁Webflow和传统开发,特别是如果您的迁移涉及到与产品共享功能,像一个导航栏,用户登录多个环境。欧宝体育在线首页
  • 项目经理保持所有的赛道上挪动棋子,看到,项目完成
    你的产品经欧宝体育在线首页理有可能为这个角色。
  • 视觉开发人员Webflow专家和知道开发最佳实践是谁
    这是至关重要的Webflow站点的可伸缩性和可维护性。Webflow几乎任何人都可以凑出一个网站,但是需要开发专业知识和经验来构建它,这样它将规模和发展清洁,没有积累技术债务。
  • 网页设计师Webflow熟悉创建模拟和流动
    设计师至少应该熟悉Webflow,这样他们的设计都利用Webflow的了不起的功能(比如交互)和工作在其限制(在很大程度上,这是网络的限制)
  • 广告文字撰稿人和SEO专家创建新的篇章,高性能的内容
    一定要与作家和seo密切合作,确保页面结构适用于内容和优化!

是透明的每个任务都需要发生迁移,从内容映射到页面选择产品合作,证明这支队伍的必要性。欧宝体育在线首页并提醒你的团队(和你自己!)你还设置一个健壮的网站。即使你正在做它通过一个没有代码界面,基本上你还是编码和构建复杂的功能。

3所示。选择迁移到没有代码页

现在您已经认同Webflow和组装你的梦之队,找出哪些页面或大块的进入你的网站意义没有代码。

这将为每一个团队和公司是不同的。请记住:

  • 依赖关系
    你的团队负责增加转换着陆页,但你的工程团队来执行,工作吗?着陆页将会成为一个伟大的移民候选人。
  • 任何产品欧宝体育在线首页功能,将需要广泛的自定义代码中没有代码的工具
    产品欧宝体育在线首页页面有复杂的逻辑或API依赖关系可能不是一个很好的候选人迁移。广泛的定制代码失败的工具像Webflow的目的,并且极大地降低了你享受它的好处的能力。
  • 可伸缩性和未来目标页
    任何页面都将受益于集列表和CMS、或成长成为一个页面的集合,绝对应该迁移。热门候选人包括:登陆页面、案例研究、博客、生产教育——真的任何内容类型,写作是注定要发生的速度比设计可以支持。欧宝体育在线首页

Getaround的崩溃的页面迁移是清楚的。在用户登录时,他们可能会探索营销页面像家一样,,或者它是如何工作的。在登录之后,他们在产品——寻找汽车、预订汽车等。欧宝体育在线首页

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

自营销负责pre-login的性能和目标页面,我们这些迁移到Webflow。这也意味着工程可以充分关注我们的产品,没有营销人员和设计师的频繁中断来代替英雄图像或更新h1。欧宝体育在线首页

4所示。与你的任何代码设计和开发中

每个媒体都有内置功能和约束,你需要牢记两个深入你的可交付成果。以下是我的团队的关键因素。

请咨询您的视觉开发人员尽早并且经常

经常检查你视觉的开发人员,以确保你的想法可以构建可伸缩和Webflow的最佳实践。一切皆有可能,但是你可能需要做一些设计修改避免依靠广泛的定制代码或出租汽车司机不会很好地扩展的解决方案。

成为一个没有代码专家

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

如果你是一个从干中学的人喜欢我,建筑工地的帮助下这些资源是一个伟大的方式让自己沉浸在世界的代码和熟悉所有的可能性和最佳实践。

最大化你的使用的CMS

Webflow的CMS最强大的功能之一是一个快节奏的营销团队。再一次,与你的视觉开发人员密切合作,确定页面和部分可以用集合。这将使您的团队推出几十个页面只有努力略多于一页。

使用视觉开发指南

你还是建立一个专业的网站,所以你需要明确的和健壮的开发指南:

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

小心使用自定义代码

广泛依赖自定义代码失败的目的使用Webflow:你会看到大量的UI设计师而不是看到什么你会得到发布。维护各种自定义代码片段也很快就会变得难以处理。

使用自定义代码:

  • 轻微的CSS样式,不能通过设计师,喜欢改变滑块上的箭头
  • 简单的JavaScript功能,比如添加逻辑背后一个登录按钮

避免使用自定义代码:

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

5。发射和宣传你的网站没有代码

发射后你没有代码的网站,共享项目,它的成功,一切你解锁移动没有代码。

保持利益相关者在兴奋和源源不断的教育和演示:

  • 发送物品到你的工程师对Webflow的后端或新的API集成来证明它是如何跟上不断变化的技术
  • 演示一个设计师如何尽快更新您的主页的新布局和新资产
  • 显示是多么容易生成几十个甚至几百个页面收集从一个页面

专家提示:人们喜欢一个Webflow GIF。

最重要的是,文档和共享目标的实现,因为你没有代码迁移。这些可能包括:

  • 每周发布的页面
  • 创建一个新页面,从开始启动
  • 性能指标如SEO,转换,网站流量

Getaround的营销网站post-Webflow:改善网络性能和团队的敏捷性

这就是Getaround取得3个月后我们的Webflow迁移:

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

最重要的是,我们现在更灵活,能够跟上我们的业务的速度。几个月前,这是压力测试时主要和时间敏感业务计划需要启动项目开始后大约一个星期。我们很容易设计和建造两个登陆页面,以适应这个在不到5天!

webflow加速前端开发
web之前和之后没有代码

迁移Getaround的营销页面转化为Webflow非常对我们的生意,upleveling不仅我们的网络性能指标和质量的web内容,也是我们团队的速度和灵活性。

重建一个现有的遗留的网站没有代码的工具是一个不小的任务,但我希望这些步骤帮助到达到你的团队:结果显然偿还!

分享

下一章的标题

下一章的介绍

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

没有代码是什么运动?

它意味着对现代企业和营销团队。

约翰摩尔威廉姆斯
约翰摩尔威廉姆斯
吗?阅读时间
读一章
“这些工具减少所需的时间和编码技术将一个想法转化为人们可以使用的东西。你不再需要成为一个程序员构建在互联网上的东西,让新一波的制造商从不同的背景和观点。”

- - - - - -瑞安胡佛产品搜寻、创始人欧宝体育在线首页“没有代码”的崛起

在1970年代早期,史蒂夫·乔布斯和史蒂夫·沃兹尼亚克展出在第一个西海岸第一个苹果II计算机做在旧金山。Apple II有内置的基本编程语言,彩色图形,和一个4100个字符的内存只是1298美元。可以将程序和数据存储在一个录音带记录器(还记得那些? !)。在年底前公平、沃兹尼亚克和乔布斯获得300年苹果II和从那里苹果的订单刚刚起飞。

Tandy无线电器材公司和IBM并不落后,快速生产他们自己的consumer-targeted电脑。

美国所有三台机器,是他们完全缺乏视觉界面。所有的一切都发生在相当于命令行。有限的新家用电脑技术精明的效用:人们能够使用基本的编写和执行自己的自己定制的程序和与他人分享。

直到1984年,电脑的真正潜力释放,再由苹果,麦金塔电脑的第一次迭代。

把它分开呢?图形用户界面(GUI)。我们现在所称的鼠标和一个小的事情。

进入可视化界面

它可能是非常明显的为什么视觉界面(GUI)改变一切,只是为了确保我们所有在相同的页面上:

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

但它也是从根本上更容易学习和使用计算机的时候所有的视觉。你可以点击,看到会发生什么。

相当于一个眨眼的历史时间内,计算机从一个专业的工具可用的只有一小部分世界的东西随便任何视觉和少量的手灵巧度可以定期使用。(这并不是淡化余下的进入壁垒的重要性。他们是非常重要的,我们仍然致力于妥善解决。)

如果你熟悉Webflow,这可能听起来很熟悉。我们基本上要一个基于文本的界面模型转到视觉(GUI)。

这与“没有代码”运动?

上述简短的历史教训是包括没有代码提供背景运动,本质上是由一系列的紧急工具旨在变换通常基于代码的工作流,并赋予任何人处理它们,而无需编写代码。因此这个名字。

如果你问很多人在世界的设计中,创业,和技术,你会遇到一些人反感的运动。这是自然的。改变是困难的。

但从历史的角度来看,这只是最新的迭代越来越似乎是一个自然的电弧在任何技术的发展。始于高度专业化的工具包和知识库是逐渐扩大,简化,设计更简单、更容易理解。

看看印刷的历史和它的业务结果,出版。中国始于pre-common-era袭击欧洲在中世纪晚期,从根本上改变了文化,使知识的传播大大比手稿模型简单。但它仍然需要昂贵的设备和知识,需要多年的训练正确适用。随着印刷的发展,设备变得越来越更简单、更便携,与滚筒印刷机,照相排版,最终,桌面出版。

快进到今天,真的任何人可以编写和出版一本书,流行在亚马逊,并实现全球曝光,与潜在的观众吗数十亿

gui的商业利益

当然,科技的发展并不是自然选择。机器和软件不发展自己的协议。这种发展,背后总有一个业务案例和对gui的弧,商业案例很简单:

能执行任务的人越多,越高效、迅速可以大规模进行。

今天,web开发是一个极其专业的任务需要多年的训练,掌握广泛的工具和语言,和一个能够跟上技术变化的景观日常。和市场差异并不大。后者学科广泛受益的任何代码的工具,但是,知识需要有效的空间仍然是巨大的和不断变化的。想想Google的频率变化SEO是如何工作的——通常在一个基本水平。

这就是为什么我们开始创建这本书。帮助那些想为自己的业务经验的好处没有代码,在web设计和开发营销的过程。后来在书中,我们将深入研究如何成功专门使用Webflow的设计和内容管理工具,但我们也旨在让这本书尽可能广泛的有用。所以即使你不准备潜入Webflow,我们认为你会发现值。如果你不,我们很想听听我们如何可以做得更好!

与所有的方式,让我们来谈谈没有代码的方法的好处。

第二章

为什么nocode ?

商业利益抛弃代码的web开发和市场营销。

约翰摩尔威廉姆斯
约翰摩尔威廉姆斯
吗?阅读时间
读一章
“这是比以往更容易构建软件。现在,仅仅几个小时,您可以创建一些用于需要专业技能和无数的天。这都是由于“不”代码的工具,让你做那么多,无需编写一行代码”。

- - - - - -Hiten沙

既然我们已经定位“没有代码”运动的历史背景,它的时间去探究为什么放弃代码网站设计、开发、销售。

简单的原型和mvp

数码产品的最初原型通常不需要接近工程投资初始发射同行。欧宝体育在线首页在早期,像一系列精心设计的图像一样简单的事情(像一个InVision原型)可能足以传达潜在投资者的核心理念,早期采用者,和未来的团队成员。

随着思想的发展,将需要越来越多的忠诚,但即便如此,工具如Webflow,泡沫,滑翔,Voiceflow可以提供非常健壮的经历可以足以激发兴趣和验证假设。一旦你准备开始向公众公开你的想法,Webflow,泡沫,和Carrd让美丽,高效工具登陆页你需要沟通你的核心价值主张和其他福利。

更少的依赖关系

每个人的管理一个项目,不管纪律,知道你需要工作的人越多,越困难的物流按时和保质交付交付。

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

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

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

  1. 内容(战略家、文案、搜索引擎优化、信息架构师)
  2. UI设计(用户体验设计师,设计师,交互设计师、动画)
  3. 开发(前端开发,开发内容,等等)。

甚至我们不解决研究应该先于内容。我们也离开了所有的利益相关者和主题专家您可能需要涉及到确保内容和设计提供正确的信息,视觉效果,和整体体验!

没有代码的工具的价值在于它们可以去除许多项目开发人员和/或工程师工作流。内容有正确的工具在手,战略家和/或作家可以在一个可用的数据库模型的内容,不仅仅是一个图或者表格。设计师(或视觉开发人员)不仅可以模拟原型的解决方案,但实际上构建它在功能HTML、CSS和JavaScript。反之亦然!

这并不是说没有开发人员或工程师的帮助项目更好地工作。或者,他们以任何方式更好的没有这些专业人士。但通过释放他们从营销新的着陆页面等资产,博客构建,等等,你给他们更多的时间来工作,更复杂的项目。项目是真正实现他们的价值。

更快的路径启动

从依赖通过释放你的营销团队,你也使启动更快和更容易的道路。而不是从产品开发工作,设计师可以实现和连接所需的形式。欧宝体育在线首页而不是把一个工程师创建和连接数据库动态内容页面,内容策略可以处理建模和结构。和你支付营销团队可以通过定制登录页面推出新广告宣传支持他们建造了自己。较小的团队可以移动的速度比大的不是一个奇迹——它是一种内在的真理。

更确切地说,这并不是说你可以跳过重要的步骤研究,主题专家访谈,或利益相关者的评论。这些步骤可能减缓这一过程,但他们是必不可少的,他们常常可以并行完成其他工作。

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

开发人员和工程师通常凭借其广泛的培训,在产品开发关键作用,相对罕见,更昂贵的比一般营销团队成员。欧宝体育在线首页无论公平与否,这是一个现实。所以任何时候你可以删除一个开发人员或工程师的时间从项目方程,你不仅节省时间,节省宝贵的资金。

为你的营销更多的自治权(团队)

降低成本和依赖性更大的自由来承担风险。尝试的东西可能不是最终的工作——或者规模。但即使失败代表了一个宝贵的学习机会。

例如,Webflow团队最近开始尝试各种新用户新员工培训格式。在赢得重点学习,我们能够尝试的解决方案,我们假设不工作——但即使他们没有,至少我们知道方法X不会工作。因为我们给它打了一针。

你知道吗?我们最初的测试做了工作。尽管我们的假说,都被告知用户数据定量和定性用户采访发现,这两个版本的我们认为会失败的测试提供了显著的改进有效时间的设计师,我们旨在把针的关键指标。

你真的永远不会知道,直到你试一试。现在,我们已经试过了,我们知道。

低端工具集和可支配的工件的回避

直到当下,数码产品和网站的设计过程遵循着一个熟悉的路径:欧宝体育在线首页

想法- >设计

有人——设计师、产品经理,一个内容创造者——有一欧宝体育在线首页个主意。他们开始肉在最有意义的格式对他们来说,是一个Dropbox纸医生,真正的纸,或者像草图设计工具。创造者可能迭代有一段时间,然后达到一个阈值的信心在他们的想法:已经准备好分享的地步,从他人那里获得反馈。

这是最受欢迎的设计工具开始失去相关性(至少直到2018年底)。因为他们主要静态:你可以与他人分享,但是他们不能交互在任何有意义的方式。

设计- >原型和协作

当然,这些设计工具的制造商已经意识到这种硬限制,并开始像草图原型构建工具,Adobe XD, InVision将这些静态模拟某种形式的生命。

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

构建规模- >

在这里,橡胶与道路,设计工具在历史上不再有太大效用。开发人员和工程师接的设计师离开了,工作主要将他们交给的静态设计转化为真实的,功能代码。

这也是大多数营销团队和制造商开始感到他们的依赖性。新网站、博客或着陆页留下他们的手完全和变得不可预测的变化更大的产品路线图,在dev / eng“资源”可能会突然被重新分配,遇到技术债务问题,或其他错误。欧宝体育在线首页营销人员和制造商只能坐在那里等待(并继续下一个想法)。

“没有代码”工具的时刻

这正是“没有代码”的工具——尤其是,Webflow,真正成为自己的。这些工具降低门槛代表,商人和制造商可以抛弃依赖和得到一些在野外这宝贵的一天,一周,或月前——并开始收集反馈,迭代,学习更快。

这也意味着静态“设计”工具——在最广泛的意义上变得越来越有用。这意味着更少的可支配的工件,降低软件成本。

最后,但最重要的是:一个更加多样化的制造商

这已经不是什么秘密,硅谷的一个多样性的问题。绝大多数的创业公司,获得了真正的牵引因此旨在满足需求和克服人的“挑战”大多是喜欢他们的建筑商。

这是:白色,男,上层阶级中间,全网范围等。

通过多元化的人们能够建造和发射数字产品,没有代码工具有可能也正在建造的多样化的产品范围和可以进入市场的速度。欧宝体育在线首页

到目前为止,科技景观一直由那些拥有计算机科学学位。工程师。训练的人在特定的方式方法,克服问题。人价值效率、数据分析。

人文倾向于认为那些背景的问题不同。效率是很少的关注。质量、影响他们的思维和经验往往占据主导地位。

所以你必须知道:比较文学专业构建,如果他们来构建软件?怎么一个哲学家,或环境律师,应对技术挑战?

备案,我意识到上述包括许多概括。Webflow的首席执行官弗拉德Magdalin,培训前的3 d动画切换到工程。并就好像没有白人制造商。

但我们需要更多。更多样化的背景、观点和意见。因为我们更加多样化的制造商,更多样的解决方案可用,更全面的了解这些解决方案将满足当代问题。

第三章

如何验证启动的概念与没有代码工具吗

新产品是欧宝体育在线首页无用的,如果他们不需要填补。使用Webflow,您可以快速构建原型和测试你的想法没有大规模投资。

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

推广一个新的创业能感觉到很像冲浪。我们都想骑最新的潮流趋势…

和眼都不眨地,让一切看起来毫不费力。

问题是,大多数创业公司水下。

创业者兴奋的新思想,但往往不能有效沟通,与实际数据验证这些想法。

为什么要验证?

在商业领域,很酷的想法很简单,似乎每个人都拥有他们。但真正重要的是客户。

大多数人不愿意购买一个新产品,直到它已经彻底测试,证明,并得到广泛使用。欧宝体育在线首页

如果我们看看市场采用曲线展示一个新的公司进入市场,我们可以看到,40%的市场份额才使用产品早期的多数是使用它。欧宝体育在线首页在许多社会认同是一个很大的原因。

市场采用的图像结果曲线

CB的观点做了报告前20名创业失败的原因和42%的一个原因是没有市场需求。

总是会有很多的初始假设在早期阶段的公司,但重要的是要不断的问题,与实际数据验证这些假设。

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

  • 理想的观众是谁?
  • 读者在哪里?
  • 吸引他们的价值主张是什么?
  • 什么促使人们参与我们的品牌吗?
  • 品牌价值和重复购买的动力是什么?

一旦你理解什么问题需要回答,您可以将这些问题映射到一个客户旅程,专注于最重要的问题:验证

我如何创建一个客户?

当你能回答这个问题,你必须确认你的创业。

验证像Dropbox, DoorDash,当罗宾汉

所有的高层在硅谷创业公司必须验证他们的假设。他们都不得不回答关于他们的听众的关键问题,价值主张,将会转化为付费用户。

每一个成功的公司开始用一个简单的登录页面,运行实验,获得有价值的反馈对他们的想法。这些都是创始人解决的关键步骤。

在Dropbox,他们创建了一个简单的登录页面演示视频和注册表单收集邮件。他们想测试如果潜在客户会感兴趣地分享他们的电子邮件和了解更多,发现如果有“市场需求”。

当罗宾汉建立一个着陆页,突出他们的股票交易关键因素- 0美元的佣金。它们包括病毒共享选项和快速增长他们的电子邮件列表之前,他们甚至有一个产品。欧宝体育在线首页

这帮助他们建立一个巨大的电子邮件列表,创建社区意识,成为观众他们可以测试。

注册确认屏幕上写着:谢谢你!我们有你的电子邮件地址添加到队列354人,报名6111人超过你

我帮一个客户端验证他们的创业点子,设置一个登录页面,包括注册表单和概述了他们的价值定位和主要优点。我们添加了应用截图的功能来衡量利益。

虽然每个公司都会问不同的问题,他们都采取类似的方法来定义他们的假设,创建新的实验和测试实验来验证或无效的结果。

定义了观众

解决任何问题之前,你需要了解它。这几乎总是开始于了解客户/市场/观众——一群人分享问题或设置你想要解决的问题。

定义和理解你的听众,重要的是要考虑他们从一些不同的角度。

人口统计资料

受众的特点是什么?这应该包括:

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

对于一个企业对企业(B2B)的市场,您可能决定目标律师在纽约市,年龄在30 - 45,每年收入13万以上。

企业对消费者(B2C),你可能目标单身人士在波士顿,费城,岁的新泽西21-35攻读学士学位。

利益

另一种方法你可以定义你的听众是基于自己的利益。这是一种常见的和高效的定位方法在Facebook上,它显示了品牌你的听众已经吸引了。

对于我们的B2B示例,您可以指定律师感兴趣的特定的软件公司,像苹果和谷歌。他们很可能技术的早期采用者和遗留软件用户。

B2C的例子,你会达到计算机科学和商业专业学生通过定位感兴趣的人特定的学校,如麻省理工学院和哈佛大学。或者你可以目标竞争对手达到相同类型的产品亲和力。欧宝体育在线首页

网站分析

最后一个方式来定义你的观众——这将成为重要的宣传时再处置活动——将你的网站分析。

这包括跟踪指标:

  • 收购渠道(他们从哪里来)
  • 设备使用
  • 访问的页面数量
  • 会议时间
  • 跳出率
  • 完成转换

这些数据可用于定义和重新上市观众已经与您的网站互动以特定的方式操控触突——推出额外内容创造紧迫感和关闭出售。

创建一个客户角色

一旦你有了足够的数据在你的目标观众,你需要创建一个客户角色来概述你的理想客户的形象在单个文档,有时知道“真理的源泉。“这将是你的初始假设您将使用测试和发现产品/市场。欧宝体育在线首页

图像结果客户《阿凡达》

模型实验Webflow

创建一个新客户是艰苦的工作。它需要大量的实验和测试。创建一个客户真的是——培养关系的一系列活动加强从多个点。每个点建立客户关系,发展信任,帮助他们决定你的产品。欧宝体育在线首页

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

有时最好的运动实验,证明是成功的。尝试你的运动可以帮助你保持创造力和专注于你的听众。

Webflow便于模型新运动实验的每个阶段客户旅程。如果你把一个漏斗在谷歌分析报告,您可能会看到这样的:

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

创建正确的类型的内容在每个阶段你的漏斗,或者“客户旅程,”你会想买家经过考虑阶段。

这是一个快速分解阶段的漏斗,和类型的内容通常与每个相关:

意识

意识阶段是当用户首次发现并与你的品牌。

在这个阶段,您将想要通过博客站点访问,电子书,指南,或清单。

感兴趣

一旦用户与你的品牌互动的意识阶段决定他们想知道更多,他们进入的阶段,成为一个领导。

在这个阶段,你需要收集与在线研讨会,案例研究,和电子邮件课程。

转换

最后,一旦用户与你的品牌始终和信赖你的报价,他们会转换阶段和购物。

在这最后阶段,你要驱动购买行为通过协商,优惠券和免费试用。

Webflow建模活动内容类型

一旦你了解什么类型的内容将用户通过客户旅程,您就可以开始模型Webflow的内容类型。

例如,假设你想模型活动集合创建新的着陆页的活动。您将创建一个新的集合的CMS集合选项卡并命名为“活动”。

你将包括常见的数据属性的活动可能包括:

  • 标题
  • 副标题
  • 关键好处
  • 行动呼吁
  • 行动呼吁链接
  • 正文内容

你也可以使用Webflow的选项字段类型创建一组选择一个布局经验(更多内容见下文)。这将允许你调整你的设计使用有条件的可见性和创建多个体验测试。

设计活动的实验

当你设计运动实验,你要设计多个布局经验测试假设为每个活动。布局的经验应该基于消息你促进和客户的阶段旅程你瞄准。

你可以把你的活动模板为您的数据容器。数据的内容和布局容器,为用户提供了经验。

例如,假设您创建了2个新的运动——一个清单和电子邮件课程——驾驶意识和线索。


通过选择布局选项创建经验,你将能够使您的数据以一种全新的方式。这减少了需要额外的集合和帮助您加速实验。

优化和验证实验

创建最好的客户体验在线,你需要回顾分析和迭代根据你学习。

例如,当回顾你的谷歌分析报告,你应该问关键问题关于你的数据:

观众报告

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

渠道的报告

  • 流量来自哪里?
  • 跳出率是什么?
  • 转化率是什么?
  • 转换生成多少?

漏斗的报告

  • 他们通过漏斗多远?
  • 在哪里他们下降吗?

这些报告将使你对你的听众和关键的见解帮助你改善活动谷歌优化这是一个很好的工具。

您可以设置A / B测试来进行更改:

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

随着时间的推移,你应该开始看到不同的受众细分应对特定的活动和表现的比较好。和你有信心让你的假设确实证明(或颠覆!):一个特定的观众,与特定的活动,和一个特定的经验将会产生想要的结果——通常是销售。

tl;博士(太长;不读)

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

如果你真的想建立一个公司,你必须验证您的假设。Webflow与正确的集合,使这项任务变得很容易正确的内容,和良好的用户体验。

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

“好办法知道你是否达到产品/市场适合如果至少有40%的用户会很失望,如果他们不能再使用你的产品。欧宝体育在线首页让人们想要的东西。”

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

第四章

提高客户体验与没有代码的工具

今天没有代码工具的伟大之处是,他们让你专注于提供更个性化的用户体验。

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

科比周,首席技术官兼联合创始人Webflow, 2019没有代码设计及其对事情的领导以及这如何解放从管理后端将改变品牌与受众联系。

2009年,周是一个初级工程师在直觉工作。他的工作有效地停住了公司进入的状态以及困境。在空闲时间,他开始着手创建一个应用程序基于尖端技术——Android 1.5。

灵感来自童年的爱与他的朋友聊天在对讲机,他决定创建一个应用程序在此基础上直接的双向沟通。在潜水和学习的来龙去脉构建一个应用程序在Android 1.5,周完成题目贴切,“它鸣响。用一个简单的接口的一个红色按钮,您可以记录和杀死一个消息给任何人在你的联系人列表。

周把这个程序免费获得了相当多的牵引,破解十大热门免费应用程序在谷歌玩商店——在一个月内达到10000次的下载。自然,他兴奋创建一个病毒性视频应用程序——也就是说,直到他收到亚马逊网络服务的一项法案。他的感情的喜悦应用起飞,当他得知他欠300美元的基础设施,让它成为可能。

“我可以花大量的时间在这个程序使它更好,因为它是如此原始,有大量的bug,或者我有这个服务器规模更多的性能。实际上我有一个严厉的调用实际上关闭它。”

- - - - - -科比周

他做出了艰难的决定,取消了呵斥。

基础设施是复杂的

仅仅十年前,你必须知道如何规模数据库如果你想运行一个受欢迎的网站或应用程序。如果你没有,你必须雇佣的人。保持更新和顺利运行需要持续的努力,占用了很多时间。

今天,你不需要关心在后台发生了什么。Webflow负责安全、维护和可伸缩性保持运行,这样你就可以专注于重要的客户体验。

Webflow意味着保护

有很多坏的演员破坏互联网。Webflow让你免受各种WordPress尤其容易受到的威胁,包括:

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

Webflow也经常渗透测试,这是一种可控的方式执行一个假的网络攻击如何保持安全措施。被解放从后端处理这些事情给你更多时间把精力投入到其他领域。

“制造商可以构建最好的产品和工作的事情实际上事像营销、增长,利用你的数据欧宝体育在线首页收集,以及自动化。”

- - - - - -科比周

科比周在舞台上没有代码Conf 2019

Webflow使可伸缩性自动

Webflow的网络的网站获得一个月超过了20亿的浏览量。让它。这是一个很多的页面浏览量。一些虚拟主机提供商将陷入困境——或者更糟的是,这个巨大的点击量的离线。但是因为Webflow的托管的速度就像一个子弹头列车,加载时间非常快,他们可以很容易地扩展以适应流量的激增。

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

  • 亚马逊网络服务层保护和DDoS保护
  • NLB全球负载均衡的加速器
  • Kubernetes管理服务器端
  • Amazon S3数据存储
  • 数据库服务DynamoDB
  • 专业版的NGINX, 10%的互联网
“它不合理运行自己的营销网站,公司博客,或者电子商务商店当错综复杂Webflow的照顾。”

- - - - - -科比周

Webflow是怎么做到的?Webflow每月花费125000美元的管理、维护和更新基础设施,一个工程师团队和专家保持最重要的事情。和它的工作原理。有99.999%的正常运行时间和平均页面加载时间400毫秒,稳定和快速。

没有代码运动举起的重量必须处理软件、服务器和其他技术方面的网站。它可以让你专注于把精力放在营销和其他途径增加你的品牌。

没有代码让你更好地市场

“千禧自己后期,我们不一定一代谁响应销售。”

- - - - - -科比周

市场格局发生了变化,达到这个年轻一代品牌需要建立数字平台的自我推销。他们需要放点东西在网络上有深度。与这个年轻的人口,为大家提供一个更好的体验,需要关注客户。当你不需要担心代码或运行后端是什么,你可以给客户一个最佳的客户体验。

通过客户体验传统营销带来的动力和更大的销售和增长的可重复的产品带来增长。欧宝体育在线首页欧宝体育在线首页产品以及数据和自动化、燃料驱动的客户体验。

客户体验将改变未来如何

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

- - - - - -科比周

客户体验营销人员的专业技能包括产品、内容和发展营销。欧宝体育在线首页他们知道他们的听众和工作与营销团队开发内容策略和交付他们的观众会发现有价值的内容。他们与视觉协作开发人员——客户体验的另一个重要的角色——工艺内容。

客户体验堆栈

客户体验堆栈可以为每个人提供一个个性化的和一致的体验浏览一个品牌的数字空间。数据形状他们所看到的,以及它们如何交互。客户体验栈的每一层都在培养更多的人际关系与一个品牌的观众。

客户体验堆栈

个性化和人工智能

这种进化的营销需要一个新的客户体验堆栈的方法。个性化和AI占领这个款的顶级客户体验堆栈。用户属性和数据收集和集成到不同的应用程序,如Clearbit或MonkeyLearn,所以每个人使用一个网站有一个个性化的体验。

经验和商务

经验和商业占据了下一个级别的客户体验堆栈。这是一个品牌获得机会留个好印象,观众可以互动和买东西。

生命周期

消息的类型,当它的交付,交付重要的渠道确保客户得到正确的信息,当他们需要它。Zendesk等工具为客户服务,Iterable从事跨不同平台和ActiveCampaign营销自动化可以帮助促进沟通。

数据

这种级别的客户体验堆栈包含数据的保存和它如何可以访问。段等工具,捕获数据并传输到其他软件,或雪花,压缩和结构数据,有助于管理数据。

自动化

这种级别的堆栈可以自动化的所有个性化数据并将其传输到工具如抛物线,重组,和Zapier,数据可以分析和利用。

客户体验是多方面的

“那是什么,在我看来,未来的客户体验是让人兴奋的事:你真的考虑客户体验从整体的角度来看,使用一流的工具提供它。”

- - - - - -科比周

一个网站的焦点是一个品牌的营销。信息和数据客户股票就穿梭了像Zapier连接平台,公司HubSpot Salesforce,进一步提高客户体验,帮助品牌更好地服务他们的客户。

客户体验轮

没有代码开创了一个新十年的客户体验

没有代码不是为了招人的专业知识和热情为所有数据,服务器和基础设施。Webflow取决于这些高贵的技术极客保持运行成千上万的网站主机。

为什么当你不需要担心这些事情吗?让事情变得简单,这样你就可以跳上的膨胀波客户体验和建立一个更好的品牌。

在下面的评论中让我们知道你使用任何代码工具如何创造更好的客户体验!

第五章

指南对贵公司带来任何代码

学习他们的网站迁移到Webflow Getaround的营销团队,提高网络性能和内部的设计师团队敏捷性。

卡米尔·埃斯波西托
卡米尔·埃斯波西托
吗?阅读时间
读一章

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成功故事素材:

希望这能让你开了绿灯进入试运行的工具使用低风险的web页面。想想哪个页面(相对)低风险为贵公司:避免你的主页或任何转换或其他关键指标的主要推动力。

在Getaround,我们开始使用较小的着陆页面的Webflow,如促销和当地的合作伙伴。

逐步强行涉水作为一个Webflow的概念,将关键的利益相关者的能力(和它的局限性)没有大规模的压力影响关键指标如登录或转换。

在试验运行,演示相关特性到适当的利益相关者Webflow的能力让他们兴奋。

webflow创建干净代码

使用强行涉水来证明你的索赔,这样你的团队可以继续迁移到Webflow结实的东西。在Getaround,我们要求包括以下:

  • 更快的生产时间欧宝体育在线首页
  • 小需要团队
  • 等效或改善业务性能指标如转化率
  • 提高搜索性能

将强行涉水是成功的。地的小团队2非编码者建造和发射功能完整的web页面在几天内。我们没有伤害转换,初始发射之后,我们推出了更多的迭代比我们在一周内。我们也可以在搜索引擎优化迭代,从而提高员工的有机搜索流量。

现在利益相关者信任Webflow的好处对我们的团队和我们的网络指标,为我们扫清了道路继续迁移。

2。组装你的团队

一旦你已经买进Webflow的奇迹,是时候组装您的web团队。

最强大的一课我学会了从Getaround Webflow的迁移是教育的重要性的队友,“没有代码”意味着“没有web阵容。”

没有投资于一个适当的网络团队,你的团队不会完全收获没有代码的好处。

我和我的同事梅格处理我们的迁移Webflow的几乎所有方面。我们两个之间,我们:

  • 设计开发的页面
  • 建立指导方针和系统
  • 管理开发人员合同
  • 与工程协调跨职能的需要
  • 提出了我们的迁移策略
  • 启动页面
  • 写的复制
  • 和更多!

但是仅仅因为一些可以并不意味着它应该是。

我们小组结合我们的雄心勃勃的时间表意味着我们有时候事情是快速和肮脏的:好为了我们的会议推出的最后期限,但最终导致技术债务和更多的工作为我们的未来的自己。

为了避免,组建一个团队就像你将一个网站建立的传统方法。

谁应该包含这个阵容的问题很有趣,因为没有代码才刚刚获得科技世界的主要牵引力和角色继续的形成和演化,但是这里有我喜欢的角色在我们的迁移项目团队:

  • 欧宝体育在线首页产品经理自己的战略和跨职能工作
    巨额奖金如果这个点能之间的桥梁Webflow和传统开发,特别是如果您的迁移涉及到与产品共享功能,像一个导航栏,用户登录多个环境。欧宝体育在线首页
  • 项目经理保持所有的赛道上挪动棋子,看到,项目完成
    你的产品经欧宝体育在线首页理有可能为这个角色。
  • 视觉开发人员Webflow专家和知道开发最佳实践是谁
    这是至关重要的Webflow站点的可伸缩性和可维护性。Webflow几乎任何人都可以凑出一个网站,但是需要开发专业知识和经验来构建它,这样它将规模和发展清洁,没有积累技术债务。
  • 网页设计师Webflow熟悉创建模拟和流动
    设计师至少应该熟悉Webflow,这样他们的设计都利用Webflow的了不起的功能(比如交互)和工作在其限制(在很大程度上,这是网络的限制)
  • 广告文字撰稿人和SEO专家创建新的篇章,高性能的内容
    一定要与作家和seo密切合作,确保页面结构适用于内容和优化!

是透明的每个任务都需要发生迁移,从内容映射到页面选择产品合作,证明这支队伍的必要性。欧宝体育在线首页并提醒你的团队(和你自己!)你还设置一个健壮的网站。即使你正在做它通过一个没有代码界面,基本上你还是编码和构建复杂的功能。

3所示。选择迁移到没有代码页

现在您已经认同Webflow和组装你的梦之队,找出哪些页面或大块的进入你的网站意义没有代码。

这将为每一个团队和公司是不同的。请记住:

  • 依赖关系
    你的团队负责增加转换着陆页,但你的工程团队来执行,工作吗?着陆页将会成为一个伟大的移民候选人。
  • 任何产品欧宝体育在线首页功能,将需要广泛的自定义代码中没有代码的工具
    产品欧宝体育在线首页页面有复杂的逻辑或API依赖关系可能不是一个很好的候选人迁移。广泛的定制代码失败的工具像Webflow的目的,并且极大地降低了你享受它的好处的能力。
  • 可伸缩性和未来目标页
    任何页面都将受益于集列表和CMS、或成长成为一个页面的集合,绝对应该迁移。热门候选人包括:登陆页面、案例研究、博客、生产教育——真的任何内容类型,写作是注定要发生的速度比设计可以支持。欧宝体育在线首页

Getaround的崩溃的页面迁移是清楚的。在用户登录时,他们可能会探索营销页面像家一样,,或者它是如何工作的。在登录之后,他们在产品——寻找汽车、预订汽车等。欧宝体育在线首页

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

自营销负责pre-login的性能和目标页面,我们这些迁移到Webflow。这也意味着工程可以充分关注我们的产品,没有营销人员和设计师的频繁中断来代替英雄图像或更新h1。欧宝体育在线首页

4所示。与你的任何代码设计和开发中

每个媒体都有内置功能和约束,你需要牢记两个深入你的可交付成果。以下是我的团队的关键因素。

请咨询您的视觉开发人员尽早并且经常

经常检查你视觉的开发人员,以确保你的想法可以构建可伸缩和Webflow的最佳实践。一切皆有可能,但是你可能需要做一些设计修改避免依靠广泛的定制代码或出租汽车司机不会很好地扩展的解决方案。

成为一个没有代码专家

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

如果你是一个从干中学的人喜欢我,建筑工地的帮助下这些资源是一个伟大的方式让自己沉浸在世界的代码和熟悉所有的可能性和最佳实践。

最大化你的使用的CMS

Webflow的CMS最强大的功能之一是一个快节奏的营销团队。再一次,与你的视觉开发人员密切合作,确定页面和部分可以用集合。这将使您的团队推出几十个页面只有努力略多于一页。

使用视觉开发指南

你还是建立一个专业的网站,所以你需要明确的和健壮的开发指南:

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

小心使用自定义代码

广泛依赖自定义代码失败的目的使用Webflow:你会看到大量的UI设计师而不是看到什么你会得到发布。维护各种自定义代码片段也很快就会变得难以处理。

使用自定义代码:

  • 轻微的CSS样式,不能通过设计师,喜欢改变滑块上的箭头
  • 简单的JavaScript功能,比如添加逻辑背后一个登录按钮

避免使用自定义代码:

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

5。发射和宣传你的网站没有代码

发射后你没有代码的网站,共享项目,它的成功,一切你解锁移动没有代码。

保持利益相关者在兴奋和源源不断的教育和演示:

  • 发送物品到你的工程师对Webflow的后端或新的API集成来证明它是如何跟上不断变化的技术
  • 演示一个设计师如何尽快更新您的主页的新布局和新资产
  • 显示是多么容易生成几十个甚至几百个页面收集从一个页面

专家提示:人们喜欢一个Webflow GIF。

最重要的是,文档和共享目标的实现,因为你没有代码迁移。这些可能包括:

  • 每周发布的页面
  • 创建一个新页面,从开始启动
  • 性能指标如SEO,转换,网站流量

Getaround的营销网站post-Webflow:改善网络性能和团队的敏捷性

这就是Getaround取得3个月后我们的Webflow迁移:

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

最重要的是,我们现在更灵活,能够跟上我们的业务的速度。几个月前,这是压力测试时主要和时间敏感业务计划需要启动项目开始后大约一个星期。我们很容易设计和建造两个登陆页面,以适应这个在不到5天!

webflow加速前端开发
web之前和之后没有代码

迁移Getaround的营销页面转化为Webflow非常对我们的生意,upleveling不仅我们的网络性能指标和质量的web内容,也是我们团队的速度和灵活性。

重建一个现有的遗留的网站没有代码的工具是一个不小的任务,但我希望这些步骤帮助到达到你的团队:结果显然偿还!

第六章

规划从没有代码切换到代码

我的名字是大卫。自2014年以来我一直在构建没有代码产品和特性。欧宝体育在线首页我带领我的团队获得资金从2017年夏天Y Combinator批产品,经历了前两个没有代码迭代过渡到一个Ruby on Rails堆栈。欧宝体育在线首页

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

原则

我发现一个核心原则在每一个项目我没有代码年代牵引你得到的越多,就变得越有益搬到代码。你会注意到三件事开始发生,我们称之为没有代码的限制:

没有代码的限制

  1. 功能限制:限制多少你可以定制功能特定的用例
  2. 社区限制:你会想雇个人来维护产品/特性并建立更多的代码欧宝体育在线首页
  3. 基础设施限制:有一个下限,有多少人可以使用该产品欧宝体育在线首页

牵引越多,风险你的情况。你必须计划顺利和迅速从你当前的堆栈过渡到你的下一个堆栈。你的下一个堆栈栈可能成为另一个没有代码,但最终如果你继续获得成功,它通常会变成一个代码像Ruby on Rails堆栈。我们将把这些堆栈过渡的步骤。

堆栈过渡步骤

  1. 预测故障:总是考虑你当前的堆栈何时何地分解
  2. 建立新的堆栈:开始构建新的堆栈时过渡到你当前的堆栈分解
  3. 过渡到新的堆栈:你所有的数据和用户迁移到新栈

最后,除非你的编程技能的高级开发人员,计划雇人代码库的主要发展阶段当它到达。可以处理所有的技术决策的人,而不是一个初级开发人员工作在您。

我的基本信息

2015年,我拥有一个网站设计机构建立了很多Squarespace网站。我们是合作伙伴杰克Jorgovan创造了一个受欢迎的课程,如何构建一个Squarespace网站。杰克的课程生成数十人接触问,“你能帮我波兰推出网站的设计吗?“杰克会参考这些导致我们。

大多数web设计者不希望这些小幅领先,因为所有的反复让他们昂贵的。但是我们发现通过视频会议与客户允许我们比尔超过50%标准税率(所以,150美元/小时)和发射他们的网站在大约2小时。这使它值得最专业的设计师。

思考的所有其他网络营销工具自己动手,我们认为有一个更大的市场这样的随需应变的帮助远远超出网页设计。所以我联系了一位同事,他也拥有一个网站,是我的共同创始人这边项目。

Squarespace栈:证明这个概念

我的新合伙人处理销售和招聘网页设计师提供他们的服务。我专注于黑客规模的基础设施服务。我的目标是将在另一个团队成员领导科技一旦我们证明了概念和全职。

因为我们有丰富的领导,我们的第一个瓶颈是有基础设施促进网页设计师做的按需通过视频会议会议。我解决了这个以下堆栈:

一旦我们有这个堆栈,并测试了几个客户,我的创始人开始招聘设计师加入。

在构建平台和预测何时打破(步骤1堆栈过渡步骤),我知道Squarespace和敏锐是第一个瓶颈。

  1. 敏度有一个团队账户但没有API计划像变焦。所有的设计师会登录和同步日历就像是一个团队成员。这是一个阻碍达成协议的扩展。
  2. 我们必须使每个网页设计师独特的一页Squarespace因为没有CMS。所以更新模板设计师的概要文件的更新每个单独页面。这也不会规模远。

其他故障包括:

  • 我们无法添加基本的web应用程序特性一个期望,如用户登录
  • 客户端用户必须输入他们的信用卡每次预定一个会话。就不会有过去的交易记录可以看到UI,也是促使后续会议的机会
  • 设计师不得不请求更改配置文件,我们必须手动更改它

我们按比例缩小的堆栈为5个月每月增长50%。每个月我们的主要指标是小时的会议。

回到没有代码的限制概念,我们的主要问题是# 1,功能的局限性。在堆栈过渡步骤,我们预计会有问题的可能,我们需要改变栈。

泡沫栈:构建一个web应用程序

继续增加收入,我们需要方便客户购买,并增加设计师的数量在这个平台上有更多的时间可用性。我们的愿景是,最终使客户雇佣一个设计师在60秒。

我们的下一步是重建我们大部分的堆栈。我们认为我们需要雇佣一名开发人员,但有一个新的叫做“无编码的web app builder”平台泡沫这看起来有前途。似乎都能做一个传统的web应用程序,但是更快的方式。我们决定试一试。下一个步骤:

  1. Squarespace换成泡沫我们可以建立一个客户仪表板和数十名设计师档案管理
  2. 种子泡沫与谷歌的数据库表数据
  3. 重新连接Zapier仍然post数据到谷歌表用于分析

自从我们是日益增长的收入在这一点上,是有意义的初级前端开发人员在我的web代理学习泡沫所以我可以专注于其他增长任务。他花了一个月学习泡沫,重建我们的平台,把我们生活。

我们现在有一个注册流程,客户指示板,集成条纹连接到存储客户的信用卡。接下来,我们需要一个功能允许每个设计师通过OAuth同步他们的日历。我们假设与api,因为我们是好的我们可以让任何事情发生在泡沫可能发生在一个代码库。的几个工具,看起来很有前途,我们计划使用Timekit因为它似乎最抛光。

这是一个巨大的学习机会。时候要实现Timekit,我们意识到有“回调”,必须被编程为OAuth的工作——他们不可能侵入泡沫。我们现在有一个新的功能限制在一个关键特性。我们决定规模尽可能围绕它。

接下来是提高客户指示板,这样他们可以把过去的会议——一个非常基本的功能程序到一个web应用程序。当我们设定在泡沫,大约一两个延迟直到历史会话数据会显示在屏幕上。虽然从技术上讲,用户体验感觉janky。我们花了十多个小时处理优化的最佳泡沫自由职业者这个工作流,但并没有太多的差别。这是一个基础设施的限制这是一个用户体验的问题。

当我们完成所有的这些问题,每一个新的一个越来越更具挑战性。当我们开发人员拿起泡沫,重建了平台快得多,在达到一个点,我们都不知所措,寻找更多的高级开发人员带头。

注意:你是死是活的基本面

能够把应用程序一起做事情是很容易的。了解web应用程序的基础架构,你会死亡。这是因为你创建技术债务。不仅在某种意义上,你不是在一个代码库,而是因为你会做事情像不当模型数据库。

这是我们发生了什么事。很容易自旋向上的数据库和关联泡沫,而是因为它没有完成基本面良好,数据库查询的时间,我们将不得不改变模式和做数据库迁移当添加新特性。

这是相同的和Webflow Squarespace用户接触我们的帮助:他们可以把东西放在一起,在技术上是一个生活的网站,但是他们不足够使其公众感到自豪。他们的问题是他们不知道网页设计基础。

我们寻找一位高级泡沫开发人员。只有大约10选择在论坛上(这是前Bubble-developer目录)。工作时,我们知道我们的初级开发人员学到泡沫两个月前在大致相同的水平。

对我们每个人都有着相似的背景:他们想要迅速破解的东西在一起,不知道如何代码。没有人经历构建可伸缩的web应用程序和绝对不是一个计算机科学学位。

泡沫开发人员的平均速率约为150美元一个小时,太。相比之下,Rails开发人员,平均80 - 100美元/小时,几年的应用开发经验,往往一个计算机科学学位。快速构建应用程序的初始效率提高。现在,我们将支付更多的人才。

我们试图找到最成功的消费泡沫的应用。我们认为我们可以跟随他们的脚步和规模至少一样大。不幸的是,我们我们发现最成功的任何人。虽然你可能会认为这是有利于我们的自我,它实际上是可怕的,我们意识到我们不能规模泡沫就我们的想法。现在我们经历的一种极端形式社会的局限性

尽管处理这些挑战没有代码的局限性,我们仍然每月按比例缩小的泡沫50%三个月。回顾一下:

  • 功能限制:主要是建筑和谷歌OAuth调度功能
  • 基础设施限制:主要用数据库查询耗时太长
  • 社区限制:在可伸缩的web应用程序开发的经验有限,小社区,一些专业人士自由,基本上没有一个全职的候选人,高油价对那些自由职业者。

搬到一个代码库

因为泡沫和还没有代码平台的顶峰,我们刷爆了,现在我们唯一的选择是基于代码的平台。起初我们以为我们可以雇个人来重建平台代码。我们试过,意识到我们需要一个“技术创始人之一”,而不是一个雇员:人可以作为我们的首席技术官,会在未来几年我们公司建造的。

我们在接下来的3个月雇佣自由职业者,发布工作的创始人之一的位置,和网络在纳什维尔之前找到正确的人。[4]他说最大的一个原因,他想加入该公司是牵引我们已经演示了。

在接下来的两个半月,我们的新首席技术官重建Rails应用程序,我们准备让开关。这是核心转移的范围:

  • 数据导入:首席技术官要求他需要导入的数据设置。我花了一天时间左右组织,在电子表格。
  • 301重定向:路线需要改变,所以我抓取我们的网站尖叫的青蛙url的列表,他们创建了一个电子表格映射。这里有一个模板。
  • 第三方工具连接:我重新配置Zapier工作流webhook触发的。我们的首席技术官编程应用程序发送JSON数据Zapier Rails在适当的工作流步骤。
  • 用户电子邮件:每个用户需要做一个密码重置的过程来捕捉他们的帐户。我的共同创始人起草一封电子邮件用户,我们计划发送启动。

从这里开始,我们的产品已不再受欧宝体育在线首页任何的约束没有代码的限制。与我们的新团队和代码平台准备好了,我们应用YC,春天和夏天担保资金2017批。

反射和外卖

我们战术黑客的事情一起Zapier / Squarespace敏锐度堆栈是一个伟大的选择,证明了我们的概念。我们可能是最好直接招聘一个技术创始人而不是重建在泡沫。我认为我们过于乐观没有歌唱的潜力为核心的平台。

说,我们仍然相信,雇佣没有代码高产。我们建造了成千上万的网页使用Webflow的CMS反向代理设置上我们的Rails应用程序。人的原型展示欧宝体育在线首页产品。每周有机谷歌的流量增长了30%,四个月,直到我们搬到Rails后基础设施和功能的限制。

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

如果六十从头开始,我会有Webflow我们所有营销页面。盆景中音这样做我也看到其他许多Y Combinator创业这种方式构建。这是一个强大的设置——营销团队可以更改站点没有配料工程团队。

希望这能帮助你更好的解决你的任何代码的挑战。如果你还有关于使用哪个栈和多远的问题规模,随时联系我推特。我还从没有颂歌分享更多内容项目我提到。

第七章

没有代码将对世界的影响

没有代码运动,在其核心,是权力,释放潜力。

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

所以,世界上没有代码将产生何种影响?简单地说,没有代码的世界是一个世界,思想不是由于技术壁垒——一个世界,他们想要的任何一个想法或一个业务开始将有权这样做,而不需要学习代码或找到一个工程师,让它成为现实。

时已经在其他行业中,创造了更容易的方式,创造出的数量和规模就会突飞猛进。在软件世界中,没有代码运动试图做同样的事情。

我们骄傲的在这个新运动的前沿,我们迫不及待地想看到大家构建。这里的繁殖人类的潜力。

第八章

学习资源

联系社区和学习如何构建的代码,自动化和规模的软件,而无需编写代码。

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

Makerpad

makerpad标志

Makerpad是一家没有代码社区学习中心。探索最佳没有代码的工具,学习如何构建和规模强大的应用程序,雇佣没有代码专家帮助您的项目。

Webflow大学

webflow的标志

Webflow大学去的地方学习网页设计和开发的来龙去脉——没有编码。设计和构建动态网站综合教程,详细的文件,和常见问题的答案。

Nucode

nucode标志

Nucode是一个没有代码社区和论坛,制造商收集学习和讨论各种没有代码项目。学习如何构建应用程序代码没有任何编码经验和参与世界各地的专家。

Zapier学习中心

zapier标志

Zapier学习中心是一个学习如何教育资源自动化日常任务而无需编写代码。从项目管理到客户支持,学习如何创建与Zapier自动化工作流。

Nocode.tech

nucode科技

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

Nocode总部

nocode总部

Nocode总部是发现和资源中心学习如何构建没有代码的工具。学习如何构建网站、移动应用、聊天机器人,自动化工作流无需编写任何代码。

Flowbase

flowbase标志

Flowbase是一个Webflow资源网站没有代码初学者和专家。获得可克隆资产、模板、导游等等。

Nocode必需品

nocode必需品的标志

Nocode必需品是发现没有代码的中央枢纽资源。轻易找到你需要知道什么建筑,发射,扩展你的下一个项目,而无需编写代码。

第九章

没有代码工具目录

从视觉web开发自动化工具,没有代码平台使团队工作速度更快和更低的生产成本。欧宝体育在线首页

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

Web开发

没有代码开发平台旨在帮助团队构建美丽和强大的网站。

Webflow

webflow的标志

Webflow的方式来设计、构建和启动强大的网站,而无需编写代码。建立专业网站,推出Webflow的赢得托管,或导出代码和经验的力量HTML、CSS和JavaScript 100%视觉画布。如果你可以设计它,您可以构建它,Webflow。

Carrd

carrd标志

Carrd构建简单,是一个免费的平台充分响应的单页网站。是否它是一个投资组合或着陆页,Carrd允许您构建它美丽和容易。一旦你的网站准备好了,发布到web Carrd Pro。

Shopify

shopify标志

Shopify允许您创建和管理电子商务网站。构建和托管存储,完成订单,并使用Shopify插件市场市场产品——都在一个地方。欧宝体育在线首页从前端到后端,Shopify你覆盖。

应用程序开发

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

Thunkable

thunkable标志

Thunkable是一个拖拽移动应用程序构建器,允许您创建iOS和Android应用程序无需编码。应用建立在Thunkable可以跨所有设备和工作可以直接发表在iOS应用程序商店或谷歌商店。

泡沫

泡沫的标志

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

Voiceflow

Voiceflow允许您设计,原型,并建立语音应用程序。创建和发布Alexa的技能和谷歌的行为而无需编写代码。

滑翔

滑翔应用标识

滑翔让你把电子表格应用程序,没有代码。创建易于使用的应用程序从谷歌表只需5分钟。

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

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

Scapic

scapic标志

Scapic允许您创建增强现实购物体验。创建360度产品可视化和转换通过数码欧宝体育在线首页产品接触更多的客户,无需编写代码。

自动化

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

Zapier

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

Integromat

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

抛物线

抛物线的标志

抛物线让你自动化例行任务。输入数据到基于抛物线和直观地创建逻辑流所需的输出。过程数据、构建CRM工作流自动化电子邮件营销,更与抛物线。

分析

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

段标识

是一个客户数据平台,可以帮助你收集和分析客户数据。使用段作为一个为所有你的网站和产品数据中心。欧宝体育在线首页,然后将数据发送给其他平台一样,Mixpanel Google Analytics或HubSpot的接受进一步的见解。让你的营销、产品和工程团队与清洁——收集数据段。欧宝体育在线首页

Mixpanel年

mixpanel标志

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

振幅

振幅是一个产品欧宝体育在线首页分析软件的web和移动应用程序。从SaaS Fintech,振幅允许企业进行数据驱动的决策,基于用户行为。建立伟大的产品经验和留住欧宝体育在线首页用户——振幅。

电子表格和数据库

没有代码电子表格和数据库旨在帮助团队收集和存储数据。

Airtable

airtable标志

Airtable就像类似于谷歌的电子表格表,但是给你的力量组织任何一个数据库。从项目管理到一个完整的CRM, Airtable允许您构建工作区,可以作为动态数据库,而无需编写代码。

dashdash

dashdash标志

dashdash是一个电子表格,可以让你建立强大的销售和营销工具。然后,您可以发布他们的web应用程序,没有代码。创建函数为使重复的任务自动化、集成SaaS工具来收集数据,并将电子表格转换为web应用程序-所有在一个点击。

文档编辑器

文档编辑器设计用于帮助团队跟踪数据库、知识管理、项目任务。

Coda

coda标志

Coda文档允许团队,或大或小,创建文档并把它们转化成应用程序。从项目管理、库存管理和远程协作,Coda将一切带入一个地方。给一个家你所有的文档、电子表格、数据和应用程序之间的工作流应用程序——没有次涨跌。

概念

概念

概念对知识管理,任务是一个一体化的工作区,笔记,和数据库。它作为一个中央中心团队写,计划,和协作。使用概念,您可以替换工具如Google Docs, Evernote,体式、Trello,谷歌表。

有证

客户关系管理工具用于帮助团队跟踪顾客的每一步。

HubSpot的

hubspot的标志

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

铜的标志

对谷歌来说是一个客户关系管理平台构建。组织联系,跟踪销售周期的每个阶段,使重复的任务自动化,在G套件。

形式

形式建筑商为帮助设计团队收集数据并构建个性化的客户体验。

Typeform

Typeform允许您构建互动体验调查和铅一代形式。吸引更多的反应,提高反应率通过将数据收集到一个经验——而无需编写代码。

JotForm

jotform标志

JotForm是一个在线表单生成器生成领先设计,分发调查,收集支付等等。

电子邮件

没有代码的电子邮件工具用于电子邮件营销和帮助创造者赚钱他们的在线内容。

Mailchimp的

mailchimp的

Mailchimp的是一个一体化的营销平台,专注于电子邮件营销。增长你的听众与注册形式直接和集成到您的网站。工艺漂亮的电子邮件,创建登录页面,并收集和管理领导——所有Mailchimp的。

ConvertKit

convertkit标志

ConvertKit是一个在线的电子邮件营销平台的创造者。得到你需要的工具和自动化收集和培养领导对您的业务或博客。提高转化率与自动电子邮件和得到洞察你的用户在什么阶段定制的旅程。

垂直叠加

垂直叠加的标志

垂直叠加允许在线创造者轻松地创建基于订阅的电子邮件时事通讯。创建自己的出版物,开始自己的通讯,并为之写你爱什么。

客户支持

客户支持工具为从事设计与现有的和潜在的客户。

对讲机

对讲机的标志

对讲机是客户信息平台,让你与你的客户。它有助于推动忠诚和增长在客户生命周期的每个阶段。集成聊天机器人在你的网站上支持销售、营销和客户支持团队——所有对讲机。

支付

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

条纹

条纹的标志

条纹是一个在线支付处理互联网企业的工具。很容易与套件条纹连接到你的网站付款api,为任何规模的业务而设计的。

贝宝

贝宝的标志

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

用户研究

用户研究工具旨在帮助用户洞察数据驱动决策。

优化车间

优化车间

优化车间是一个用户研究平台,从用户数据可以帮助你做出决定。变换见解行动和提高你的用户研究、用户体验设计、信息架构。

原型设计

原型设计工具为个人和团队从构思到最终的艺术品。

InVision工作室

invision

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

Figma

figma标志

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

草图

素描的标志

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

Adobe XD

adobe xd标志

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

筹划者

筹划者的标志

筹划者是闪电快速的交互式设计工具将创意的生活。与筹划者创建响应的布局和设计功能原型。

Baidu
map