帮 Taylor Swift 做 Eras Tour 的公司。帮 Usher 做 Super Bowl 中场秀的公司。不是炫酷的 3D 动效,不是全屏视频自动播放,不是那种让人一看就觉得「这公司预算很充足」的视觉轰炸。
Three unique companies under one roof, creating experiences you'll never forget.
白色背景,黑色文字,没有图片,没有动效,没有弹窗。我当时的第一反应是——这公司是不是刚成立,网站还没做完。
一个视频条,替代了整个 Hero 区域
一条窄窄的 Showreel,里面有舞台灯光、人群、演唱会画面,像是从某场演出的幕后摄像机里截出来的片段。就这一条。没有铺满全屏,没有自动播放声音,没有循环。整个 Hero 区域的视觉构成只有三个元素:Logo、一行字、一条视频。大部分公司的 Hero 区域恨不得把所有东西都塞进去——使命宣言、产品截图、客户 Logo、CTA 按钮,能放多少放多少。这不是一个「还没做完」的网站。这是一个非常清楚自己不需要什么的网站。
❶ Studios
❷ Productions
❸ Touring
每个板块的构成几乎一样:左边一个编号和标题,右边一段描述文字,下面是项目卡片。卡片不大,图片带着项目名称,右上角一个小小的分类标签。没有花哨的图标,没有进度条,没有「我们的优势是什么」之类的板块。编号、标题、项目,三样东西,一个不多。三个板块之间的间距非常大,大到你能感受到一种刻意的「慢」。它不想让你快速浏览,它希望你停下来看。在一个大家都在抢注意力的行业里,一家公司选择了让你慢下来看。大部分网站的 Press 板块长什么样?一堆灰色的媒体 Logo 排排坐。GQ、Rolling Stone、Billboard,Logo 小到你几乎看不清,排列方式像是在说「看我们上过多少媒体」。它的 Press 板块直接展示案例。全屏图片,演唱会现场,灯光打在人群上,舞台上的剪影。左下角写着 Taylor Swift | The Eras Tour。没有媒体 Logo,没有引用文字。就是一张照片,告诉你我们做了什么。
照片本身就是背书。你不需要 GQ 的 Logo 来证明这家公司厉害。Taylor Swift 的巡演照片放在那里,比一百个媒体 Logo 都有效。而且它不是一张静态图。是一个轮播——2/4,3/4,4/4。每一张都是重量级项目。你每翻一张,对这家公司的信任感就加一层。用作品代替背书。大部分品牌把媒体报道放在网站最不起眼的角落,Silent House 把客户作品放在了核心位置。
既然标题都提到了 Taylor Swift,我忍不住点进去看了看。案例页的 Hero 区域直接是一张全屏照片。Taylor Swift 站在舞台中央,抱着粉色吉他,穿着镶满亮片的演出服。背景是深蓝和紫色的光斑,像星河一样铺在身后。照片上方是 Silent House 的 Logo,下方是标题。没有多余的设计。一张照片,一个标题,完事。往下翻,是 Variety 杂志的一段引用评价。大字号,白色背景,引用文字本身成了页面的一部分。不是那种灰色小字缩在角落的 testimonial,是让你停下来读一段评价。再往下是 Credits。创意总监、制作团队、技术支持,每一行都有明确的职能分工。你不觉得这是在炫耀团队规模,反而觉得是在说——这种级别的项目,每一环都需要专业的人。整个案例页的信息密度和首页一样克制。没有把 Eras Tour 的所有细节都堆上来,没有几百张照片的 gallery,没有幕后花絮视频集。它选了一张最好的照片,一段最有力的评价,一份最清晰的人员名单。三样东西,把一个现象级巡演说清楚了。
说实话,这比很多品牌花几十页 PDF 讲自己做了什么,有说服力得多。Silent House 用了一个很特别的排版技巧:标题的字间距是负的。
正常情况下,字母之间有间距。但 Silent House 把字母往里压,形成一种紧实的、有重量的视觉效果。看起来像一块,不是一行文字。这个手法你可能在 Linear 或 Vercel 的网站上见过。科技公司喜欢用,因为负字间距给人一种「精确」「工业感」的印象。但放在一家娱乐制作公司的网站上,效果不一样。一个需要把字挤在一起才好看的标题,说明每个字都被精挑细选过。
「Three unique companies」——没有多余的修饰,每个词都不可替换。这种自信不需要通过大字号来证明,负字间距就是最好的证据。我翻完了整个页面,从上到下 8900px。包含的内容大概是:没有 About Us 的长篇介绍,没有 Team 成员头像墙,没有客户评价滑块,没有「我们获得了多少个奖项」的数据面板。这其实是一种很难的设计选择。因为删掉东西比加东西更需要判断力。大部分网站的问题是不知道该删什么,所以什么都留着。Silent House 知道。它知道客户来看它的网站,不需要看「关于我们」,不需要看团队成员,不需要看一长列奖项。客户只需要知道三件事:你做了什么,你为谁做,做得怎么样。三件事,它用一个页面说完了。
动效多,视频多,色彩多,弹出多。因为大家都觉得娱乐公司就应该「有活力」「有冲击力」「让人嗨起来」。所以大部分制作公司的网站看起来像 EDM 音乐节的门票。它做的是世界上最炸裂的现场活动。Taylor Swift 巡演、Super Bowl 中场秀、Netflix 线下体验。这些活动本身就够有冲击力了,不需要网站再额外添加。所以网站的任务不是「让你觉得这家公司很炸」,而是「让你觉得这家公司很靠谱」。能请得起顶级制作公司的客户,不是被情绪打动的,是被专业度说服的。
🌿 感谢阅读。觉得不错的话,随手点个赞、在看、转发三连。📖 往期推荐
如果你喜欢看网站设计类的深度分析,这几篇值得一看。
优网科技,优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。