从设计机构到网页设计的未来

这个故事讲述了获奖设计机构ThreeSixtyEight为何从WordPress转向Webflow,以及它如何改变了他们的公司。

没有发现。

对于ThreeSixtyEight的首席战略官和联合创始人杰里米•贝特(Jeremy Beyt)来说,很明显,这是一个发展的机会。

当时,ThreeSixtyEight——一家位于洛杉矶巴吞鲁日的全面设计机构——是一家WordPress商店,利用战略、设计和工程之间的敏捷瀑布方法为客户创建网站。

虽然ThreeSixtyEight团队发现WordPress,一个卓越的开源网络巨头,总体上非常适合他们的需求,但它有非常明显的局限性,越来越不能被忽视。“这是工程和设计之间不断的推拉,”杰里米说。“人们总是在优先级上紧张,设计师追求新颖的交互,而开发人员则追求效率和可扩展性。”

根据Jeremy的说法,从设计到工程的转换是ThreeSixtyEight团队的主要痛点。反过来,这将导致一系列的问题——设计师在不了解代码限制的情况下构建沉重的站点,工程师限制了设计师的设计能力——最终减慢了构建时间。

这成为一个主要问题,特别是随着设计领域的发展。“网站开始变得更加注重设计,”Jeremy说。“所有这些设计元素开始变得更加复杂,我们的工作开始落后。”

对于杰里米和ThreeSixtyEight的团队来说,他们显然需要彻底改革。不仅仅是他们在什么基础上建设,还有他们如何建设以及他们的组织是如何构建的。

但首先,让我们更仔细地看看该机构是如何使用WordPress运作的。

摩擦和低效率

理论上,对于像ThreeSixtyEight这样的机构来说,使用WordPress作为他们网站构建的选择是很自然的。

但是根据ThreeSixtyEight的交互设计师Shelby Buquet的说法,使用WordPress进行开发会导致设计和工程之间的摩擦。“作为设计师,我们的愿景通常不会以我们在开发过程中想要的方式呈现出来。设计师和开发者的角色之间总是存在着障碍。”

简而言之,设计师想要构建最酷、最大的网站,而开发人员则会为了高效、精简的代码而推后。“由于代码的局限性,人们总是会争论‘我们该走哪条路?“杰里米说。没有人给出明确的答案。目前还没有一个明确的答案。”

结果,设计和开发都不能向客户交付最优的产品,因为最初的设计愿景和交付的内容经常不同。欧宝体育在线首页

杰里米说:“从商业和生产的角度来看,效率往往很低。”欧宝体育在线首页“始终如一地实现最初的愿景很困难。这是一场妥协的游戏。”

当ThreeSixtyEight试图克服这些挑战时,网页设计也在不断发展。漂亮、创新的网站开始在市场上大量涌现,它们不仅设计丰富,而且元素复杂,交互快捷灵活。

这使得ThreeSixtyEight的设计到开发的交接变得越来越紧张。

杰里米说:“我感觉我的头在撞墙。”“其他团队是如何做到这一点的?有些公司是设计和开发的混合体,但后来我开始听说Webflow。”

不确定性和矛盾

当杰里米第一次看到Webflow时,它远非一见钟情。

杰里米说:“我看了看Webflow,不得不承认我对它不屑一顾。“我以为它只是为那些不努力突破网络极限的人准备的另一款小型商业产品。”欧宝体育在线首页

谢尔比也感到矛盾。“我想,哦,这不过是又一个拖放编辑器,”他说。最重要的是,他无法想象将高级开发的力量带到一个可视化平台上是可能的。

在大约一年的时间里,Jeremy和他的团队忽略了Webflow这个可行的选择。然后杰里米的一个自由职业者朋友告诉他他切换到Webflow的经历。“我的朋友说,‘你看过Webflow吗?你必须看它。我现在就用这个了。’”杰里米说。

这激起了杰里米的兴趣,那天晚上,他回到家开始看所有的视频Webflow大学.“我一晚上就看完了所有的剧,疯狂地看。我觉得我在展望未来,”他说。

对于Jeremy来说,Webflow无缝融合设计和工程的能力,以及快速构建和迭代的能力是游戏规则的改变者——也是ThreeSixtyEight许多问题的解药。此外,它使他们的客户能够快速和无缝地进行更改。

之后,Jeremy知道这个Webflow是ThreeSixtyEight需要走的方向。“我想找到我能找到的最好的Webflow设计师,我遇到了蒂姆·里克斯他恰好就在我们这个城市。”Jeremy和ThreeSixtyEight团队立即雇佣Tim去探索Webflow的可能性。

Webflow——现代WordPress的替代品

使您的团队能够可视化地构建最自定义的、响应最快的和最安全的站点——在很短的时间内。

订阅成为Webflow内部人士
谢谢你!您现在已经订阅了!
哦!订阅时出了问题。
探索Webflow

的转折点

