网易文创/哒哒 X USLEEP优眠：睡梦寻回委托书

2022-05-06 H5案例分享 H5案例分享

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

识别图中二维码

睡梦寻回委托书-查阅二维码

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

案例：睡梦寻回委托书

品牌：网易文创/哒哒 X USLEEP优眠

技术实现： html5

亮点：

1.创意定位

梦是一种捉摸不透的神秘东西，用户在作品中探寻未知境域，亲手编织一个美梦，看看它丢在了哪里。最后可登陆出品平台，选择优质枕头，有好睡眠才有美好梦境。

2.策划逻辑

初始动画是一位仰望星空的小男生，镜头向上移动，小男孩抱着星星坐在月亮上，用户输入名字生成梦境寻回委托书，开始答题，包括希望出现在梦里的味道，小动物，听到的声音，面对岔路的选择和最后来到的地方，滑动屏幕拨开彩色云雾，生成梦境海报，包括梦境的颜色，获得的称号，梦境描述和寻回线索。

3.设计上

手绘界面，带领用户在紫色系的宇宙星空中漫游，因为是梦，所以绘图元素融合得很随意且充满想象力，鲸鱼，蝴蝶，云朵，星球，将幻境打造得美好又神秘，烘托梦的自由自在无拘无束。

4.交互上

答题完毕后，满屏涌出的彩色云雾太好看了！色彩丰富，灵动唯美，很惊喜，用户随意滑动屏幕，云雾伴随指尖浮动，很浪漫的感觉。

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

标签