最酷的详情页是什么样的？淘宝天猫详情页也能定制啦！可玩游戏签到等

详情页的设计在一家店铺中至关重要，因为流量就是先进详情页里的。详情页也能定制了。除了图文和短视频，未来详情页还将承载酷炫的互动体验，能签到，能试妆，能玩游戏……

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

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

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

详情页中的黑胶唱片机

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

陀螺仪互动效果

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

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

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

最酷的详情页

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

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

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

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

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

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

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

开放详情页定制

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

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

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

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

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

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

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

文/ 天下网商记者 王佳健