与ThreeSixtyEight团队的其他成员不同,Tim只在Webflow担任过设计师。尽管他涉猎过WordPress和其他网站的构建,也在学校学习过前端开发,但他对其中任何一个都不感兴趣。

他在大学三年级时通过YouTube找到了Webflow。蒂姆说:“我只需要一个观看Webflow的CMS的视频,以及你可以可视化地建立一个完整的数据库的方式,就完全说服了我。”“我知道这是一个正确的平台。”

几年后,杰里米邀请蒂姆加入ThreeSixtyEight——一个完全是WordPress的商店——和一个除了杰里米以外对WordPress持怀疑态度的团队。

在Tim被雇佣后不久,他就向ThreeSixtyEight团队的其他成员展示了Webflow的真正价值。在那段时间,该机构一直在为乐天这是一家总部位于东京的日本电子商务和在线零售公司,他们遇到了障碍。

Jeremy回忆道:“对于乐天来说,我们拥有我们想要的高度定制的互动体验。“当时它是在WordPress上构建的。我们和我们的工程和设计团队不断地迭代这个概念,我们一直在围绕着它。我们做不到。”

Tim看到了团队正在做的事情,并告诉他们:“我打赌我可以在Webflow上做这个。”当然,团队自然会怀疑。他们认为,鉴于网站的定制性质,Webflow不可能符合他们的愿景。

“第二天早上,蒂姆来了,他已经在Webflow上建立了整个主页。一个晚上就能完成所有功能和完美。”杰里米说。“那是一个转折点。”

对Webflow的能力印象深刻,Jeremy和他的团队开始将Webflow整合为整个公司的网站构建器。

乐天网站的图片。

更有效的流程

因为Webflow与WordPress如此不同,ThreeSixtyEight的流程也必须改变。

首先,他们添加了一个交互设计参与他们的过程。这允许从微互动到大规模加载屏幕的一切。然后,他们能够最小化工程阶段——从历史上看,这是一个项目中最长的过程。“通常情况下,一个为期六个月的项目,其中三到四个月用于工程和测试,”Jeremy说。

ThreeSixtyEight的内部团队也需要改变。设计团队从视觉转向UI和前端开发,每个设计师都接受了如何在Webflow中构建的培训。另一方面,开发团队将注意力从前端转移到全谱软件开发。这让团队得以建立网站而且平台。结果,它帮助提高了公司中每一个设计或构建软件的人的技能。

“Webflow帮助我们的设计师更像开发人员那样思考,让我们能够理解网站的不同元素是如何动态连接的。”

——Shelby Buquet, ThreeSixtyEight互动设计师

“有了Webflow和我们的新流程,我们把时间线压缩到了以前的不到一半,”Jeremy说。“这是快速创造和迭代的过程,这让我们在市场上拥有了竞争优势。”

从Shelby的角度来看,转向Webflow使他和他的团队能够成长为设计师。谢尔比说:“这让我们更好地理解了网络是如何工作的以及代码是如何工作的。”“Webflow帮助我们的设计师更像开发人员那样思考,让我们能够理解网站的不同元素是如何动态连接的。”

ThreeSixtyEight团队的一些成员的照片。
ThreeSixtyEight团队的一些成员。由ThreeSixtyEight

Webflow:网页设计的未来

对于ThreeSixtyEight来说,Webflow是他们押注的网页设计的未来。“我们不想用Webflow来取代WordPress。我们认为这是一个新的类别。”杰里米说。“我们的远大目标是成为你所见过的最酷的网站的创造者,而Webflow正是实现了这一点。”

一些著名的ThreeSixtyEight项目包括:

  • 项目转盘将互动提高到一个新的水平,并播放一些伟大的曲调。
  • 桑塔传说是一个以圣诞老人“不那么快乐的双胞胎”为特色的年终项目,它通过一个互动的旅程,告诉你你是淘气还是乖。
  • 病毒的积极性是在新冠肺炎期间为ThreeSixtyEight当地社区收集捐款而创建的。
  • ThreeSixtyEight文化手册这是我们见过的最酷的文化网站,也是我们第一次体验到我们必须滚动的网站吗向上以揭示内容。


ThreeSixtyEight的工作涉及从小型夫妻店到大型跨国组织。如果您感兴趣并想探索与ThreeSixtyEight团队的合作,请前往他们的网站Webflow专家简介伸出手,开始行动。

发表

2021年7月8日

类别

网页设计

加入谈话

Webflow是什么?

免费试用
关于设计师的更多信息

设计师

视觉画布中CSS、HTML和JavaScript的强大功能。

的相互作用

建立网站交互和视觉动画。

更多的互动

CMS

定义您自己的内容结构,并使用真实数据进行设计。

更多关于CMS的信息

电子商务

再见模板和代码——可视化地设计你的商店。

更多关于电子商务

编辑器

在页面上编辑和更新站点内容。

关于编辑器的更多信息

举办

只需几次点击就可以设置闪电般的托管。

更多关于举办
Baidu
map