揭开 OPPO《我的照片博物馆》的创作过程

企业项目已上线2017-10举报12146

揭开 OPPO《我的照片博物馆》的创作过程

扫描,分享朋友圈

Oct 23 . 2017
Photo Museum  | 照片博物馆 |  
 OPPO R11s   | 新品发布会招募令  |

揭开 OPPO《我的照片博物馆》的创作过程

爱SHOW爱自拍的你,有没有想过你的头像能像名画一样被收藏在博物馆中?

不要以为只有名画或者经典历史照片才有资格放在博物馆中收藏,每个人都是自己人生历史里面的一号主角,在他们看来,那些跟自己无关的历史照片才无足轻重。

那么,如果真的有一个私人照片博物馆那会是什么样?


#OPPO photo museum  - 2017
我的照片博物馆

揭开 OPPO《我的照片博物馆》的创作过程

web端入口
揭开 OPPO《我的照片博物馆》的创作过程

手机端入口
揭开 OPPO《我的照片博物馆》的创作过程


项目简介:

「 私人照片博物馆 」

揭开 OPPO《我的照片博物馆》的创作过程

为了让大家都能体验到个人博物馆,HOTSAR受OPPO邀请,制作了这支H5——《我的照片博物馆》。 (活动已下线)

活动中,我们通过微信,微博等线上端口发布H5,引导用户上传自拍并根据用户的照片识别,为他生成个人博物馆。用户可以全景观看博物馆内部后分享自己的博物馆。最终OPPO在12W留下信息的用户抽取中30名O粉,到发布会现场见证R11s。

下面,为大家来揭开《我的照片博物馆》的制作始末


活动时间:2017.10.23 - 2017.10.27 

揭开 OPPO《我的照片博物馆》的创作过程

什么是“我的照片博物馆”,顾名思义顾名思义,你可以理解为这是一个个人的博物馆,这里只有你是主角。

H5 的主体分为两大块:一是照片博物馆,会根据用户照片生成对应的博物馆环境,一共有三个不同的场景,并且每个场景是可以左右滑动“广视角观看”。二是每个场景会有关灯效果,用户关灯后可以看到场景的暗夜鬼畜效果。

揭开 OPPO《我的照片博物馆》的创作过程
Museum data collection  | 博物馆资料收集 |

揭开 OPPO《我的照片博物馆》的创作过程
Classical museum, trend museum, modern museum / pinterest / 2017

我们根据用户照片信息,鉴定用户属于哪个博物馆,并生成画框和博物馆场景。在这一个命题下,我们要确保每个场景都有独立的特质以及明显的视觉元素,并且有明显的颜色倾向,才能匹配好博物馆场景。

揭开 OPPO《我的照片博物馆》的创作过程

最终我们归纳出三个博物馆场景,分别是古典博物馆,科技博物馆,现代博物馆。

视觉设定 | Visual script

「 空间,手稿,建模,成像 」

揭开 OPPO《我的照片博物馆》的创作过程
Classical museum / pinterest / 2017


揭开 OPPO《我的照片博物馆》的创作过程

在空间布局上,我们需要确保三个博物馆场景的关联度,所以三个场景在格局上保持一致性,靠内部的装饰,颜色,贴图去区分。并考虑到用户左右滑动的可视角度在70°,左右需要设定两面墙作为信息呈现的载体,不同博物馆的视觉元素可以在墙面上呈现。同时预留两个门,避免单一空间带给用户的闭塞感。

博物馆视觉稿 

揭开 OPPO《我的照片博物馆》的创作过程


三维建模稿

揭开 OPPO《我的照片博物馆》的创作过程揭开 OPPO《我的照片博物馆》的创作过程揭开 OPPO《我的照片博物馆》的创作过程


三维成稿

揭开 OPPO《我的照片博物馆》的创作过程
揭开 OPPO《我的照片博物馆》的创作过程
揭开 OPPO《我的照片博物馆》的创作过程


手机端 

揭开 OPPO《我的照片博物馆》的创作过程揭开 OPPO《我的照片博物馆》的创作过程揭开 OPPO《我的照片博物馆》的创作过程


交互流程

「 私人照片博物馆 」

揭开 OPPO《我的照片博物馆》的创作过程

在页面Loading完之后会进入起始页面(博物馆的大门),用户可以先查看活动规则或者直接跳过并靠近博物馆。

揭开 OPPO《我的照片博物馆》的创作过程

Page下方会提示用户上传照片和填写个人信息并引导信息规范,所有信息填写完整后就可以进入我的博物馆。

揭开 OPPO《我的照片博物馆》的创作过程

浏览我的博物馆之后会出现关灯提示,进入黑夜效果(鬼畜效果),点击离开博物馆之后会看到个人博物馆认证。

揭开 OPPO《我的照片博物馆》的创作过程

揭开 OPPO《我的照片博物馆》的创作过程

项目:PHOTO MUSEUM | OPPO  照片博物馆 |
Exhibition Duration  /  Sep10 ~ Oct23, 2017
Agency / Hotsar 或卅

OPPO 欧珀

HOTSAR 上海

 

揭开 OPPO《我的照片博物馆》的创作过程

扫描,分享朋友圈