“喜茶Go微信小程序”是“喜茶HEYTEA”品牌门店线下场景下,用于让消费者免排队,可微信下单的商城系统,推出为迎合2018年时下年轻人时尚的调性,也为打造新式茶饮行业网红店而推出的拳头型战略产品。
“喜茶Go微信小程序”是一个点单工具,本着方便、好用、有调性的初衷,我设计的版小程序交互流程非常简单,消费者进入小程序后,可以在小程序中选择茶饮种类,选择具体茶饮品种、茶饮规格、自取外卖,确认下单支付后,追踪订单状态,完成整个下单取货流程。
版设计稿,点单首页面
点单页面特点是简洁明快,以纯白色为底色,功能按钮辅助色为:#DBA86F(淡雅咖啡色)、#343434(深灰黑),广告运营位图片有8rpx圆角矩形效果。“选规格”按钮圆角半径为50rpx。
左侧分类菜单,顶部“自取/外卖”状态切换
需要注意的是:左侧主分类菜单、顶部“自取/外卖”状态切换是定制控件,小程序组建库中,并没有现成的控件可供使用。对前端定制化开发技术要求较高,尤其是CSS的灵活运用。
覆盖层页面的实现,合理利用了手机屏幕有限的空间,为店铺详情展示开辟了充分的位置。