饼干猜词活动的开发页面相关资料汇总

Let'sCake 饼干 伴手礼

目标

• 通过手绘卡通的页面引起用户的喜爱，建立起亲切可爱的第一感觉，并初步对饼干的品类有初步认识；
• 通过猜词材料的方式让用户对饼干的材料有所认识，并建立起优质材料，纯手工的形象；
• 通过猜中材料的名称获取优惠券，提高用户的参与度，并转化为实际的购买；
• 通过分享题目，拉取更多新用户

页面设计

• 加载页
  1.用于在资源加载时的显示，打鸡蛋的动画或者倒牛奶的动画作为过渡
  
  
• 首页
  1.通过相关动画显示活动主题，(动画暂定为饼干的卡通人物出现，并被一只猫爪吃掉)，吸引用户打开
  
• 题目页
  1.材料的提示文案
  2.饼的卡通画面
  3.可选的字
  4.提交按钮
  5.不做滑页，做一题提交一题
  
• 答案页及领奖页
  1.以弹窗形式显示
  2.显示答案
  3.领取卡券
  4.诱导分享的按钮
  5.再挑战一题按钮
  

页面流程

使用组件或框架

• vue--用于视图层的构建
  - Swiper--用于视图页面的滑动操作
• popmotion--用于页面的动画