H5专题页是一个集团公司作为企业官网常规运营推广的利器。企业官网是总基地,H5活动专题页则是先锋队,把最新鲜、最重要、最吸引人的资讯、产品和服务以最快的速度、最广的用户面进行推广和传播。资生堂150周年庆活动的广告采用的是H5专题活动页来推广,非常有创意。用一块红,150种文字美诠释资生堂走过的历程。

资生堂广告大全(资生堂150周年H5专题页创意广告)(1)

这个专题页同时支持电脑端访问,地址是:

mp.weixin.qq/s?__biz=MjM5MDA1ODAzMg==&mid=2651310009&idx=1&sn=71f73bbe31c5ec88cdc8bc7bd8320784&chksm=bdb9f4e68ace7df03b1a8e5b42178d07260b66d3345dc85dde86b2be09c625aaf0a1b0e17fe9&mpshare=1&scene=1&srcid=0811yH4PIPBThXUbh4tHPMyx&sharer_sharetime=1660317149015&sharer_shareid=914566a9113dc67a27a3d85a9815fae6&version=4.0.8.90571&platform=mac#rd

下面,我们一切简单回顾一下整个页面的制作交互和理念。

01.

打开网站的瞬间,只看到一行字。

美是一切的开始。

资生堂广告大全(资生堂150周年H5专题页创意广告)(2)

02.

接着,利用网站制作的H5技术,把下面的内容模块往下推移,同时展示出第二行的文字内容。

美是我们决定用150句话描述的东西

美是我

资生堂广告大全(资生堂150周年H5专题页创意广告)(3)

03.

美是我照镜子

美是每天出门前要对自己说的话。

资生堂广告大全(资生堂150周年H5专题页创意广告)(4)

04.

美是一切肮脏的欲望的倒影

惹人占有毁灭杀戮

如果到这个页面,用户不往下滚动,就定格在这个位置。只要往下滚动浏览器查看内容,就会像瀑布流一样往下继续推送,每一行字,每一屏幕看到的东西都是不同的,让用户舍不得关闭,沉浸在浏览这个H5专题内容中。

资生堂广告大全(资生堂150周年H5专题页创意广告)(5)

05.

随着浏览器的往下推移,陆续展示出预先设定好的150种美的句子。

美是小熊口水巾和宝宝饼干

美是在外套里翻到对方落下的耳机

于是有了再次见面的借口

美是随随便便

美是上唇沾的奶沫

美是分享星星给地球另一边的朋友

整数的工资条(职场)

美是电影院漆黑中(有点比喻呀)

资生堂广告大全(资生堂150周年H5专题页创意广告)(6)

06.

接下来的一些列动作,都是重复上面的页面交互动作。

美是不满夏夜的虫鸟

美是让AI

用一万个字形容(美式民主与自由)

资生堂广告大全(资生堂150周年H5专题页创意广告)(7)

美是一键祛痘

美是蕊初香,万物复苏(美容纤体行业)

资生堂广告大全(资生堂150周年H5专题页创意广告)(8)

美是沙滩上

他冷不丁吹起的口哨

美是

超越(体育精神吗)

资生堂广告大全(资生堂150周年H5专题页创意广告)(9)

美是人们自由辽阔的灵魂

资生堂广告大全(资生堂150周年H5专题页创意广告)(10)

美就是你

美是66号公路尽头的

圣莫尼卡摩天轮

资生堂广告大全(资生堂150周年H5专题页创意广告)(11)

美是合格,是通过,是允许

资生堂广告大全(资生堂150周年H5专题页创意广告)(12)

美是公共财产不可侵犯(似乎又俄乌战争爆发中牵涉到的政治问题)

资生堂广告大全(资生堂150周年H5专题页创意广告)(13)

美是老板的反义词,采用广告艺术字体

资生堂广告大全(资生堂150周年H5专题页创意广告)(14)

美是想要落泪

资生堂广告大全(资生堂150周年H5专题页创意广告)(15)

林青霞王祖贤

钟楚红张曼玉

关之琳周慧敏

(可以猜测这个文案设计师是80后的)

资生堂广告大全(资生堂150周年H5专题页创意广告)(16)

美是危险

美是他指尖的红色(另有所指哦)

资生堂广告大全(资生堂150周年H5专题页创意广告)(17)

到了这一瓶,终于看到广告来了。

看了半天,原来是资生堂的广告呀,哈哈哈哈哈哈哈哈

原来150种美,150个句子诠释的美,说的是资生堂150周年庆和这个品牌所走过的历程。

资生堂广告大全(资生堂150周年H5专题页创意广告)(18)

手机网页移动端,通常离不开视频。这里插入了一个视频。

资生堂广告大全(资生堂150周年H5专题页创意广告)(19)

对广告进一步的阐述

资生堂广告大全(资生堂150周年H5专题页创意广告)(20)

广告的末端,带出资生堂150周年直播庆典直播内容,并落款,包含了创意广告策划的GQ实验室,监制,策划,视频剪辑,撰文(有6个文案大师呀,难怪各种文案风格和内容都想到了,很全面)、视频绘制、剪辑、助攻、平面设计等等。

资生堂广告大全(资生堂150周年H5专题页创意广告)(21)

,