腾讯体育：20年，有多长？

2017-12-19 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

20年，有多长？-查阅二维码

完整欣赏此案例大约需要2分钟

案例：20年，有多长？

出品：腾讯体育

亮点：

策划上，纵向长图滑动，内容是科比在球衣退役仪式时进入时空隧道回顾20年的篮球生涯，第一次与乔丹对位、与奥尼尔一起拿下三连冠但却分道扬镳、创下单场得分记录81分、从8号到24号、拿下五个总冠军、伤病却依旧奋战、超越乔丹、退役60分完美谢幕，再到球衣退役仪式结束，一代巨星就此落幕。
设计上，loading不断弹动的篮球，进入页面就变成按钮，页面采用漫画风格，入目只有一句话：20年，有多长？对于篮球来说，20年就是一个时代，一个属于科比的时代。案例采用倒叙方式，在球衣退役时回顾整个篮球生涯和重大事件，这样就更有历史感和清晰感，科比踩着时间走过，仿佛真的走进时光隧道，背景是篮球场和一道道光束，好像拼命努力的人身上都有光芒闪耀。页面衔接连贯、音乐搭配合理、情节生动形象，立体地展现了一代篮球战神--科比。
体验上，从稚嫩到辉煌到巅峰再到落幕，看完科比的完整生涯不禁热血沸腾，为了荣耀浴血前行，伟大的背后是无数的伤痛。科比，已经不再是一名单纯的球员，他已经是一种象征：奋不顾身追求梦想，因热爱而决不放弃。简单的介绍搭配”hero”高昂的音乐，我们好像真的看完了一位英雄奋斗的一生，致敬最爱的篮球和唯一的科比，致敬热爱。

技术实现： Jquery.js+public.js+cdn.js

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签