h5设计公司
h5设计公司
h5设计公司
h5设计公司
h5设计公司
扫一扫
h5设计公司
h5设计公司

回到顶部

微信H5设计|互动长图H5案例欣赏

互动长图H5 2020年11月19日

互动长图,我们普通用户卡看的最多的就是微信推文,里面基本都是长图设计,但今天我们要说的H5互动长图要比微信推文里面更加复杂和丰富。下面我们就来欣赏两个互动长图H5案例,看看它有怎样的展现效果。

案例一、打开你的世界之窗

品牌:世界之窗

微信H5设计|互动长图H5

1、创意背景

深圳世界之窗其中的景点 —— 世界文明浮雕墙的旅游宣传H5,有浮雕墙的建造时间等说明,也有浮雕墙雕刻内容的介绍。虽然是景点介绍,但又有世界知识科普;让用户留下深圳世界之窗景点的印象,有机会去深圳的时候,想起世界文明浮雕墙,可以亲自看看实景。

2、内容策划

① 进入H5后,点击“开始观赏”按钮,播放一段MP4格式的视频,时长32秒,主要是世界文明浮雕墙的介绍,建造时间、尺寸等信息,而后是一幅横向长图;

② 用户向左滑动,依次看世界不同地域的文化雕刻,点击雕刻墙上的加号,会有具体信息弹出层说明,浏览到横向长图最右端,可以点击“雕刻我的浮雕”,或者滑动的过程中,也可以点击屏幕左上角的“雕刻我的浮雕”按钮,进入用户脸部浮雕定制界面;

③ 在用户脸部浮雕定制界面中,有两个操作,首先,用户需上传一张清晰正面照,而后选择脸部浮雕样式(4种浮雕),在一个界面完成,两个操作完毕后,出现“雕刻我的浮雕”按钮,点击后,生成海报,用户可以长按保存到手机。

3、设计体验上

棕色调,更逼真的展示世界文明浮雕墙。视频播放前,需要点击“点击加载”按钮,而后相同的位置,再点击“开始观赏”按钮,略显冗余,如果合并为一个按钮,体验会更好。

案例二、一些温馨而浪漫的小事

品牌:GQ HOUSE

微信H5设计|互动长图H5

1、创意背景

GQ HOUSE与GQ实验室,带来的3个温馨而浪漫的小事。

2、内容策划

① 首先是类似微信公众号的界面,讲述一些故事背景,而后是像开启手机滑屏似的,“向右滑动开启”自动进入三个故事;

② 第一个故事“领跑者”,讲述一个叫Johnny的广告人,放小音箱的歌曲,引起小区人的共鸣;第二个故事“临时宠物主”,一个叫Bob的上海本地人,照顾因疫情,主人不能回家的宠物;第三个故事“口罩天使”,因为一次快递取件的经历,发起公益活动;

③ 引出文案,说明“龙”的形象,三张龙的海报轮播,下面有链接可以进入关于龙的形象商品购物页。

3、设计体验上

虽然每个故事开头都有龙的形象出现,最后出现龙的形象还是微微有点突兀;三个故事和标题“一些温馨而浪漫的小事”很呼应。整体H5案例看似像微信的公众号文章,但是又比公众号文章多出了很多互动,例如随着不断滑动进行的动画,滑到不同位置播放不同的声音,都是公众号文章所不具有的体验。

看完这两个案例,我们不难发现这长图互动H5的好处,不仅能展现更多的信息,也能提高用户的兴趣,对品牌宣传有非常大的帮助。如果你需要这样一款H5,可以咨询我们蓝橙互动网站客服,获取最新微信H5设计服务。


更多服务:微信推文长图设计|表情包定制公司|分销商城开发|题库小程序|小程序定制|商城小程序开发|成都网站优化公司|年会创意游戏|h5投票平台
微信H5设计

微信H5设计资讯

NEWS

让您了解更多关于微信H5设计信息

七种banner图设计风格及特点

在不同的推广环境下,我们的banner图设计风格也会随之改变,就像人一样,在不同的性格驱使下,会有不同的穿衣风格。下面小编就根据自身的设计经验,来给大家总结七种banner图设计风格及表现特点,觉得有

2020年11月25日

微信GIF表情包设计制作规则

​微信GIF表情包是我们每个人都在使用的聊天工具,它能更加形象的表达出内心情感和信息,所以其开发市场也是非常广阔的。如果你想通过设计微信表情包赚钱,那就需要注意其设计规则了,避免被微信团队退回。

2020年11月25日

微信表情包设计流程及注意事项

​微信表情包是我们平时聊天的必备工具,其动态效果能够更戏剧性的表达出自己的意思,受到广大用户的热烈追捧。那么这微信表情包该如何设计呢?需要注意些什么问题呢?小编根据自身的设计经验来给大家讲讲吧。

2020年11月24日

H5小游戏的特点及运行环境

在互联网时代,能够抓住流量的东西就是好东西,所以我们H5游戏也就成了商家眼中的摇钱树了,它在目前的互联网市场中,充当着传播媒介的角色,是很有开发价值的。下面小编就来带大家具体了解一下H5游戏的特点及运

2020年11月24日

H5宣传页面设计|汽车宣传H5案例

​在品牌宣传方面,我们H5页面可谓是专家了,不管是什么类型的企业,都能够灵活运用H5宣传页面来进行品牌推广,且效果非常好,我们汽车品牌也是如此。下面我们就一起来欣赏两个汽车宣传H5案例,看看在汽车品牌

2020年11月23日

微信H5设计|一镜到底H5案例

​随着H5技术的不断发展,能够融入进H5页面的元素也愈加丰富了。像现在的科技感H5常常会融入多种新型技术,比如人脸识别H5、一镜到底H5都是很有技术含量的作品。下面我们就来欣赏几个一镜到底H5设计案例

2020年11月23日

微信H5设计|爆款H5策划思路

由于互联网技术的快速发展,我们H5页面也得到广泛运用。但也增加了H5设计的难度,毕竟鱼儿多了,想要突出就会更难。今天小编就来分享一下我的设计思路,大家可以参考借鉴一下,助你设计出爆款H5作品。

2020年11月20日

H5宣传页面设计|公益接力H5案例

对于公益项目,我们任何行业都要给与支持,并且在宣传上也要下足功夫。小编认为我们H5宣传页面就非常适合用于公益宣传。下面我们就来欣赏两个公益接力H5案例,看看具体效果如何,能否让公益活动传播的更远。

2020年11月20日

H5小游戏设计|接东西H5游戏案例

​在H5游戏类型中,接东西H5游戏是非常简单且常见的类型,但它的优势也非常明显,一是特点容易突出主题,二是用户参与度高,是非常优质的品牌推广方式。下面我们就来欣赏几个接东西H5游戏案例,看看它的具体效

2020年11月19日