网页设计中的隐藏功能:打开“驾驶室”的派对模式

网页设计中的隐藏功能:打开“驾驶室”的派对模式

每个网站项目都是不同的。

我从事开发工作已有大约十年的时间,我所从事的每个网站项目(也许我也会 曾经 工作)是独一无二的。这些项目的目标根据客户及其需求而变化,毕竟我们的工作是为客户的挑战创建解决方案。

但是,任何网站的首要任务都是功能。它应该为用户提供直观的体验,并使我们的客户易于在后端更新。之后,设计和细节才是使网站在竞争中脱颖而出的要素,这些都是使网站令人难忘的原因。

有时,这些细节采用有趣的动画或悬停状态的形式。有时这是一个聪明的404页面。

就Wheelhouse的网站而言,这是一项隐藏的奖励功能。

 

但是首先,要有一些背景。

原子尘与Wheelhouse背后的公司1000 Spruce合作已有数年,从 起始栏 早在2016年。(该网站有一个 隐藏功能 (当访客输入Konami代码时解锁的游戏。)在那时,我们还为Wheelhouse进行品牌推广。创建品牌,室内设计和网站后 中西部 去年,团队要求我们为Wheelhouse设计一个新网站。

原子尘的驾驶室菜单设计和餐厅品牌塑造

业务是一个独特的概念。白天,这是一家餐厅,在比赛期间吸引市中心的工人,游客和体育迷。在晚上,这是一个跳线酒吧,营业至周末的凌晨3点。他们的网站需要分别吸引两个受众。

 

一个好主意。

我们的一位资深设计师凯蒂(Katie)通过两种模式设计了网站的首页:上午7点开始,该网站处于日间模式,背景为浅色,手绘插图的阳光照耀着Wheelhouse的建筑物。下午5点后,该站点将变为夜间模式-背景变暗,月亮出来了。用户可以随时单击左上角的小圆圈在两种模式之间切换。

为了开发此功能,我在建筑物后面添加了一个.svg形状,具体取决于模式,该形状从浅色过渡到深色。我想知道为什么要停在两种颜色?

我在顶部添加了第三个圆圈,轮廓随着建筑在色谱中循环而改变颜色。 (该圆圈仅在夜间模式下可见,因为白天对栅格的需求不大。)加上夜幕下的人群在派对灯下泛起的照片,建筑物的旋转色在夜间展现了Wheelhouse的能量。

派对模式诞生了。

 

沧海遗珠(不易发觉的美丽。

我喜欢在网站上添加这样的隐藏细节,因为这可能是展示品牌个性的好方法。 操舵室的餐厅和深夜酒吧双重个性为利用网络作为动态媒体提供了绝佳的机会。此外,互动性吸引人们去探索,令人惊讶的小功能为其好奇心奖励。这就像在电子游戏中找到复活节彩蛋一样;体验并不是很重要,但可以与朋友分享,这是一种有趣的转移。

笔记本电脑上的Wheelhouse网站设计首页

理想情况下,聚会模式可让发现它的人更好地了解深夜氛围 操舵室,并使该品牌更令人难忘-在下次他们寻找外出玩乐的地方很重要。

谁知道呢,也许网站周围还隐藏着其他惊喜……

 

重新设计网站时要考虑的5件事

亚历克斯·莱恩克

亚历克斯·莱恩克

亚历克斯一直在努力弄清楚她想做什么。在Fontbonne大学获得文学学士学位的同时,她从美术到平面设计再到网页设计,最终进入了网页开发。她的职业生涯初期是在小型启动环境中进行设计和开发。她对创造和学习新事物充满热情,并且价值观被喜欢这样做的人所包围。

亚历克斯·莱恩克的更多帖子