我们如何重新设计90Seconds.com以使其更具有可持续性--以及为什么?

内容表
  1. 简介
  2. 挑战
  3. 进展
  4. 结果
  5. 摘要
链接被复制!
Oncel Cebeci
3 年前・5 分钟阅读

让我们先来看看,在过去的十年里,网上的创业公司和产品已经成为全球能源消耗的主要参与者之一。互联网对全球资源的影响可以与工业革命相提并论,随着互联网的不断发展,我们预计在未来五年内,仅互联网就将消耗全球20%的资源。

很明显,作为技术公司,我们的使命是设计和开发更多的可持续产品。

自成立以来,我们设计了整个 90 Seconds 围绕更具可持续性的商业模式。通过诸如 Shoot 无论在何处,我们都在降低差旅成本和碳足迹,同时使我们的品牌能够在他们想要的任何地方创建视频内容。

合理的下一步是将同样的方法应用于我们的网站。

因此,我们开始设计...

挑战

我们最大的挑战是如何使用新技术将我们10多年前的内容调整到一个新的布局中--而又不破坏东西。我们知道,一个错误的举动可能会对我们的搜索引擎和整体用户体验产生负面影响,所以首先我们完善了近20000个内容页面,并消除了过时的内容。这不是一个小成就。

然后,我们不得不决定哪种技术将是后端和前端的最佳解决方案。我们以前的网站使用的是React和WordPress的混搭,这导致了错误和一系列其他问题。因此,我们决定将一切都转移到WordPress,因为它是一个无懈可击的平台,而且他们的原生主机是少数绿色主机服务之一

在我们继续之前,我想强调一个重要的考虑:设计团队在技术方面的作用。我相信,我们设计师不应该用 "我们做设计,仅此而已 "的心态来限制自己。我们应该直接参与产品开发,从内容创作到技术工程和SEO,这样我们可以影响结果,并以更快、更有效的方式与我们的同事合作。

在做出这些关键决定之后,我们就开始根据新的视觉方法(又称 "90 设计")进行设计。在过去的两年里,我们创建了一个完全以数字平台上的人类体验为中心的设计系统。这也是我们设计团队的座右铭:我们为人类设计"。我们设计的每一个组件和布局都有其背后的社会学和心理学原因。因此,90seconds.com自然也要体现这一理念。

90 Seconds 设计团队面临以下挑战。

  • 设计和开发新的 90seconds.com使其更具可持续性。
  • 反映我们最新的视觉准则,同时保持90 Seconds 的外观和感觉。
  • 了解我们的市场和其中的真实人物。

进展

新版 90seconds.com耗时近一年。考虑到概念设计和初稿,整个时间表接近 2 年。

鉴于我们是一个视频制作平台,我们的店面主要以图片和视频为主。这不仅起到了装饰作用,还为我们的用户提供了重要的视觉指导,让他们对我们的视频制作有所了解。同时,这也给致力于可持续发展的设计团队带来了挑战。因此,我们决定采用这两种优化方法:

  • 手动地 edit,裁剪和优化视觉内容。
  • 使用在线技术,如Cloudinary API,以平衡质量和数据负载。

在我们跳到这些系统如何运作并帮助我们使我们的店面更具有可持续性之前,我想谈谈我们在90 Seconds ,以确保我们在整个平台上保持一致并提供类似的用户体验的设计方法。

我们使用Figma作为我们的主要设计工具,并围绕一个设计系统进行设计,该系统由10,000多个全局组件、500多个布局和7个系统组成,它们相互制约,并有成千上万的独立组件及其变化。像拼图的碎片一样,他们创造了多用途的布局,我们用它来建立我们的平台。当我们准备在2022年对我们的平台进行一些大的改变时,我们的设计系统将在确保无缝用户体验方面发挥重要作用。


结果

我们可以自豪地说,我们已经将 90seconds.com的可持续发展能力提高了 90%,更加环保,更加方便用户使用。我们还大大提高了网站的性能,以确保为手机、平板电脑和各种屏幕分辨率显示类似本地的布局。考虑到我们还在测试 1.0 版本,我们已经取得了令人难以置信的效果。

让我们看看一些前后的对比。

我们使用多种软件和在线平台来计算我们的影响,如GTmetrixPingdomWebsiteCarbon。由于测试结果并不总是相同,我们使用中位数。下面是它们。

ǞǞǞ平度
之前F - 35%的业绩D-主页大小: 10,65MB
之后A - 95%的表现A-主页大小:2,4MB

根据网站碳足迹模拟器 WebsiteCarbon 的数据,网站每访问 10,000 名访客,前一个店面排放的碳相当于 143 棵树一年吸收的碳量。考虑到我们网站每月的访问量远高于这个数字,这是一个巨大的数字。

有了新的 storefront90.wpengine.com,我们很高兴能将碳排放量减少到仅相当于 9 棵树的排放量,而且我们还在继续研究更多优化方法,以进一步减少碳排放量。

网站碳素


ǞǞǞ


摘要

与所有软件和在线公司一样,90 Seconds 有责任确保我们竭尽所能地节约和保护地球。地球的资源不是无限的,我们坚信,我们必须尽自己所能减少碳足迹,并产生最大的积极影响。我们期待着为我们的用户创造更多对人类友好、可持续和有效的产品,并希望我们的努力也能帮助引导其他公司朝着类似的方向前进。