宜 今日宜作图
Vol.01Exhibition Ability
正在加载
UP ONE'S SL
E
EVE
PU
S' ENO
SL
EEVE
今日
好货
NEW NEW
NEW
100%
新鲜有料
设计作品集
ZUOPINJI
UI/UX & WELCOME TO BUY Make unlimited design with limited space to
achieve a dream home.
Everyone is their own designer!
WELCOME TO THE BAG OF TRICKS
2021&2022ABOUT ME
HI! HI!
ABOUT ME ABOUT ME
ABOUT ME
我是郭行 我是郭行 ABOUT ME
基本信息
掌握技能
年龄：87的
电话：18203060390（同微信）
邮箱：4273075@qq.com
Ps
Xd Axuer
Ai C4d Sketch Xmind
WELCOME TO BUY
Make unlimited design with limited
space to achieve a dream home.
Everyone is their own designer!
NO.目录 UI/UX&
分期乐项目改版
移动端设计
恒信贷项目设计
Revision of phased Music Project
Me系统改版
B端项目设计
多平台终端适配
B-end project design
C4D海报设计
视觉展示
商业海报设计
线下物料设计
Visual display
“茶里”项目设计
“深夜食堂”H5长图
“迪克体育”网站设计
电商项目
E-commerce project
分期乐项目改版
NEWNEWNEW
WELCOME TO BUY
Make unlimited design with limited
space to achieve a dream home.
Everyone is their own designer!
NO.01 UI/UX&
WELCOME TO THE BAG OF TRICKS
Revision of phased Music Project
改版前/ BEFORE
REVISION
信息构架不清晰，入口不能显而易
见，有效触达。之前处于对安全性的
考虑，经常有打断用户操作情况，影
响用户体验。经过了深入的用户洞
察，整理出了更多可以提升用户体
验的设计目标。
改版原因
金融贷款类APP-分期乐
项目名称
改版前/ BEFORE
REVISION
改版后/ AFTER
REVISION
改版后/ AFTER
REVISION
为了满足产品功能诉求，
我对信息进行拆分整合，
同事完成视觉专业化的
要求，强调产品的安全高
效，突出品牌调性。
信息构架清晰，操作简
单，有效触达，增强用户
体验。经过了深入的用
户洞察，整理出了更多
可以提升用户体验的设
计目标。
设计目标
改版后
改版后/ AFTER
REVISION
手机适配/ MOBILE PHONE
ADAPTATION
恒信贷项目设计
Hengxin loan project design
NEWNEWNEW
WELCOME TO BUY
Make unlimited design with limited
space to achieve a dream home.
Everyone is their own designer!
NO.01 UI/UX&
WELCOME TO THE BAG OF TRICKS
icon 展示
HENGXINDAI
恒信贷APP/
恒信贷项目设计
安全便捷 服务周到
您的信任 我的动力
金融类贷款APP
HENGXIN
LOAN
产品初期概念/INITIAL PRODUCT
CONCEPT
由于用户群体工作节奏快，压力大，
消费高，注重生活品质，但是同行内
同质化严重，贷款利率高，额度低，
操作麻烦，不利于快速高效的借贷。
恒信贷APP为上班族、微型企业、在
保障个人隐私的前提下，提供安全
可靠、方便快捷的借贷形式。
设计初衷
操作简单方便、提升视觉语言、突出
品牌感、提升用户粘性。
项目目标(团队项目）
LOGO设计/ LOGO
DESIGN
创作此LOGO的灵感来源于我们古
代的钱币。以钱币的圆形为基础，恒
字的构件是日字，两者相结合。两边
以对称的方式设计，给人一种安全，
稳定的感觉，刚好契合我们的产品
性质。金融行业需要给客户提供安
全可靠的借贷环境，才能吸引更多
的客户来放心使用。
LOGO介绍
IUSER GROUP 用户群体分析/ ANALYSIS
网络借贷平台的繁荣发展，也促使乐分期支付方式的普及，类似花呗、京东白条等分期方式也开始成为众多男性群体消费的首选，近90%
的用户使用过期消费。购物物件多为中小型家电和手机，选择分期支付既能让他们提前拥有心爱之物，又能减轻经济压力， 这点在男性选
择分期的原因中得以显现，69.3%的用户为了减轻缩短资金压力，同时比较利息和手续费也是他们关注的因素。
用户痛点总结/SUMMARY OF USER
PAIN POINTS
额度低
额度太低，不像信用卡用久可以提额
息费高
息费太高，不想用，想换其他产品看看
强制分期期数
强制分期期数，不能选择分期期数
不能修改还款日
发薪日变更后，不能修改还款日不方便
操作麻烦
交互不合理，操作麻烦，体验不好
视觉体验差
界面丑，像广告弹窗，没有使用欲望
用户画像/ USER
PORTRAIT
用户画像可以很好的帮助
产品设计者，在设计过程中
能够抛开个人主观喜好，将
锚点聚焦在目标用户的诉
求、动机，及其产生的行为
上，还可以让我们了解用户
特征，掌握用户群体价值，
可以更好的明确用户真实
需求，指导产品设计方向。
用户故事/IUSER
STORY 1
2
3
5
67
8
4
HENGXINDAI
雷达图分析法
招联金融
操作步骤数
用户习惯培养
体验愉悦度
防错设计
流程流畅度
竞品分析/ COMPETITIVE
PRODUCT ANALYSIS
首次引导
100
还呗
操作步骤数
用户习惯培养
体验愉悦度
防错设计
流程流畅度
首次引导
100
安逸花
操作步骤数
用户习惯培养
体验愉悦度
防错设计
流程流畅度
首次引导
100
京东金融
操作步骤数
用户习惯培养
体验愉悦度
防错设计
流程流畅度
首次引导
100
HENGXINDAI
功能框架/ FUNCTIONAL
FRAMEWORK
恒信贷
首页 导航栏 banner 金刚区 新人福利
首页
搜索栏
搜索栏 资讯消息 新闻专题
banner 导航栏 banner 商品
关于恒信贷
我的 资讯 商城
我的信息 金刚区 本月已还清 红包领取
超级会员
恒信积分
赏金联盟 功能区
商城
资讯
我的
核心功能使用流程图/
申请流程 额度提现
HENGXINDAI
最小可行性产品/ MINIMUM FEASIBLE
PRODUCT
申请额度仅需三步，将申请流
程直接展示出来，让用户了解
申请步骤简单，且流程包含所
需填写资料，简化申请步骤，
提升申请转化率。
申请流程
HENGXINDAI
引导页展示/ GUIDE PAGE
DISPLAY
缺省页/ DEFAULT
PAGE
暗黑模式/ DIABLO
MODE
HENGXINDAI
ANDREW 安卓适配/ FIT
IPAD适配/ MINIMUM FEASIBLE
PRODUCT
适配横版
适配竖版
MULTI PLATFORM IPAD适配/ TERMINAL ADAPTATION
适配竖版
适配横版
多平台终端适配 / MULTI PLATFORM
TERMINAL ADAPTATION
多平台终端适配 / MULTI PLATFORM
TERMINAL ADAPTATION
Me系统改版
NEWNEWNEW
WELCOME TO BUY
Make unlimited design with limited
space to achieve a dream home.
Everyone is their own designer!
NO.02 UI/UX&
WELCOME TO THE BAG OF TRICKS
Me system revision
火星时代教育Me系统是专门为的学生
和老师使用的教育管理系统。
本次项目基于原本的功能页面，按照信
的业务需求和品牌升级，对学生端进行
界面的功能重新布局、视觉重设计。
产品介绍
项目介绍/ PROJECT
INTRODUCTION
设计规范/ DESIGN
CODE
Me系统改版/ME SYSTEM
REVISION
改版前
导航分类过多，有
重复功能入口
页面利用率不高，
信息层不清晰，影
响用户体验
重复功能过多，
页面杂乱，增加
了用户的思考
成本
Me系统改版/ME SYSTEM
REVISION
改版后
把学生的重点信息，
放在视觉中心
添加每日课程资料包
下 载 入 口 。避 免 多 次
跳转
重新梳理导航的主要
功能，更加清晰，容易
使用。
优化成绩曲线图，
视觉表达更好
添加常用网址，方
便贴心
优化数据表，视觉
表达更好
改版目的
梳理系统主要功能，结合显示生活中的逻辑习惯，简化流
程从而进行重新布局排版得出原型图。根据原型图进行改
版，改版后功能明确，布局合理，颜色，图标保持界面一致。
Me系统改版/ME SYSTEM
REVISION
“茶里”项目设计
NO.03 UI/UX&
\"Chali\" project design
NEWNEWNEW
WELCOME TO BUY
Make unlimited design with limited
space to achieve a dream home.
Everyone is their own designer!
WELCOME TO THE BAG OF TRICKS
茶里作为高端茶饮品牌和专
业茶服务供应商，在设计年货
节专题页构思过程中小组选
择了以清新淡雅风的设计为
主，使整体画面
干净，整洁，非
常符合饮食类
产品。
产品介绍（团队项目）
项目介绍/ PROJECT
INTRODUCTION
“茶里”专题页/\"CHA LI\"
SPECIAL PAGE
整个页面在颜色的选择上主要
采用橙色为主，辅助色采用金色
作为点缀，这样的配色完美体现
出清风儒雅的效果，让用户更为
直观的感受到茶里作为茶饮的
高端品牌；
优惠券的设计是采用明亮的金
属边做简单装饰后面的版块也
延续了这种风格。在设计过程
中，运用了LOGO的扇形形状做
为点缀装饰。
设计说明（团队项目）
“茶里”详情页/\"CHA LI\"
DETAILS PAGE
整体采用产品颜色为主色调，与产品更好的融合在一起。标题处运用了横
线做分割和效果装饰。板块之间用渐变色的方式连接，使更好的衔接，整个
版面明暗的的交替排版，让视觉更舒畅，给消费者带来更好的购物体验。
设计介绍
“茶里”直通车/\"CHA LI\"
THROUGH TRAIN
设计介绍
以中秋节为背景，整体色
调鲜明，让人有购买欲。
装饰元素用兔子和月亮，
贴合了中秋的属性。价格
放大，突出的表现，符合
直通车的特性。
“深夜食堂”H5长图
NO.03 UI/UX&
Long drawing of \"late night canteen\" H5
NEWNEWNEW
WELCOME TO BUY
Make unlimited design with limited
space to achieve a dream home.
Everyone is their own designer!
WELCOME TO THE BAG OF TRICKS
H5长图/ H5 LONG
CHART
背景以深色为主，配以大众点评的
品牌色调，让问醒目明亮，符合饮
食类，让人有食欲。整体风格简约
流畅，给人一种干净，明朗的感觉。
产品介绍
背景以深色为主，配以大众点评的
品牌色调，让问醒目明亮，符合饮
食类，让人有食欲。整体风格简约
流畅，给人一种干净，明朗的感觉。
产品介绍
样机展示/ PROTOTYPE
DISPLAY
C4D海报设计
NO.04 UI/UX&
C4D poster design
NEWNEWNEW
WELCOME TO BUY
Make unlimited design with limited
space to achieve a dream home.
Everyone is their own designer!
WELCOME TO THE BAG OF TRICKS
根据主产品的色调和产品的特性，整体画
面选用温馨舒适的红色。以亲子节为主题，
场景终除主产品外，搭配了卡通的火车，树
木，圆球，衬托出了亲子主题的风格。
设计说明
配色
护肤品建模/ SKIN CARE
PRODUCT MODELING
商业海报设计
NO.04 UI/UX&
Commercial poster design
NEWNEWNEW
WELCOME TO BUY
Make unlimited design with limited
space to achieve a dream home.
Everyone is their own designer!
WELCOME TO THE BAG OF TRICKS
赛博朋克风格。图中以重庆的特色建筑为
素材，灵活运用图层叠加，素材拼凑调色，
使画面真实和谐。运用远、中、近景，突出表
现人物为主体。活动主题为COSPLAY，表
现出重庆为时尚的弄潮儿。达到快速设计
制作出超强视觉冲击力的广告。
漫展活动海报
赛博朋克/ CYBERPUNK
POSTER
