superbe & dogstudio：KIKK Festival

2017-09-17 H5案例分享 H5案例分享

案例：KIKK Festival

出品：superbe & dogstudio

亮点：

策划上，这是一个国外的H5案例，用于宣传KIKK festival（一个国际文化节）。KIKK是每年一次的数字媒体创意的国际文化节，算今年这届，一共举办了7届。这个节是一个非盈利的公益组织举办。这支H5是个多页面，不是我们平常看到的单页面。主要的功能是介绍这个KIKK festival的日程、活动内容、购票等信息。
设计上，蓝绿为主色调，以海洋为呈现方式。进入宣传页面的首屏很有含义“invisible narratives”。一只大猩猩潜藏在海中，头顶上是一个小岛，就像首屏写的文字一样“invisible narratives”（看不见的故事）。就是平常我们做的项目和产品一样，用户看到的是产品本身，但是有可能看不到，创意最初产生的过程，设计师和工程师们为产品每个细节的由来，做出的整理和总结。
体验上，这是一个响应式网站，PC端和手机端查看略有不同，PC端查看更惊艳，尤其是首屏的细腻刻画。PC端首屏是一个mp4格式的视频文件，手机端首屏是一张图片。

技术实现： three.js + WebGL + video

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

识别图中二维码

KIKK Festival-查阅二维码

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

标签