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

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

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

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

自成立以来,我们就围绕着更加可持续发展来设计整个90 Seconds 业务模式。通过Shoot Anywhere等解决方案,我们正在减少旅行成本和碳足迹,同时使我们的品牌能够在任何地方创建他们想要的视频内容。

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

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

挑战

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

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

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

在这些关键的决定之后,是时候开始根据我们新的视觉方法(又称 "90设计")来创造设计了。在过去的两年里,我们创建了一个设计系统,完全专注于数字平台上的人类体验。这也是我们设计团队的座右铭。我们为人类设计"。我们设计的每一个组件和布局背后都有社会学和心理学的原因。因此,90seconds.com自然也要反映这种意识形态。

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

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

进展

新的90seconds.com的整个设计和开发花了将近一年时间。虽然考虑到概念设计和初稿,完整的时间线接近2年。

鉴于我们是一个视频制作平台,我们的店面在很大程度上以图像和视频为导向。这既是一个装饰性的目的,也是对我们的用户的一个重要的视觉指导,让他们了解他们可以从我们的视频制作中得到什么。这也给一个致力于更加可持续发展的设计团队带来了挑战。所以我们决定遵循这两种优化方法。

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

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

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


结果

我们很自豪地说,我们已经使90seconds.com的可持续发展能力提高了90%,而且更加环保和方便用户。我们还大大改善了网站的性能,以确保我们为手机、平板电脑和各种屏幕分辨率显示原生的布局。考虑到我们是在Beta1.0版本,我们已经取得的影响是相当令人难以置信的。

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

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

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

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

通过新的90seconds.com,我们很高兴我们的排放量已经减少到只相当于9棵树,并且正在继续研究更多的优化方法以进一步减少我们的碳足迹。

网站碳素


ǞǞǞ


摘要

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