京晚8点：开往梦次元的地铁

2018-07-23 H5案例分享 H5案例分享

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

识别图中二维码

开往梦次元的地铁-查阅二维码

完整欣赏此案例大约需要1分35秒

案例：开往梦次元的地铁

出品：京晚8点

亮点：

创意定位，该H5为京东为其节目《京晚8点》的宣传出品。以地铁乘客换装的方式定制用户的自画像，并为各式形象贴上标签和潮语，以宣传节目。
策划上，布置场景H5。①初始页面，一趟地铁缓缓停下，车门开启，用户选择角色性别；②用户依次选择车厢、头发、上装、下装等形象搭配；③输入昵称，后台匹配对应的标签，生成用户专属的形象的海报。同时设置分享与再玩一次按钮。
设计上，该H5为像素机械风，采用卡通像素风的地铁场景，色彩鲜明时尚，人物形象颇具趣味。按钮与动态的装饰带有科技感，与“开往梦次元”相呼应。
文案上，语言活泼新潮。多用当下潮流新词如“老铁”“码农”“学霸”等等，最后匹配的个性标签和语句使得该H5充满新鲜感。
体验上，该H5主场景设置在地铁上，精致的动态场景变化和音效使用户拥有动漫主人公般的体验。专属的个性描述更是感受到满满的用心，搭上这班开往梦次元的地铁，来看看你的自画像吧~

技术实现： createjs + swiper

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

标签