YOUPING SHUO

YOUPING SHUO

YOUPING SHUO

Experience optimization

Experience optimization

Experience optimization

YouPinShuo APP experience optimization

YouPinShuo APP experience optimization

YouPinShuo APP experience optimization

Brief

随着用户体量越来越大,公司产品方向调整,原有设计陈旧,无法满足现在存用户的购物欲望;基于全新的战略,我们对现产品进行全新升级。

Brief

随着用户体量越来越大,公司产品方向调整,原有设计陈旧,无法满足现在存用户的购物欲望;基于全新的战略,我们对现产品进行全新升级。

Brief

随着用户体量越来越大,公司产品方向调整,原有设计陈旧,无法满足现在存用户的购物欲望;基于全新的战略,我们对现产品进行全新升级。

What I've learned

柚品说使我对电商视觉设计和交互设计有了一定的认知;尤其是订单系统,让我对逻辑功能有了更深的了解。

对整个项目从战略层、范围层、结构层、框架层、表现层有了初步的了解。

What I've learned

柚品说使我对电商视觉设计和交互设计有了一定的认知;尤其是订单系统,让我对逻辑功能有了更深的了解。

对整个项目从战略层、范围层、结构层、框架层、表现层有了初步的了解。

What I've learned

柚品说使我对电商视觉设计和交互设计有了一定的认知;尤其是订单系统,让我对逻辑功能有了更深的了解。

对整个项目从战略层、范围层、结构层、框架层、表现层有了初步的了解。

YOUPING SHUO

Experience optimization

YouPinShuo APP experience optimization

Brief

随着用户体量越来越大,公司产品方向调整,原有设计陈旧,无法满足现在存用户的购物欲望;基于全新的战略,我们对现产品进行全新升级。

What I've learned

柚品说使我对电商视觉设计和交互设计有了一定的认知;尤其是订单系统,让我对逻辑功能有了更深的了解。

对整个项目从战略层、范围层、结构层、框架层、表现层有了初步的了解。

Problems

现存问题

体验层

品牌融入感低,用户粘连度低

结构简单,层级混乱,影响用户浏览效率

交互层

结构简单,层级混乱,影响用户浏览效率

表现层

视觉风格陈旧、样式不统一

结构简单,层级混乱,影响用户浏览效率

APP旧版本设计

Problems

现存问题

体验层

品牌融入感低,用户粘连度低

结构简单,层级混乱,影响用户浏览效率

交互层

结构简单,层级混乱,影响用户浏览效率

表现层

视觉风格陈旧、样式不统一

结构简单,层级混乱,影响用户浏览效率

APP旧版本设计

Design goals and strategies

设计目标与策略

01

强化品牌品亲和力,IP赋能提升用户亲切感、信赖感。

02

框架升级,优化信息层级界面核心模块权重提升,会员按系统全面升级。

03

全新视觉体验升级

Strengthen brand affinity

强化品牌亲和力

柚品说IP形象设计

购物场景下的引导式AI

具备品牌亲和力,拉进用户心理距离

具有心智识别度,提高品牌延展性具备品牌亲和力拉进用户心理距离

具有品牌社交力,成为连接第三方的营销枢纽

品牌形象柚仔

商城柚

适用于柚品说商城

区块柚

适用于柚品说区块链

VR柚

适用于柚品说VR购物

User Centered Design

探究用户动向

目前电商主要场景需求为:搜索+购买。我们以购买目标和目标附赠的ZHC值(购买欲的强弱和平台特色)去界定首页的人群分布,不同区域适应不同人群,通过分析首页用户的特性去对首页区域做出较合理的且针对性的设计优化,实现用户体验提升的同时促进首页的转化率。

Design Plan

落地设计方案

重构首页布局,操作效率更高效

鼠标「按住拖动」可查看更多区域内容

Framework upgrade

框架升级

商品详情页在新增功能模块、完善功能的情况下优化框架布局,合并同类信息,提升浏览效率。减少用户浏览路径,使用户的触点和商品的重要节点相一致,从而提升整个页面的转化率。

个人中心页面,新增平台特色模块(中宏链ZHC值)在页面中的权重。顶部会员系统图标优化,提高消费用户和平台高级用户的尊贵感,根据用户等级更改背景,打造用户之间的差异感。

Marketing strategy

新会员激励体系

新的会员体系,为用户提供更多的触点,增加用户复购、分享、拉新的转化率。等级越高的会员在消费时可享受的优惠力度越大,返现和ZHC值越多,这对于刺激会员消费,培养忠实客户都有很大的作用。

Grid specification

栅格规范

因为是电商类型的产品,整体间距需要更紧凑且清晰,设计上需要整体的体验保持统一。

整体采用6栏布局网格,画布宽度=375

<Columns,> Count=6,Margin=12,Gutter=8

留白遵循4的相关值:4pt、8pt、12pt、16pt

New visual experience

全新的视觉体验

热情

desire

活力

vitality

诚信

Integrity

健康

healthy

色彩的情绪

Icon upgrade 图标升级

Icon upgrade 图标升级

金刚区图标

金刚区的图标设计采用同色不同饱和度面性图标来突出立体感,在底部增加了园色块提升了图标的色彩协调感,使得图标看起来生动有点击氛围。

Tab图标

图形简单易懂,融入平台主色。选中红色渐变为选中状态、灰色为未选中状态,注重内容设计。

功能图标

功能图标采用了平台的主色红色进行设计,采用面性与线性来代表图标功能点的重要性,也是用户关注的焦点。

会员权益图标

利用渐变的打造微质感图标,在图标底部增加了投影效果看起来更有空间立体感了。每个图标都根据相对应权限去设计,最后用高级金为底盘来呈现图标。

studies

studies

studies

studies

studies