凯迪拉克：重回1987

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

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

识别图中二维码

重回1987-查阅二维码

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

案例：重回1987

出品：凯迪拉克

亮点：

策划上，模仿老式电脑的创意以及蓝屏的加载页面把人们的思想一下拉到十几年前。然后进入一个答题环节，考验了包括拨号上网，扫雷游戏，红色警戒，网购网站，实时通讯应用，下载应用，播放器的知识。紧接着播放了一段2分41秒的视频。视频中讲述了一代人的生活随着互联网发展而发生的变化。引出凯迪拉克致敬中国互联网30周年的主题。最后回到老电脑界面，对话框里问了一系列问题，“你的第一个网名”，“你的第一个头像”，“你第一次上网的年代”并生成你的一张信息页。
设计上，台式机背景，蓝色XP系统界面。简单的界面和简单的操作，引起人们的回忆。在合适的时候配上了合适的背景音，例如，拨号上网的背景音，红色警戒里熟悉的配音，以及最后关机时的音乐都能勾起人们的回忆。
体验上，整体构思精美，首尾（开机，关机）呼应。既体现了互联网的发展，又能引起共鸣。品牌露出不显得突兀。
技术上，几乎都是原作者原创的js。

技术实现： Jquery.js

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

标签