TIM：The History of Connection

2023-09-04 H5案例分享 H5案例分享

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

识别图中二维码

The History of Connection-查阅二维码

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

案例：The History of Connection

品牌：TIM

技术实现： HTML5

亮点：

1.创意定位

这是一个国外讲述电话发展史的创意H5作品。通过不同阶段电话的不同形态，让用户产生交互，之后，沿着电话线内部的电流一直流转，通过将微观世界放大成宏观的手法，沿着一条电话线的内部，去经历电话发展的各个阶段。创意和视觉效果、交互都很赞。

2.策划逻辑

电话连接人与人——The History of Connection，就是要讲一个电话的发展史。通过各个阶段的电话拨号、连接形态，让用户在电话线内部顺着电流追踪，顺便把电话史融入其中。

电话线内部的动效，随着用户的交互，可进可退，极其震撼。

3.视觉交互

用黑蓝红为主色调，配合纵向前进或者后退的特效，视觉冲击力极强。交互方式根据不同的场景使用了多种方式，首屏采用点击，后面多采用滑动屏幕和「拖动」物体到目标位置等几种交互方式。

4.用户体验

两点体验，一是真得很炫酷，国外的很多创意是敢想敢干，脑洞很大，效果很猛；二是真的慢，对于国内体验一些国际案例，排除网络限制，本身程序包比较大，就会比较慢。不过，无论如何慢，等待都是值得的。

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

标签