古风类H5页面开发案例欣赏

现在古风设计风格盛行，很多年轻人都比较热衷于古代的设计元素，这让很多物料设计师们也有了新的设计灵感，对于H5页面来说，也是个新的类型。下面小编就来给大家分享几个古风类H5页面开发案例，感兴趣的伙伴一起来体验一下。

案例：1000年前夜宴上的你

品牌：谷粒多

1.创意定位，谷粒多端午节作品，用一场声势浩大的大唐夜宴，讲述谷粒多“红氧颗颗”饮品的配方和滋润皮肤的功效，吸引用户购买。

2.策划逻辑，打开作品，视频自动播放，一个女生在热闹街头打开了谷粒多“红氧颗颗”，仿佛打开了新世界大门，身边的景象变成了大唐夜宴，旁白与右侧字幕开始出现，镜头推向远处高高的观景台，李白打开饮品即兴赋诗，女生脸色红润，化身舞姬与大唐舞团首席共同翩然起舞，将饮品放在孔明灯上献给皇上，皇上与皇后品尝后十分满意，定为御品，舞团人手一瓶饮品共同起舞，背景音乐的歌词是用饮品的配方和功效编写的歌曲，最后是品牌端午节宣传海报，用户可点击触点，选择角色，上传头像后合成海报，在海报界面可点击参与活动和登陆购买。

3.设计上，真人实拍的视频，用大唐舞姬气色好的大众印象阐述饮品功效，画面也是红金色系，繁荣大气，符合产品主色定位，李白的傲然姿态，舞姬动作幅度很大的集体舞蹈看起来很美观盛大，镜头不断变换角度拍摄，特写与集体画面交叉，不断刷新视觉新鲜感，产品多次出现，加深用户印象。

案例：世界读书日

品牌：广东省文明办&腾讯大粤网

1.创意定位，这是由广东省文明办和腾讯大粤网联合推出的宣传类H5，宣传读书日，让用户了解书的发展历史。

 2.策划上，①进入H5后，出现了一段电子版小说。②用户根据指示推动了接下来关于古代书的故事介绍。③在田字格中填写正确的古籍选字，并展示包含此字的古诗词。④最后点击抽取书签按钮，出现古诗词的书签海报，供用户分享转发。

3.设计上，漫画风格，结合恢弘的背景音乐，让用户通过一个简单的故事就能了解到书源远流长的发展历史。

案例：至IN中国风，竟然来自紫禁城？

品牌：三元

1.创意定位，这是由三元牛奶推出的宣传类H5，邀请用户观看中国风的发展史，并借此宣传产品。

2.策划上，①进入H5后，用户需要横屏观看，向左滑动屏幕观看画卷。②页面介绍了从古至今的中国风的发展史，并举出了中国风旗袍登上了Dior的秀场、竹元素登上Armani春夏秀场两个例子。③最后，从中国风的介绍引申出三元牛奶的宫藏系列，划动到底部用户可以点击按钮直接跳转去购买。

3.设计上，一镜到底的形式，古风漫画风格，画卷色彩古朴，针对不同时代都应用了与之相符的独特元素；背景音乐悠然动听。

以上就是本次案例分享的全部内容，如想体验更多案例，可关注我们蓝橙互动公众号，获取最新案例内容，如有H5定制开发需求，可直接咨询网站客服，了解开发服务。

相关文章：《职场主题H5案例》