前沿

为了拉新和活跃用户需要推一个活动，最终定位用H5的形式策划一个运势测试活动。

目录

1、《测今日运势》策划

2、风格确定

3、首页

4、关键字页面

5、测试题目页面

6、二维码链接

7、第二个活动《你的招财指数有多高》

8、总结

1、《测今日运势》策划

此活动可以单次测试，也可以连续15天进行每天不同的测试结果，每天只有一个测试结果。

中间会有查看解析卡引导用户关注的流程（拉新）每天一个测试结果，想知道第二天的结果只能等第二天再重新测试一遍（活跃）。

一共有30道题，每次测试一套题5个问题（2道脑洞+2道主观+1道情景题）。共有15种测试结果。

1表示好，0表示不好。每套题5个问题，15个测试结果。

15个测试结果对应15个关键字，即每次测试完一套题便有一个测试结果包括一个关键字和一个破解卡。

2、风格确定

风格要求：有测试预知未来的感觉，脏脏的

3、首页

（本来想在中国周易八卦算命啥的方向，后面没有过集团审核又修改为西方卡罗牌方向了）

4、关键字页面

根据原型确认了关键字页面结构

紧接着整个页面结构风格确定

图片做了两种风格，一种偏平的、一种描边风格，最后确定为右边的描线风格。

确定后就好做了

关键字为了每次测完题能给用户不同的感觉，故把每个关键字的背景色进行独立调色。

5、测试题目页面

后面是测试题目的设计：一共30道题如果每道题都用一种不同的颜色，那样用户测试的过程中会有比较乱的测试体验，但又不想就用一种土黄色，用户测试这个活动15天也会单调。如果想让每套题不一样的颜色也不会单调，但由于用户每次测的一套题是自由组合的，同一题目可能在不同的套题里，这又和同一题目只有一个颜色相冲突（如果为不同套题配色，整个开发包大小会增大）。或者让开发代码调色，在不了解开发难度的情况下还是尽量不要给程序找事，最后结果可能是拖延工期。于是寻求其他方案，由于是分3类题，脑洞题、主观题、情景题，所以最后决定用3种颜色分别对应3种题型。并根据3种题型做了一个当前题目小图形提示，强化了题型象意并增加趣味性。

先用第一套题做了个体验流程真机效果，感觉了下还可以

最后合照（部分）

6、最后奉上线上链接二维码

7、第二个活动《你的招财指数有多高》

由于上次H5活动上线后效果不错，在18年12月的时候又推出一个相同逻辑的活动，继续来拉新促活，不过由于第二次开发时间缩短很短，相应的也缩减了一些结果页。

首页

loading页

总结上次活动发现loading页挺重要，不过上次第一次做以为加载也用开发默认页可以就没关注。其实上线后才发现根本就不行，这次增加了一个loading页。由于2019就是猪年了，所以整个活动里有个猪的形象，loading页猪抱着大元宝进行一个抛起接住的动作加上一个进度条，由于是测试招财指数有多高，所以做了一个由下向上越来越高的进度条形式。

结果页

本次活动减少了结果页，变为4个招财指数页。根据每个解析的描述我进行构思为4种不同身份的人物。

(点击查看大图)

解析卡

最后奉上线上链接二维码

8、总结

第二个活动是在第一个活动的活动逻辑基础上，快速完成的，节约了大量开发时间，不过也有缺点，和第一个活动同质化有点严重，玩法一样会没有新鲜感。项目给的时间少，这样也是最稳妥的办法。