淘宝：淘宝五淘街

2020-12-09 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

淘宝五淘街-查阅二维码

完整欣赏此案例大约需要3分钟

案例：淘宝五淘街

品牌：淘宝

技术实现： krpano + createjs + jQuery + clipboardjs

亮点：

1.创意定位

淘宝双12全民淘宝节宣传作品，将参与双12活动的店铺按类别罗列显示，用户在虚拟的街上浏览，活动的减免情况写在每条街上，对感兴趣的店用户可点击招牌复制淘口令后登录淘宝进店选购，以此方便用户根据需求选货，为双12购物节预热。

2.策划逻辑

加载完毕后，一双手拿着双12宣传海报在屏幕前，用户滑动屏幕，在五条街的交汇广场转悠，一条条街的名字依次出现，酷盖街主要是男装，淑女街主要是女装，生活街主要是生活用品，吃货街是食品饮品店等，玩咖街是玩乐用品，每条街的店铺前都有形象人物和广告语，用户可随时返回广场或点击换条街逛逛。

3.设计上

每条街的主色都不相同，淑女街是暖亮色，酷盖街是冷淡色，吃货街红红火火，各个店铺元素丰富，琳琅满目，激发用户消费欲望。

4.交互上

用户可随时改变街道或回到广场，十分方便，点击店铺招牌会出现淘口令已复制的提醒。

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签