淘宝详情页用什么软件设计,淘宝详情页设计详细步骤

首页 > 企业招商 > 作者:YD1662023-10-31 02:23:19

淘宝详情页用什么软件设计,淘宝详情页设计详细步骤(1)

详情页也能定制了。除了图文和短视频,未来详情页还将承载酷炫的互动体验,能签到,能试妆,能玩游戏……

文|王佳健

3月16日,法国品牌YSL圣罗兰美妆在天猫开启预售,提前为4月16日YSL天猫超级品牌日蓄水。仅几天时间,该店铺粉丝突破了42万,一款方管斩男色口红预购量超过了10000支,圆管斩男色口红预购量也超过8000支。

看到这一结果,邢夏淳心里悬着的石头落了下来,他是YSL圣罗兰美妆品牌总监。同样让邢夏淳期待的还有消费者对YSL美妆天猫官方旗舰店定制版详情页的体验反馈。

“我们的详情页应该是目前全天猫最酷的详情页。”在邢夏淳看来,它和传统的以图文和短视频为呈现方式的详情页大不相同,以YSL热门爆款黑胶唇釉为例,消费者在详情页上方点击12种颜色的任意一种,画面中的黑胶唱片机就会自动运行,然后呈现相对应的颜色,同时,详情页上的唇部图片也会同步展示该颜色,消费者可一目了然查看口红上唇后的效果。不止如此,消费者转动手机,详情页还有个模块能展现妆前妆后的对比效果。

淘宝详情页用什么软件设计,淘宝详情页设计详细步骤(2)

详情页中的黑胶唱片机

“我们希望通过酷炫的视频、互动的选色等定制化功能,向消费者展现YSL不同于其它品牌的价值和精神。”邢夏淳说。

淘宝详情页用什么软件设计,淘宝详情页设计详细步骤(3)

陀螺仪互动效果

据了解,这款详情页由YSL和天猫一起共创,赋予包括黑胶唇釉、方管唇膏、圆管唇膏、纯色唇釉、气垫粉底等五款重点产品交互能力,但基于对手机系统的要求,目前仅能呈现在iPhone7以上机型。

腾渊是此次YSL定制版详情页的淘宝无线技术产品负责人,他说,详情页好比一个房间,此前,平台已将各种家具全部打造好,并摆放到特定位置,商家只需要将物品(宝贝信息)放进柜子。如今,定制详情页则是平台将家具打造也移交商家,商家可以充分按照自己的品牌调性进行有创意的定制开发。“定制的核心关键词应该是开放赋能。”腾渊说。

未来,详情页将具有更多交互能力。除了开放底层代码供商家自主开发外,平台也会沉淀一批基础工具,商家只要提供素材,就能在详情页实现不同形式的交互功能。也就是说,详情页能够承载消费者的深度体验,而这也将颠覆目前消费者对详情页的认知。

最酷的详情页

奢侈品品牌的魅力远不止商品本身,更包括品牌主动营造的服务体验。比如,线下门店的时尚装潢、鲜明风格、周到服务等,这是奢侈品品牌延续百年的经营策略,也是早年间奢侈品品牌对电子商务犹豫的缘由。

过去一年,包括阿玛尼、泰格豪雅等全球一线品牌纷纷入驻天猫,天猫为奢侈品行业进入电商打开了一扇窗。随着越来越多奢侈品进入天猫,详情页运营小二韩介接到定制的需求也越发旺盛。“因为在今天,详情页已是全平台流量最大、消费者体验最持久的页面,商品描述是品牌气质的集中体现,品牌希望提供有别于传统详情页的体验。”

比如YSL的口红有很多色号,除了目前图文及短视频的展现形式外,是否还有其它形式,让消费者快速体验、感知它们的区别?“彩妆本身很难选,是消费痛点,怎么让选色的过程更有趣?”邢夏淳说。正是基于这些,最终促使平台和YSL迈出了定制化的第一步。

不过,来自YSL的定制需求让韩介和腾渊都大吃一惊,以YSL法国总部设计师一个天马行空的设计为例,为了凸显黑管唇釉这个爆款产品的调性,他们设计了一个唱片机,周围是该唇釉的12种色号,消费者任意点击某色号,唱片机就要自动旋转,然后在唱片上涂抹出该色号,从而别具一格地呈现该色号的质地、影调等商品信息。

现有的详情页只有固定的三段式结构,分别为头图,相关行业信息,以及供商家装修的图文或短视频内容。但在YSL此番上线的五个宝贝详情页中,品牌需要在很短的页面里,用丰富的互动效果展现宝贝信息,带有交互体验的详情页。“功能太复杂,可以说是一次无线前台技术的大阅兵。”腾渊如此评价YSL提出的设想。

难度在哪里?腾渊打了个比方,详情页好比一个房间,传统上,平台已经将各种家具全部打造好,并摆放到特定位置,商家只需将物品(宝贝信息)放进柜子,此番定制,则是平台将家具打造也移交YSL,YSL找第三方ISV(独立软件开发商)充分按照自己的品牌调性进行定制开发。作为平台,腾渊需要协同团队承接YSL的互动设计,让这些功能在详情页顺畅跑起来,达到无缝衔接的效果。

“整个项目最终的耗时只有一个多月,但是动用的部分技术与方案其实是技术团队数年的积累。”腾渊说。从最终的呈现效果看,除了黑胶唱片的设计,YSL的详情页还包括了基于陀螺仪的全景模式,消费者移动手机就能看到上妆前后的对比效果。而这些功能在YSL自己的APP里也不具备。

开放详情页定制

经过这一个多月的摸索,腾渊和他的团队已经跑通了详情页定制的底层技术。也就是说,假设现在有几百个品牌期望像YSL一样定制自己的详情页,彰显品牌调性的同时与消费者深度互动,只要按照平台的规则和标准,都可以自己开发上线,呈现出几百种不同的详情页展示效果。

不过,对于腾渊和他的技术团队来讲,他们现在要考虑的是规模化问题,让品牌获得快速、流畅的定制化体验。“此前是从零到一,以后是从1到100,对易用性的打磨。”腾渊说。

目前,YSL是详情页“开放赋能”计划最早的共创品牌,接下来,平台会针对具有意愿和能力的品牌开放底层代码,进而展开各自的开发。而对于更多有意愿但还不具备开发能力的品牌,平台则会沉淀诸如融媒体、动画交互等在内的基础工具,商家只要上传素材,也能在详情页实现“交互”功能。

“这次的案例就像打开了一扇门,未来可以被沉淀的能力还有很多。”韩介说,当详情页有了纵深的能力后,它可供被分享,被参与,甚至可供被多个消费者产生交互或关联。它就不单单是一个展示商品信息的页面。

随着开放体系的深入,详情页会变成链接不同用户的一个基点。未来,消费者完全可以进入详情页和品牌进行游戏、PK、留言等互动,详情页也能变成品牌展示个性和品牌营销的阵地。

韩介说,详情页与消费者的关系,一种是快速转化,直接购买,另一种是辅助决策,也就是逛,详情页的头图、视频及信息,就是帮助消费者快速做决策,当详情页有了深度体验的功能后,消费者就能逛起来,从而辅助完成最终的消费决策。

“目前,可能在体验上还有不尽如人意的地方,但迈出这一步很重要,因为有这种能力,会让详情展现出与以往完全不同的体验深度。包括交互深度、信息密度,最终反馈到消费者这里都是体验深度的问题。”韩介说。

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.