中信银行：我的梦想从未缺席，快来get一张追梦DIY信用卡吧

2020-02-05 H5案例分享 H5案例分享

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

识别图中二维码

我的梦想从未缺席，快来get一张追梦DIY信用卡吧-查阅二维码

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

案例：我的梦想从未缺席，快来get一张追梦DIY信用卡吧

品牌：中信银行

技术实现： html5

亮点：

1.创意定位

这是中信银行为了宣传信用卡业务制作的H5案例。

2.策划逻辑

这个案例共分为3个部分

①加载结束后，进入动画部分，每个人物的头顶悬浮着他们的梦想，画面有幻想跳舞的孩子，想要滑雪的白领，想象自己是飞鸟的少年，努力拥有城堡的商人，最后画面在众人手牵手环绕在地球周边，画面显示“回归初心，勇敢追逐梦想”的主题话语，然后点击“定制追梦DIY卡”进入定制海报页面；

②进入页面，用户可以根据喜好，选择“背景”“人物”“梦想”，最后点击“生成我的梦想”，查看自己的梦想海报；

③海报页面呈现用户所选择的追梦DIY卡，点击海报左下角可以了解中信银行的卡片权益，也可以直接点击右下角申请办卡。

3.设计上

案例的动画部分，色彩纷呈，每个不同的梦想都对应不同的主题色彩，色彩转换顺畅舒适；自由定制部分可供用户选择的元素较多，符合各个年龄段和职业的人群。

4.体验上

动画画面流畅，每个页面都充满童话色彩，让人忍不住做梦，活着回忆自己的梦想。

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

标签