欢迎光临散文网 会员登陆 & 注册

价值15k的电竞椅详情页居然能这样做?是我没见识了【杰视帮】

2022-07-22 13:47 作者:杰视帮设计  | 我要投稿

电竞椅详情页赏析环节来啦~

 

我们扒了那么多电竞椅,发现跟儿童安全座椅相比,电竞椅这个类别还没那么“卷”。

 

内容逻辑上大同小异,风格也很相近,但是我们还是想努力找到一些能让人眼前一亮的设计。



大家买电竞椅的目的是什么?

 

好看?追逐潮流?还是实用舒适?

 

这些其实都是个人偏好,而我们电商设计师要做的就是将这种抽象的消费心理具象化。



我们在某橙色软件中选出了下面三组风格、技巧各有千秋的电竞椅详情页。



下面就来一起看看,这些品牌是如何展现自家产品的。




先来看下第一组,安德斯特电竞椅。



这一组详情页,虽然打眼一看,内容有点多,但是逻辑线是非常清晰的。

 

为了更快抓住消费者眼球,在市面电竞椅同质化严重的情况下脱颖而出。

 

这一组选择将信任背书前置,把服务国家足球队,PCL联赛指定电竞椅等荣耀放在最前面。



坐最舒服的安德斯特电竞椅,让我的每一把游戏都超神发挥 。---- 世界冠军中单、S8世界总决赛冠军

 

格调一下就起来了,也就直接将产品在消费者心中定了位。



然后,才是首屏,对产品进行展示,黑金配色加上机械元素的运用直接奠定了全组的氛围基调。



接下来,是对产品性能的阐述。

 

总分的逻辑,先用一屏的篇幅概括出产品的四大性能,再分屏具体表现产品优势。



优势这一趴过后,就是对座椅类别的全方位展示,参数与款式分组对应,将产品信息更清晰明了的摆在消费者眼前。



最后,结尾加入应用场景,利用座椅周围环境的改变,为消费者带来沉浸式体验感,激起用户消费欲望。



内容逻辑梳理完了,我们来看一看视觉呈现。

 

就跟详情页里文案说的那样,这组设计,给人第一感觉就是机械故障风和未来科技感。

 

首屏模拟了电子游戏的风格,不同样式的机械印刷块错落堆积在椅子的两侧,点、线元素加入,丰富页面细节,增加设计感。

 

展示台用重金属质感的不锈钢材质,座椅逆着光线放置,适度留白的窗口聚焦观众视野,将视觉重心引向前面电竞椅。



性能展示部分,通过模拟产品设计中的手绘线稿的方式,展现产品精细化的零件,增加画面记忆点。



下面几屏,利用仰俯视角的变化,多角度对座椅的舒适性进行诠释。

 

屏与屏之间进行跳色处理,丰富了画面的视觉节奏感,有效避免观众视觉疲劳。



这部分反复运用到了一个元素,金属管。

 

通过调整颜色,叠加光效,给人一种座椅正在工作中的状态,认证了开头信任背书的真实可靠。



这类元素在烤箱、吹风机等家用电器的详情页中经常出现,之前也教过大家具体要如何操作,指路我们之前的教程。



这组详情页还有一个很出彩的地方,就是将数据跟设计融合的很到位。

 

这也是为了迎合消费者的偏好。

 

电竞椅的目标受众中有很大一部分是理工男。对于他们而言,真实直接的数据往往比色彩丰富的视觉呈现更真实可靠。



所以,在展现座椅支持用户仰躺,90-160度之间随意调整角度时,安德斯特选择,在椅子上直接加了一个量角器。



颜色选择橘色,跟整体风格相协调。材质上进行半透明处理,增加质感。

 

90、160、180度分别被特别标记,其余部分在刻度上做了减法,并添加了一些横向线条,增加画面美感。



透过量角器,我们可以观察座椅的细节,半圆的形状与座椅前后调节出现的弧度,也能部分吻合。

 

