案例背景

大部分客人需要的是一杯普通好喝的咖啡，但普通便利店咖啡很难做到。不眠海”是便利蜂今年早先推出精品咖啡“Beelicafe”的迭代版，便利峰方面称，二者在产品设定、品牌定位、投入程度和规模布局上有着较大 差异，比如不眠海使用的半自动咖啡机是意大利的la Marzcco,后者 也是星巴克、Peet's Coffee等精品咖啡店使用的半自动咖啡机。界面新闻搜索大众点评看到，北京目前仍有3家BelcafC营业，包品价格与不眠海差不多。

用户群体

根据360趋势大数据显示,我们可以分析得出，「Sober Hij的大部分用户

主要分布在北上广深等-线/新- -线城市企业上班族成为最主要用户群体，

移动端点餐和快递上门服务为上班族提供了便捷服务年龄集中在18- -35岁之间的中青年用户，性別占比相对平均,且年轻化特征非常显著

主要用户收入居于中等偏上,消费能力强

学历主要分布在专科和本科,对新产品新事物有很强的认知和接受能力

视觉方向

移动端载体的自身要求应是统一的视觉设计语言，强化品牌概念植入，增加情感化设计，提高用户对品牌的好感与信任

01年轻简约

运用卡片+圆角的设计，投影的使用保持最大的克制避免对重要信息与操作的视觉干扰,聚焦内容重点让界面具有呼吸感、亲切感

02品质丰富

合理利用留白、间距、分割线，提取品牌)ogo園角细节,丰富页面的视觉质感注重界面轻量化，细节克制的色彩搭配,体现产品的差异化

03高效专业

优化界面布局，注重信息层级主次分明与交互逻辑合理通顺，更符合职场高效便捷的使用要求，创建可复用性组件，提高开发效率

「首页]

●首焦Banner

首焦Banner提高广告商品、优质内容的曝光度，提高浏览到购买的转化率和衡量内容价值。

●情感化设计

拟人化的对白相比冰冷的话语更能获得用户的好感，赋予产品的新的生命力;

●自提/外卖icon

app的核心功能,重点突出，让操作更高效,位于主页最高层级

●新赠拼单频道

刺激非刚性需求，提升外卖下单率;当用户凑不够起送费或者想追求更大力度的满减优惠时，可以邀请身边的好友-同拼单

●产品运营频道

边缘化用户，未对平台建立起信任感购买目标不明确，引导该类用户群体从而刺激消费形成订单转化

●优化推荐频道

有较为明确的品类预期但未具体到目标商品的用户需要给予推荐

选择门店

用户可在首页底部查找门店图标进入门店列表门店列表页优化了地址陈列的方式，提升可点击范围，可上下滑动选择便于用户快速定位和找到目标门店，也便于用户查看门店当前营业状态;地址信息对于用户比较重要,优化后的定位信息更加清晰直观;

点单&商品详情

在提升用户满意度的同时,将品牌的调性渐渐融入到设计中,增加品牌色彩的认知度。对页面上的促销标签及按钮样式根据调整后的主色做了对应的调整，通过不同的颜色及样式展示不同营销活动的特性。

商品贴.上标签,让用户清晰此商品的属性及参与了哪些优惠折扣活动,帮助用户快速决策，提高商品的点击率和转化。

新增用户的评价晒单提升用户对商品的感知能力,帮助用户快速做出选择

购物车

购物车整体架构上呈倒叙时间轴FEED结构，页面没有过多的属性切换，更多是聚焦在近期添加的商品上。从操作路径角度上看:更多的是单线路径，整体操作围绕在商品管理与编辑的环形路径当中。从信息展示上看:除商品信息外，视觉焦点更集中于价格和活动等内容。

我的

基于原有个人中心列表信息量大且层级混乱，引用卡片设计，模块化的处理,栅格化排版，,避免了信息层级的混乱，尝试提高个人中心的信息清晰呈现;

页面展示