案例背景

奶茶故事一个专属饮品爱好者的垂直小程序，为饮品爱好者和探店达人提供饮品内容分享和交流的社区。用户通过平台发布图文和视频内容，达到展示自我，结交好友的目的，同时提供一些饮品店的探店任务和优惠券，让用户达到边享受饮品边省钱的乐趣。

产品定位

奶茶故事是专门为年轻上班族设计的，一款多店自营的小程序,是上班族与逛街必备的下午茶好伴倡。也是想在如今快生活的大环境下，打造一个随时随地分享生活新乐趣的全新体验。

设计方向

在满足小程序功能的情况下+U1流行趋势根据用户人群的产品内容综合分析定义设计方向

高效：注册分明，专业，信息清晰

简洁：年轻，商务减少干扰

品质感：产品定位，有序注重细节

用户画像

张路遥

财务24岁

坐办公室坐就是一下午，每天和各种数据、报表打交道。一到月底算账就头大，这个时候有个方便快捷的饮品下单小程序配送到公司就很完美了。

李林

大堂经理36岁

平常上班，在大堂接待客户的时间比较长，忙碌的日子适当给自己来一份下午茶，瞬间觉得一切都没好了。也省去了出去排队。

何悦

高中老师28岁

作为一名老师除了日常上课之外，呆的最多的就是在办公室批改作业、备课，有时反复批改同一份考卷的工作，眼睛很容易。

小程序体验感

易用：无复杂操作路径，所见即所想

高效：大量快捷入口，直观方便

清晰：逻辑清晰，操作便捷

产品目标

线上线下

线上作为重点销售渠道，线上下单占比达到-定规模，同时门店数量与杯量成为中国最大的连锁饮品品牌

产品

为客户提供高品质、高性价比、高便利性的产品

需求分析

根据各年龄段与各职业的调查，发现不同年龄层和职业对饮品的需求不同因此可从方便快捷到迎合潮流以及多元化需求方面来架构这款小程序。

设计规范

字体IFONT

30px 用于大标题

16px用于标题

14px用于正文标题

12px用于标题

9px用于提示性文字

图标/ICON

ICON采用了扁平的设计风格，统视觉大小、 圆角大小、线宽，根据使用场景的不同，ICON大小从24px到64px

首页展示

首页采用卡片布局，其优势是占用空间小、可操作性高，同时能够明显的区分不同模块之间的关系。视觉上更加简洁明了，操作更便捷

点餐展示

点餐页面为了方便顾客也是可以选择自取或者外卖，点击选规格会进入下单详情二级页面，选择产品后购物车会显示点单数量。菜单页面每一- -个饮料卡片展露饮料的基本简洁、价格，便于用户选择合适商品。