最后,在页面下方圈出一块区域,icon配合文字,强化产品优势。

 

图案选择对电竞椅应用场景进行再次简化,简约的线条,搭配数字标注的角度,细节拉满。



将座椅的真实数据通过创意和技法展现,不仅强调产品的性能,还能让页面看起来更为严谨。

 

这也是我们电商设计中不断追寻的,实用性与设计感兼得。





硬核装甲风的看完了,我们再看看另一种未来科幻风,傲风的3D仿生人体工学电竞椅。



这一组内容逻辑基本跟上面的一样。

 

先是信任背书前置,指出傲风是2022英雄联盟职业联赛的指定电竞椅。



然后上主图,对产品进行展示。



接下来按照总分的逻辑,先表明选择征服者的4大理由,再按顺序排列内容。



产品参数介绍、荣誉证书、品牌售后、发货等作为补充信息,被放在最后,让整组详情页的逻辑更加完整。



再来看看设计风格,跟上一组的机械未来相比,这一组明显更强调生活化和真实性。

 

首屏是是一个相对简洁的场景化展现,红蓝撞色的背景墙,加上球形灯的柔光与落地灯的点缀,整体看上去舒适居家。

 

右边部分红色的加入,避免了全局蓝色的单调,丰富了画面色彩,也让消费者的视野更集中于红色板块,配合灯光的引导,更好的突出了前方的产品。



追腰贴合、座椅夹角、座椅后仰等特点展示的时候,也利用3D建模还原了座椅使用中的真实状态。



这种写实的页面风格能够在潜移默化中给目标受众形成心理暗示,快速拉进了产品与消费者之间的距离。




最后,我们再来看一组逻辑、风格跟前两者完全不一样的详情页。



Herman Miller家的页面非常简洁,实质性的内容并不多,甚至严格意义上讲,都没有一个主图展示。

 

打开这款椅子的淘宝介绍,开头就是一个简单的宣传视频。

 

然后只给了两屏,简单提了下电竞椅的核心优势和装备升级。



接下来就是一些常规的使用指南、生产过程等等。大背景用黑白跳色,具体视觉呈现就是一张图片一段字配着来。



紧接着,就进入了细节展示和产品背书,整体非常平淡流畅,没有太多华丽的修饰。

 

甚至看下来,单从设计技法的角度来说,全篇没有很高的技术壁垒,大多数新人设计师都可以临摹出来。

 

然而,就是这样一组相比而言最简单,工程量最轻松的页面,其所售卖的产品价格是前两件商品的10倍。

 

官方售价15700,比前面两个直接多了个0。



这价格,说一句电竞椅中的LV,应该不过分吧,反正我是不配的。

 

咱们粉丝里要是有谁买了,请一定要举手,让我看见。四舍五入就是杰视帮办公椅全是Herman Miller了!



不只是电竞椅,这种极简的风格设计,其实在很多类别中,都有出现。

 

比如电子产品领域中的苹果,它家的官网就是一直黑白配色。



但是可别因为看到大牌都用这种简约的设计,就忙着去模仿参考了。

 

这类极简主义的风格,也并不是谁都能效仿。

 

别人用是极简主义,我们弄,可能就变成了了偷懒。

 

大道至简,弄得好的是锦上天花,弄不好连夜打包,“自愿”搬出公司。



看似简单到仿佛没用心思的页面,背后往往是品牌文化的多年沉淀和产品硬实力的强大支撑。

 

苹果的“极简主义”,重点一向都是前缀“苹果”,而不是极简。

 

最后,大家如果有啥感兴趣类目的详情页,欢迎在评论区留言告诉我们。

 

我们多给大家收集收集,继续分析给大家看~



价值15k的电竞椅详情页居然能这样做?是我没见识了【杰视帮】的评论 (共 条)

分享到微博请遵守国家法律