案例：丁三石挑战经典歌剧

案例：丁三石挑战经典歌剧

出品：网易

亮点：

1. 策划上，视频类，这是网易公司为宣传网易CC直播2017年度盛典所打造的一款宣传H5，横屏播放。①Loading完毕，进入首页，是一个餐厅的场景，点击屏幕右下角的按钮，进入第一段视频，内容：吃饭群众相约周末看歌剧，网易老总丁三石进军百老汇，挑战经典歌剧，网易新闻都上了，围观~~视频停止。②点击屏幕右下角的按钮，视频继续播放，内容：一位隐居在网易大楼的霸道总裁，是个天才，码字编程养猪，样样精通，最近他对一位直播平台上的新晋主播十分欣赏……（详情如何，小五暂不剧透）视频停止。③点击页面“PRESS TO START”按钮，进入最后一段视频，内容：帅气多金大主播VS霸道总裁丁三石，大主播歌剧喊麦，丁老板歌剧飙高音，大获全胜。视频同时还介绍了大话西游、倩女幽魂等数万名游戏主播，音乐、情感、才艺等多类风格的女主播。表达该H5的主题：1月23日，“网易CC直播2017年度盛典”在广州大剧院盛大开幕。④视频播放结束，屏幕出现三个按钮“奔走相告小伙伴”、“现场围观丁三石”和“再来一次”，点击“现场围观丁三石”按钮，进入CC直播年度盛典宣传网站。
2. 设计上，该H5采用多种风格。女主播、帅气多金大主播、丁老板被设计为卡通形象，生动有趣；大主播VS丁三石场景，模拟了网络上常见的双人PK小游戏，但比赛方式摒弃了以往的暴力技能对战，采用歌剧喊麦，歌词内容夸张丰富有趣，引人发笑；该H5的配音生动有趣，每个场景都很有自己的特点，给人印象深刻。
3. 交互上，点击屏幕，视频继续播放。
4. 体验上，小五看完这个H5，感觉很放松，很搞笑。将网易总裁丁磊的形象卡通化，夸张幽默的形容词，拉近了与用户的距离。同时，该H5还采用了多种表现风格，弹幕、PK小游戏场景等，给人印象深刻；语言夸张，同时又诙谐有趣，丁老板和大主播的喊麦歌剧过程中，含蓄的告诉了用户CC直播中主播的风格、特点。整个H5围绕“丁三石进军百老汇”展开，各种表现形式不离主题，品牌植入毫无违和感。

技术实现： jQuery