天猫旗舰店的详情页要怎么设计才出彩? | Rokid AIR VR眼镜
时间:2023-10-10 08:18:01 | 来源:网站运营
时间:2023-10-10 08:18:01 来源:网站运营
天猫旗舰店的详情页要怎么设计才出彩? | Rokid AIR VR眼镜:Rokid品牌,是我们合作多次的老朋友,这是一家专注人机交互技术研究和人工智能软硬件产品开发的科技创新型企业,产品涵盖智能家庭机器人、智能音箱、增强现实(AR)眼镜,以及人工智能应用与服务。作为行业的探索者、领跑者,目前致力于AR眼镜等软硬件产品的研发及以YodaOS-XR操作系统为载体的生态构建。
Rokid AIR VR眼镜 2018年,我们为Rokid提供了官网网站的设计服务,这是我们第一次合作。之后,2022年中旬,我们又完成了Rokid Air天猫旗舰店的详情页的设计。Rokid Air是Rokid公司推出的AR产品,这是Rokid为消费者打造的首款AR眼镜,为此,团队在产品视觉、文案都下足了功夫,力求能最大限度地展示产品的诚意。
ROKID AIR 详情页主图我们相信研发这些极具匠心的产品都得有些情怀和信念做支撑,所以,在接到设计委托的时候,我们希望最后呈现的效果是能触动用户内心,并且引起共鸣。
Rokid Air 可以说是集轻巧时尚外观、人机工程设计、AI能力、自然交互和丰富内容于一体的产品,自发售起,便获得大批粉丝喜爱,在天猫旗舰店的平台上获得高度认可。基于此,为了更好的展示产品的势能,提升品牌的表现力,Rokid团队希望我们对整体的视觉和内容进行优化升级。
主KV 视觉图 大开眼界产品细节展示Rokid Air 的佩戴和使用者很多时候都不是专业的操作者,而是未受过培训的普通人,他们或许是喜爱电影观剧的刷剧达人,或许是热爱电竞游戏的游戏高手,他们会在天猫电商平台上反馈出戴上产品后的感受,并提出期待和建议。我们根据这群达人的特点,分析他们的使用场景和兴趣爱好,在设计之前预先构想了一个世界,即现在比较热门的“元宇宙”。
提炼产品卖点图文高度配合我们假设有这样一个人,他佩戴ROKID AIR VR眼镜之后,触动了虚拟链接,这个人可以穿梭于现实与虚拟之间,再平行世界探索宇宙奥秘,这么形容可能有些夸张,但我们需要这种科幻的氛围,来增强产品的科技感和未来感。所以我们的整体视觉基调以科技蓝为主,增加了星球、宇宙等元素。为了实现更好的效果,Rokid团队邀请了摄影团队对产品进行重新拍摄,寻找更好的角度和使用场景,之后再由我们的设计师根据画面需要制作出合适的效果图。
为了达到最佳效果,品牌方专门拍摄了各个角度下佩戴VR眼镜的图片Rokid Air是定位于通勤、办公、影音等使用场景所推出的一款精简化的产品,但简又不简,“它在以往AR眼镜形态上做了减法,在用户体验上做了加法”。其实制作产品详情页,就是对产品的卖点进行凸显,能刺激用户的感知点,迅速抓住关键词。所以,在最初梳理画面逻辑的时候,就从产品的外观设计、使用体验、技术、产品工艺、应用资源等方面对产品优势进行提炼,根据这条线索,对画面进行处理,这样一来,整个画面会更有表现力,也会更加条理分明。
天猫旗舰店是拥有超大流量的平台,聚集着数以亿计的用户,我们希望对产品详情页的设计能为Rokid AIR 的使用者、支持者带来更好的视觉体验,真正做到面面俱到,为产品赋能。因为这是第二次合作,所以我们双方团队在沟通协作上已经有一定默契,整个策划设计过程很顺利,效果现在看来也不错。
我们和ROKID 团队的上一次合作是在2018年,当时,我们是为ROKID提供官网网站的设计服务。
Rokid 官网设计中我们使用了大量的动态场景以及点击交互来凸显产品的年轻活力。我们为网站上热卖的两个产品做了细节设计,Rokid Me 是以年轻人为目标用户的一款智能便携音箱,除了语音之外,还可通过翻转,摇一摇等交互方式进行操控。ROKID PEBBLE 这款产品的定位是家庭智能机器人,它的中文名字叫做月石,产品的外形设计圆润有趣,在这款产品的展示上我们着重去突出了这个特点。
通常,为了更好的突出产品质感,我们都会为产品渲染了一部分场景,有静态的也有动态的,用户可以通过图片和视频更直观地感受到产品的品质。而产品的爆炸图,主要用来揭示内部零件与外壳部分之间的关系,用来探讨装配时可能遇到的各种潜在问题,也让用户了解产品的内部结构,很逼真也很酷。
爆炸图为了增加产品视觉表现力,动态化处理是最常见的,我们通过虚拟一些场景,来体现产品的氛围。
其实不管是网站还是一个电商平台的详情页,设计的底层逻辑是不变,就是有逻辑有重点的凸显产品的优势,让用户通过视觉的方式感受到产品的品质,能在最短的时间内获得关键信息,我们不能设计丑的东西,同时也不能让用户有视觉上的负担,并不是绝对酷炫的东西就是好的,我们要在密集的信息中留出空隙,掌握节奏,既要留给观者思考的间隙,也要吸引他们往下阅览。
任何信息和图像都是辅助产品本身来呈现的,所以如何运用这些元素,就是很好的课题,需要设计师、策划等人的不断实践和学习。