阿里妈妈X栩栩华生：MO Magazine

2022-02-16 H5案例分享 H5案例分享

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

识别图中二维码

MO Magazine -查阅二维码

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

案例：MO Magazine

品牌：阿里妈妈X栩栩华生

技术实现： html5

亮点：

1.创意定位

阿里妈妈与栩栩华生联合推出的电子杂志，突破平面形式的局限，创造性的将整个杂志构建成一座纪录人类文明的飞船，名为曼塔沃斯，用户在飞船内走入不同房间，探索游览，欣赏杂志内容，了解对生态建设，先进理念和时尚创新的思索与解析，享受一段附加了很多精神享受的旅程。

2.策划逻辑

点击进入作品，导入视频带领用户来到独立在宇宙中的曼塔沃斯飞船，进入飞船，本期明星引导人出现，听完介绍后，用户在AI效果的飞船内部游览，点击触点进入不同房间，有艺术家对原宇宙的解读，云南植物介绍，当地生态与品牌间的合作回顾，和巴宝莉展厅等，参展完离开时会获得带有参展人数的票根海报。

3.设计上

作品整个空间的未来感很惊艳，整体层次感很强的飞船外观和内里，闪闪的金属光泽，看科幻片一样的感觉。内容的表达上也给每个主题设计了不同风格，艺术家的光影效果表达室，外观奇特高大色彩魅惑的云南植物，简约大气的品牌展览室，让每一次打开门后的视觉效果都不负期待。

4.交互上

作品感应很灵敏，在每个房间浏览的时候要轻轻的缓慢滑动屏幕，不然容易滑过头。

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

标签