草莓音乐节&戴尔：要Cool一夏

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

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

识别图中二维码

要Cool一夏-查阅二维码

完整欣赏此案例大约需要45秒

案例：要Cool一夏

出品：草莓音乐节&戴尔

亮点：

创意定位，这是一个由戴尔公司联合草莓音乐节推出的夏日购机优惠推广H5，以“夏日清凉”的主题与换装小游戏的形式吸引用户，让用户自由搭配出自己的卡通形象以及生成趣味个性的专属海报，自然引出品牌优惠广告，走心而不突兀。
策划上，形式为DIY卡通人物形象生成海报。用户点开主题页的“开始消暑”按钮后分为3步。第一步为性别选择；第二步为发型、上装、下装、鞋、配饰、套装的选择搭配，第三步点击“生成海报”按钮，输入用户昵称，后台则自动匹配背景与文字即生成了用户专属海报。其中主题与海报页面均有戴尔公司与草莓音乐节的logo显示，并且巧妙地将品牌图形作为了服装与进度条的图案。
设计上,该H5整个采用海蓝纯色作背景，与“消暑”的清凉主题相对应。人物与图标风格为卡通活泼、年轻潮范，搭配鲜明丰富的配色与个性的字体，与草莓音乐节的形象相符合。
体验上，以换装游戏的自由搭配体验感为亮点。人物外形每个选择都有几十种选择，其搭配的多样性与精良的制作可让用户获得更心仪的形象。再根据用户自制的形象风格匹配相应的海报背景与个性潮语，制作的诚意满满都呈现在炫酷的视觉元素中，让人忍不住分享。夏日消暑也可以很酷，快来展示你的穿搭个性吧！

技术实现： jQuery

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

标签