H5专题页是一个集团公司作为企业官网常规运营推广的利器。企业官网是总基地,H5活动专题页则是先锋队,把最新鲜、最重要、最吸引人的资讯、产品和服务以最快的速度、最广的用户面进行推广和传播。资生堂150周年庆活动的广告采用的是H5专题活动页来推广,非常有创意。用一块红,150种文字美诠释资生堂走过的历程。
这个专题页同时支持电脑端访问,地址是:
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.
打开网站的瞬间,只看到一行字。
美是一切的开始。
02.
接着,利用网站制作的H5技术,把下面的内容模块往下推移,同时展示出第二行的文字内容。
美是我们决定用150句话描述的东西
美是我
03.
美是我照镜子
美是每天出门前要对自己说的话。
04.
美是一切肮脏的欲望的倒影
惹人占有毁灭杀戮
如果到这个页面,用户不往下滚动,就定格在这个位置。只要往下滚动浏览器查看内容,就会像瀑布流一样往下继续推送,每一行字,每一屏幕看到的东西都是不同的,让用户舍不得关闭,沉浸在浏览这个H5专题内容中。
05.
随着浏览器的往下推移,陆续展示出预先设定好的150种美的句子。
美是小熊口水巾和宝宝饼干
美是在外套里翻到对方落下的耳机
于是有了再次见面的借口
美是随随便便
美是上唇沾的奶沫
美是分享星星给地球另一边的朋友
美
是
整数的工资条(职场)
美是电影院漆黑中(有点比喻呀)
06.
接下来的一些列动作,都是重复上面的页面交互动作。
美是不满夏夜的虫鸟
美是让AI
用一万个字形容(美式民主与自由)
美是一键祛痘
美是蕊初香,万物复苏(美容纤体行业)
美是沙滩上
他冷不丁吹起的口哨
美是
超越(体育精神吗)
美是人们自由辽阔的灵魂
美就是你
美是66号公路尽头的
圣莫尼卡摩天轮
美是合格,是通过,是允许
美是公共财产不可侵犯(似乎又俄乌战争爆发中牵涉到的政治问题)
美是老板的反义词,采用广告艺术字体
美是想要落泪
美
是
林青霞王祖贤
钟楚红张曼玉
关之琳周慧敏
(可以猜测这个文案设计师是80后的)
美是危险
美是他指尖的红色(另有所指哦)
到了这一瓶,终于看到广告来了。
看了半天,原来是资生堂的广告呀,哈哈哈哈哈哈哈哈
原来150种美,150个句子诠释的美,说的是资生堂150周年庆和这个品牌所走过的历程。
手机网页移动端,通常离不开视频。这里插入了一个视频。
对广告进一步的阐述
广告的末端,带出资生堂150周年直播庆典直播内容,并落款,包含了创意广告策划的GQ实验室,监制,策划,视频剪辑,撰文(有6个文案大师呀,难怪各种文案风格和内容都想到了,很全面)、视频绘制、剪辑、助攻、平面设计等等。
,