小仙科技 X 手机淘宝:拜考神 得高分
客户:手机淘宝 | 2020-09-18 | 浏览:369

今年,一场突如其来的疫情,让我们度过一个久违的“寒假”,重温了学生时期的记忆。而说起学生时期,最难忘的莫过于高考,寒窗苦读十二载,金榜题名一朝时。


高考是踏入社会的一场大考,2015年我们携手老朋友手机淘宝打造过一支“拜考神,得高分”的H5,我们承接整个项目的视觉设计和项目开发又到一年高考季,希望通过这支H5,祝愿学子们高考必胜。


本支H5视觉设计表现上,画风精致,画面元素紧贴文案中的内容。H5视觉效果迎合主题“拜考神,得高分”,设计师选用日常热梗“挂柯南挂科难、选择不会就选C”等元素融入插画,营造考试的氛围感,同时增加了H5的趣味性。


1593585040517997.png

1593585020461198.png

▲拜考神得高分,速来一测



设计师在创作画面时,为真实还原考试情景,精细化绘制每一个画面人物的动作和表情,用夸张的表现形式突显人物性格特征,加深用户印象


整体红黄蓝色为主色调,H5界面生动活泼,营造出欢快的氛围,视觉体验很轻松,充满戏谑



1593585120354087.png

1593585120735821.png

▲录取通知书神算中





画面上的和谐带给用户视觉上的美感,简明轻快的按钮设计,减少了H5的机械、繁杂意味


答题交互设计上,用户可以点击按钮自由切换答案,避免手抖后不能修改。


答题完成后会生成一张录取通知书海报,开发界面设计一共有3种录取结果,录取学校根据用户选项生成。


1593585205490438.png

1593585206484594.png

1593585206592452.png

▲请查收你的录取结果



长按识别下面二维码,获取“拜考神,得高分”H5测试版链接,录取offer等你来战。



拜考神.png