腾讯广告 X 网势：2021，好好做个梦吧~

2021-02-24 H5案例分享 H5案例分享

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

识别图中二维码

2021，好好做个梦吧~-查阅二维码

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

案例：2021，好好做个梦吧~

品牌：腾讯广告 X 网势

技术实现： swiper + PIXIJS + jQuery

亮点：

春节期间，希望有一个分享让大家对2021有新的期待，用户在作品中搭配出自己的理想生活图景，告别苦痛与焦虑，为生活定一个美好的规划蓝景。

打开作品，选择性别后，开始搭配，点击下方的“场景”“发型”和“服饰”，分别选择自己喜欢的样式，然后点击“下一步”，左右滑动屏幕选一个口号，查看效果图后，生成海报，海报包括刚才的效果图，出品方名字，作品标题和二维码。

设计元素多样，结合了很多当前热门的小元素，小场景的文字贴合时下热门，每个口号都设计了不同文字效果，丰富视觉体验，同时也算是整合了2020热词。

4.交互上

交互上比较简单易懂，方便分享，切换场景及服饰造型时有个可爱的背景音，增强趣味体验。

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

标签