小禾呈科技案例 | H5 在线商城应该怎么设计呢?

2019-11-18


应该有不少商家,在经营了一段时间、有了稳定的客流以后,会有定制一个在线商城的想法,出于对成本的考量,很多商家会选择定制一款 H5 在线商城。

不过,H5 的在线商城应该如何兼顾美观和使用,实现 获客、留存、变现、自传播 呢?

一起来看看小禾呈科技为本地一家颇有名气的面包店制作的 H5 在线商城吧,希望能带给你一些灵感哦~


进入后,界面是这样的。


在设计时,我们专注了很多细节。

首先,我们给「新客福利」(着力于 获客)和「周一专享」(着力于 留存)预留了较大的篇幅。


最常用的「主页」「在线咨询」「购物车」功能,我们将其统一放在了下部,且不论用户在哪一个页面,都可以看到这几个按钮,为用户的使用减少了障碍,以便用户在任何时刻都可以了解自己的位置,或是寻求客服的帮助。


在《用户思维 +》一书中,作者提出,我们在做产品时,首先要为 减少客户的认知困难 做出努力,其次,要时刻让用户知道自己的位置,并给他「反悔」的机会。

通过这样的设计,我们大大 减少了客户在操作过程中「出错」(也就是客户没有按照我们希望他走的路径前进)的概率。

这样的做法不仅可以 提升用户体验,对于商家来说也是很有利的,因为它大大 提升了成交率 —— 后来在实际使用过程中,确实也证明了这一点。


对于每一个品类,我们又设计了不同的子分类,帮助用户精准定位自己的需求,减少犹豫时间,节省时间成本。


在商品的详情页中,也会有特殊的标识提示商品正处于抢购中,利用「稀缺性」来促成成交


在这个页面,顾客可以直接在线购买,方便省时。并且我们提供了较为细致的 定制化服务,例如提货时间、生日牌内容填写等,以求 最大程度地满足客户的需求,给用户最好的使用体验。



不论是 H5 在线商城,还是小程序,相信商家都会很苦恼,怎么才能实现用户留存?

我们设计了用户的会员体系,通过 签到和积分商城,保证了 用户的留存


签到获得的虚拟货币,可以用于在积分商城内兑换实物奖品,或是兑换优惠券。


为了更好地为客户服务,一般我们都会建议引入 会员体系,并且通过划分会员等级,来体现会员身份的价值,从而促进客户消费。



通过这款 H5 在线商城,我们的客户很快就在线上铺开了营销矩阵,再结合官网和微信公众号上的各种促销引流活动,客户的月成交单数同比上涨 56%,次月留存达 87%!

如果您对这样的 H5 在线商城有兴趣,欢迎联系。

本文首发于:无锡小禾呈科技-互联网营销专家 suki.xiaohecheng.com,系本人原创,如需转载请联系。

无锡小禾呈科技有限公司为您提供无锡软件开发无锡App 开发无锡互联网营销等服务。我们有专业的团队,开发经验丰富,欢迎联系15358002238