猫眼娱乐：制作你的名片

2018-05-04 H5案例分享 H5案例分享

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

识别图中二维码

制作你的名片-查阅二维码

完整欣赏此案例大约需要1分钟

案例：制作你的名片

出品：猫眼娱乐

亮点：

策划上，图片合成类。这是猫眼娱乐出品的宣传H5，主题“制作你的SOCIAL名片”。进入首页，先输入姓名以及选择性别，点击“制作名片”按钮，进入到下一页，引导用户选择形象、背景（均提供了8种风格）；点击“NEXT”按钮，选择自己的社会标签。标签类型分为超能力、没脑洞、新职人以及小怪癖四种，每一类型对应15个关键词（选择上限为8个），全部选择好后，即可生成独特的专属海报，长按可以保存，最后引导用户分享。
设计上，插画风格，二次元的人物设计，大开脑洞的人物形象，加深了用户对于“社会人”印象；丰富的社会人标签，让人眼前一亮。
交互上，输入文字+点击屏幕+长按保存。
体验上，这个H5的结构比较清晰，操作流程连贯，交互很多，代入感很强；同时，这个H5超级涨知识！！！小五从来不知社会人还可以有这么多的标签“异性透明属性”、“母胎单体”、“想意念贴发票”......

技术实现：

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

标签