互动类H5 | 交通银行信用卡九宫格抽奖

客户品牌：交通银行信用卡

案例背景：交通银行信用卡和索尼“最后的生还者”游戏联合出了主题信用卡，为了推广此信用卡所以做了这个抽奖H5。

体验感受：画面内容结合游戏场景，酷炫感十足，让人沉浸其中。

1. 首页画面主要为“最后的生还者”游戏场景，场景与另一个场景循环切换，其动效与页面下方放置的4种主题信用卡中的变脸版信用卡相呼应，设置【参与抽奖】和【了解游戏故事】按钮。

2. 点击【了解游戏故事】按钮，跳出“最后的生还者”游戏背景故事。
   

3. 点击【参与抽奖】按钮到九宫格抽奖页，点击抽奖按钮可进行抽奖，若中奖即可点击【领取奖品】按钮到留资页；抽奖页下方设置【活动规则】按钮，点击可查看规则信息。

4. 留资页需填写姓名、联系方式、地址信息，填写完成后，点击提交按钮跳转到办卡页面。

5. 办卡页面设置【学生办卡】和【已工作办卡】按钮，点击跳转办卡链接；设置【返回首页】和【分享好友】按钮。