Page 1

PORTFOLIO CHENQI ZHANG 2018


ABOUT ME

EDUCATION

RANKING SKILLS EXPERIENCE

张晨琪 CHEN-QI ZHANG

AWARD

zhangchenqi1101@163.com +178 6390 9708

LANGUAGE

中国海洋大学 “双一流”、“985工程”和“211工程”重点建设高校 工程学院工业设计 (Java程序设计、高等数学、 界面设计、计算机辅助 二维设计、计算机辅助三维设计、设计表达、 产品设计程序方法、产品 创新设计、模型制作)

3/ 32 精通 Photoshop、Illustrator、Rhino、Keyshot、Office 熟悉 Sketch、Alias、CAD、Indesign、Premiere、Axure、UG 了解 Xmind、Prezi VI

太原市轨道交通标识征集 微言教育卡通形象征集 山西五岳标识征集

UI

UXPA用户体验大赛

ID

全国海洋航行器设计与制作大赛 山东省大学生机电产品创新设计竞赛 全国海洋文化创意设计大赛 中国海洋大学相关空间文化设计方案征集

2016 2017 2017 2017 2017 2018 2018 2018 2018 2018

二等奖学金 优秀团员 国家奖学金 社会实践奖学金 一等奖学金 优秀学生 第六届全国海洋航行器设计与制作大赛一等奖 第十四届山东省大学生机电产品创新设计竞赛一等奖 中国海洋大学相关空间文化设计方案征集优秀奖 优秀团干部 第七届全国海洋文化创意设计大赛入围奖 中国海洋大学第四届“互联网+”大学生创新创业大赛三等奖 微言教育卡通形象征集优秀奖

CET6 521

Page/01


CONTEXT UI Design 界面设计

Fitter新型健身房体验设计\Ace Watch智能手表概念设计

Graphic Design 平面设计

太原地铁logo及VI设计\海报设计

Product Design 产品设计

嗨骑单车\KON柜式空调

Package Design 包装设计

ZOO.O系列包装

Others 其他

Sketch 汽车手绘

Page/02


UI Design Fitter新型健身房体验设计 Ace Watch智能手表概念设计

Page/03


UI Design Fitter新型健 身房体验设 计

Competitive product analysis

功能

围绕

根据用户身体参数的不同, 增强定制化功能,精细化对 待每个用户。

的情

、悦

训练

、个

社交

人中

圈提

专业移动

框架

心模

供交

结构

流的

平台

范围

健身教练

e.

导航

模块

im

列表

发现

健身

itt

采用

块、

,辅以

况下

览模

课程

slogan

片多

模块

sf

,部

航,图

通过竞品分析,我们确定了 产品的发展方向如下:

训练

It'

,身定制

ab导 和T

n

FT

训练计划

战略层

on圆润 颜色为橘红色,带给人活力,Ic

编辑

贴纸 主题 文字

逐帧

定位

从4

岁的

范围

Ho

孩子

到6

0岁

人,每

个人

都能

投 助 射新 3D 闻 建 信 模 息

ns Le

0. 3

.

v3

交类

Soul

t

功能

v3.0.4

o的

slo

简单

直接

n

一级

享受

到它

带来

的乐

考虑对接硬件,并推出运动 数据中心,与硬件连接

互 交

好 良

拥 中 用

使 摄视

拍 景,

算机 的运动计

者所准备 骑行爱好

为长跑和

觉流从上到下

交功 能

和1

个个

人中

心抽

屉导

,字

少 航

,主

的基 础社

用卡片式列表展示,视

评论 点赞

特可

底部舵式导航,广场采

型奇

态展 示、

找到

灵魂

配聊 天、 动

跟随

,造

星球模块 、广场模 块、发布 模块、信 息模块、 个人中心 模块

具备 匹

an

强烈

拍场 头,抓 值 摄像 等数 ;搭载 消耗 应用 路里 手机 和卡 智能 速度 ,配套 时间、 、 同步 数据 供距离 频,提

的 品 产

户 用 使

,层级

AB 个T

导航

分类

和3

,均为

图标

导航

ga

频道

2个

log

直播

结构

使用

享和

顶部

Je Recon

功能

定位

框架层

结构层

范围

slog

,Ico n线 条感

绿色

薄荷

右 滑 动

战略

归纳总结用户的feeds信息 流,如健身的成果、知识、 方法等。

的老

lo

灵魂测

,记录你

频分

.1

记录世界

短视

框架

slogan

结构

战略层

主色是橙色,阳光活泼,Icon采

用线条感造型

v5.7.2

考虑O2O属性,健身应用 有一定门槛更需要场景化的 引导和激励,且未来结合线 下健身房资源是主要方向。

2.0

快手

3D体感摄影 机, 同时有影像辨 依靠相机捕捉三维 空间中玩 识、语音辨识 、社群互动等 家的运动, 功能

功能

kinect

体感 类

.615

3

表现层

排行榜

标签

ga

v5.9.1

附近美

采用

slo

榜单

新人报

导航

,但

v1 .8 .3

o为

log

线

.0

v7.6

火辣健

分享

线

1

2.

. v8

e

美拍

练 、 块

块 模

课表

自定义 美化图

分析结果

议及查

im tT Fi

饮食建

格 列

绿色

框 架 层

记录

和 ,宫

为亮

助色

Ta b导

,辅

视频

主色 为 烟紫 色

,Ico n圆

表现

.0

一 个

2018

v5.13

口 少

点 击

3.31

,可

前往乐客城、金狮广场进 行第一次线下访谈

4.29

4.15

屉 导

4.6

实地访谈

卡 片 ,左 右 各

消 息

分析前期调研结果,形成 PERSONA,用户旅行图

块 、

前往乐客城和万达广场进 行第二次问卷调查,验证 需求的真实性

块 ,卡

前往乐客城和万达广场进 行第一次问卷调查,调研 用户需求

置 模

分析结果

、 设

实地问卷

模 块

实地问卷

选 模

4.24

表现

片 挑

发放线上问卷,了解目标 用户和潜在用户对产品概 念的接受度

战略

线上问卷

自由

-我们进行了一次线下访谈,两次线下问卷和一次线上问卷,得出用户和健身 房的需求。

给我

表现层

自律

结构层

框架层

slog an

内容

交、

用瀑布流形式

、社

范围

底部舵式导航\视频采

资讯

食、

加丰

位期望的

KEEP

惯及

习 健康

战略

能更

于用户定

Interviews

.8

v3.2

表现

、饮

容功

功能,便

在美

训练

增加分类

,都

块,内

涵盖

我的

享模

全面

频道模块

与分

拍摄

热爱

照片

大模

频、

纷活

商城 几

短视

充,缤

模块

涵盖

变填

an

运动训练

范围 层

邻近

结构层

发现

薄荷

健身

色渐

全面

n是

slog

,Ico

色和

紫色

主色

框架层

表现层

n ga

、社区模 块、

slo

心模块

级分类

-随着科技的进步以及“互联网+”的介入,健身 APP(或智能硬件)已成为 运 动人群体育运动时的标配,其中手环、 手表类最为常见。以智能硬件+ 健身软 件(APP)为入口积累用户原始数据,牵手大数据技术提供贴切需求的健身指导 ,增强健身体验、融合线上线下需求已成为该细分领域的必然发展趋势。

玫红

-健身行业存在着长期以来的“痛点”,导致老客户的流失率过大,客户数量 始终徘徊不前。 痛点一:糟糕的收费方式。 痛点二:服务体验不好,

,营造纤细感

模块、个 人中

航,图

采用底部标签导航和顶部二

-如今,健身已成为一种流行的生活方式。2016 年,国务院为增强人民体质 、提高全民健康水平,将全民运动健身上升到国家战略。国家出台了一系列 相关政策促进健身服务产业的发展,商业健身产业优势明显,运动设施也逐 渐完备。

Icon采用线条图标 薄荷绿与橙色,健康活泼,

ab导 和T

Concept Origination

战略层 生 ,掌控人 减肥健身 slogan 范围层 计全面 功能设 层 练方面 结构 块,训 商城模 录 社交、 据记 层 资讯、 便数 框架 训练、 签,方 个标 航 为一 层 导 单独 现 宫格 表 功能 采用 记录 层 况下 人 略 轻 的情 战 年 合 片多 适

导航

标签

采用

RESEARCH & PROBLEM IDENTIFICATION

Page/04


UI Design

Fitter新型健 身房体验设 计

新手 难以 期觉 得自 独自 坚持 己的 去健 ,效 动 身房 果不明 作不 显, 规范, 有点 不 进步 无聊 不如 知道完 的, 整的 预期 听歌 训练 打发

的制定 况和目

持 坚

得更 象变

人形 ,个 健康 身体

范 话会 不规 许的 动作 实力允 经济

年 半 U11私

1

1

2

可以

指规

,避

免受

目的 的健身 择私教 ,他们 多人选 体状况 会有很 时 身 小 的 们 所以才 一个 他 , 0 0 觉 解 8 了 的感 00问测验 个肌肉 课是6 都会询 体会这 教一节 ,我们 怎么去 的,私 前 道 类 知 之 之 ,也不 来健身 务人士 不一样 在客户 忙的商 的感觉 是比较 对肌肉 经 客户都 神 每个人 健身中

私教的成本很低,带来的收益也很大,所以对于健身房来说,私教是一个很好的选择

帝豪斯俱乐部负责人

3

, 私教

作 范动

感觉

SIX

2

室教练

律的

FIVE

70后

教工作

身材

自 享受

FOUR

3

一年 后

95后

95

后 80后

95后

TWO

FOUR

9

5后

ONE

FIVE

4

95

2-3次

90后

2-4次

SIX

5

一年

6

保持

2次

一年

锻炼身体、提高体质、塑性练肌肉

95后

性 80

别 后

希望健身 后可以即 时看到健 身成果

3次

90

带着练 四年

担心由于姿势不正确,反而对身体产生伤害

70后

的同学

70后

学体育

2次

3次

一年

形,是

1-2次

健身频率

6次

为了塑

2次 2-

结果

2-3次

4-5次

5-

健身

一年

ONE

壮,

目的

TWO

变强

THREE

分享

经常没 有时间 健身 不知道 如何根 据自己 的情

健身

两 范围

THREE

两年

友小

出出汗,保持一定运动量

的朋

八年

健身

一年

同样

控制

为了 会和

难以

锻炼身

减肥

饮食

主要是

问题 安排 要 时间 果重 比结 帮助 过程 相互 健身 炼, 感觉 起锻 一 友,

了朋

提升体

结识

保持、

身房

健身新人可能更需要规范动作

范动作 需要规 果 新手更 会有效 贵 下去才 格较 要坚持 ,价 健身需 不齐 参差 质量 私教

在健

通过第一次访谈,我们发 现,用户们在健身中遇到 的主要问题可以概括为两 方面,一是动作不规范、 不知道怎么制定健身计划 ;二是不能坚持。关于用 户的其他需求,我们将在 之后进行进一步调研。

计划

健身计

RESEARCH PROCESS

4

5

6

Page/05


UI Design Fitter新型健 身房体验设 计

RESEARCH PROCESS 通过影响程度、持续时间、克服难度这三个维度的矩阵分析 对主要的功能进行优先级排序,排序结果作为产品架构功能级 别的参考

痛点优先级评分

痛点列举

01

02

03

04

05

06

07

01

影响程度

5

4

4

5

3

3

3

02

持续时间

5

5

4

5

4

3

4

克服难度

4

3

3

4

3

3

4

综合性评分

19

12

11

19

10

9

11

01 健身动作不规范 02 无法制定适合自己的健身计划 03 健身知识获取途径少且不满足需求 04 健身难以坚持 05 健身过程无聊 06 健身后的记录分享方式单一 07 健身社交途径少

痛点

通过第一次问卷调研结果, 结合前期问卷访谈,根据影 响程度、持续时间、客服难 度三个方面评分,可以得出 用户痛点优先级如下: ①健身中动作不规范,无法 达到训练效果,可能伤害身 体 ②健身过程见效慢,难以坚 持 ③健身知识获取途径少,知 识需求无法满足 ④健身过程无聊 ⑤健身后的分享方式单一、 分享平台少

03

需求

04 05 06 07

概念机会点

动作不规范

希望可以帮助规范动作

利用AR技术识别运动中的健身者, 帮助规范动作

难以坚持

有兴趣可以坚持下去

利用AR技术增强健身中的体验, 增强兴趣

健身知识获取途径少

希望有更专业的健身知识获 取途径

提供专业的健身平台,帮助获取 更权威的健身知识

健身过程无聊

健身过程有趣

利用AR技术增强健身中的体验, 增强兴趣

健身后的分享方式 单一、分享平台少

希望提供更有趣的分享方式

采用AR小视频记录健身过程,让 分享变的更独特

Page/06


UI Design Fitter新型健 身房体验设 计

RESEARCH PROCESS 根据第二次问卷调研结果,结合前期调研与第一次问卷,我们初步确定了 4个主要功能,分别为: ①训练:体感捕捉技术识别动作,与标准动作对比,帮助规范动作,并对 动作进行评分排行。 ② 社区:建立健身用户社群,并独创AR小视频记录健身过程,让分享变 得更独特。 ③专题:提供专业的健身平台,平台内有健身课程、健身攻略、饮食建议 等,给予用户全方位的健身指导。 ④PK、排行榜:AR技术增强健身中的趣味性,通过PK 、排行机制激励用 户健身。

2.5

2

1.5

需求

功能

01

希望可以帮助规范动作

训练:AR技术识别动作,规范动作, 并对动作进行评分排行

02

希望提供更有趣的分享方式 和分享平台

社区:AR小视频记录健身过程,让分 享变的更独特

03

希望有更专业的健身知识获 取途径

专题:提供专业的健身平台

04

有兴趣可以坚持下去 健身过程有趣

PK、排行榜:AR技术增强健身中的趣 味性,通过PK 、排行机制激励用户健 身

接受度

1 2.40

2.14

1.65

2.40

2.21

1.60

2.44 是否 愿意

愿意 R 与健

、体 感技 术

中的 趣味

健身 结

尝试 A

尝试 PK与

是 否 希望 增加 健身

是否 希望 有途

身结 合

和分 享

交流

具帮 助健 身后 记录

和排 名

用在 健身 房

径和 陌生 人沟 通

是否 希望 有工

是否 愿意 使用 评分

是否 希 望将 规范 动作

Page/07


UI Design

图 片

非常 希望 比较 希望 没 有 必 要 文 字

非常希望

比较希 望 一般

比较乐意

一般

非常乐意

录 记

工 通

一般

工具 保存

因 增 加

使用 解工具

一般

使用讲

比较可

希望讲解功能

极有可能

具 工

间 希望,但 缺少途径

非常乐意

一般

比较乐意

希望

比较

非常 希

一般

可能

比较

可能 不太

一般

不希望 希望, 有途径

不太 可能

可 能

般 一

有 具

-1

比 较

增加

沟通

一般

健身结识朋

通 和陌生人沟

工具

常 希

趣味

性器

-2

3个

有 极

增加

1年

3个

希望

器械

录 要

健身

局部

全身

无器械

请私

录 记

通过对健身房用户、非健身 房健身用户和不健身用户三 类人群进行调研,我们发现 三类用户的健身需求不同。 健身房用户主要需求是健身 社交; 健身用户对运动健身有需求 但却不去健身房,其主要希 望健身房可通过非昂贵私教 之外的手段,获得专业的健 身指导,并帮助缓解初入健 身房的紧张尴尬情绪。 而对于不健身用户,最大的 刺激点之一是增加健身兴 趣。

强烈需求

身 方 式

图片

没有需求 一定需求

模式

有时

可能

极有

健身

身 存健

不会

可能

比较

评分

房原 希望讲 不去健 解 身

次都会

记录

增加讲解设备

没有需求

从来

从 记

一定需

极有可能

人沟通

一般

健身 价格贵 怕在 小白, 害 知所 健身房 不 措 强烈 需求

比较可能

健 PK

没时

和陌生 健身结识朋友

味性

身原

不健

增加趣

分享 工

不喜

坚持 难以 间 没时

RESEARCH PROCESS

有记

,但 希望 径 途 缺少 , 望 希 有途径 不希望

Fitter新型健 身房体验设 计

Page/08


UI Design Fitter新型健 身房体验设 计 PERSONA&TRAVEL MAP 何正宇 Lancer

王昕婷 Monica

兴趣爱好

基本信息 29

上海 182cm

78kg

有女朋友

职业:

销售副总监

工作地点:

上海浦东

工作时长:

5年

工作压力:

工作比较繁忙,同时压力较大任务较重,经常需要加班工作 税前月工资2w,还房贷月9.6k,衣食月消费6k+,剩下4k+用于储

“健身的科技爱好者” 工资:

性格分析 “运动健身能暂时让我忘掉很多的 烦恼,而且通过健身我也认识到了 现在的女朋友,我觉得健身给人带 来的好处太多了。健身已经成为我 生活中的一部分了。”

外向Extraverted 实感Observant

Introverted内向

Feeling情感

判断Judging

Prospecting知觉

青岛

24

169cm

55kg

单身

交友 旅游 运动 阅读 音乐

父母分别在老家江苏徐州教育业和管理层工作,生活较富裕;Lancer为家中独 生子女,父母会分担一部分儿子的房贷压力

职业:

UI设计师

工作地点:

青岛

工作时长:

2年

工作压力:

部门氛围年轻良好,工作压力较小

工资:

税前月工资6.5k,和父母居住,衣食月消费3.5k+,每个

兴趣爱好 手游 阅读 跑步 服饰

月给父母1k,剩下2k+用于储蓄和其他支出

个人描述

“内向的运动活力girl”

个人描述

性格分析

蓄和其他支出

家庭信息

Intuitive直觉

思考Thinking

基本信息

·外向 ·阳光 ·自信 Lancer 硕士研究生毕业后来到上海工作 , 在上海买了一套小房子, 和女朋友同居。 空闲时间喜 欢进行网球、 游泳等运动, 节假日喜欢四处去旅游。 从 2 年前开始, 他开始去小区楼下的健身房健身。 起初去健身房目的是为了上私教课, 让自己 更好地得到特定部位的锻炼和摆脱身体亚健康状态, 保持健康。 上了两个季度的私教课后他就开始 自己健身, 并在工作之余挤出时间, 平均每周会去 1-2 次健身房, 自己坚持健身了 2 年。 由于他一直在家楼下健身房健身, 虽然确实结交了健身房里不少的朋友, 不过他们都是在同一健 身房里的伙伴。 他在微博上也算是个小有名气的健身爱好者了, 但关注者大部分都是不常去健身房健身的人。 他 喜欢广泛交友, 在工作之余更想结交志同道合的喜欢运动的朋友, 最好是和自己差不多的热爱健身 的朋友, 他觉得目前健身交友的圈子有些狭窄。

外向Extraverted

“下班之后跑跑步对于我来说真的是

实感Observant

Introverted内向

思考Thinking

Feeling情感

得自己太紧。最近的期望是学习交 互设计和积累一些人脉,争取在未

判断Judging

Prospecting知觉

来的两年内能转行到交互设计岗 位。”

家庭信息

Intuitive直觉

很解压的放松方式,毕竟有时候逼

父母住在青岛,经营一间小杂货铺,还有一个在上大学的弟弟

· 内向 · 进取 · 自律 Monica 是土生土长的青岛人, 在青岛念完本科大学直接担任某招聘网站的 UI 设计师。 空余时间打打王者 荣耀等手游, 回到家喜欢看看书, 跑跑步。 几乎每天晚上, 她都会在家附近的大学操场跑步, 一般跑 30 分钟左右, 并且会用手机做记录, 不时会 分享到朋友圈。 她喜欢通过跑步保持身材和运动量, 父母却比较担心也有时候会劝说她女孩子不要晚上一个 人去跑步。 她心里也想找一个伙伴一起运动, 在跑步的时候会看到一些熟悉的面孔, 她心里挺想邀请他们交个朋友以 后一起在夜晚时候运动, 但生性比较内向的她, 不好意思直接向陌生人提出这样的邀约。 父母提议让她健身房, 在健身房运动比较安全, 在费用方面, 父母愿意提供经济上的支持。 Monica 觉 得这个或许是个不错的方式, 可以让自己走出自己的舒适区, 去健身房运动的同时结交到更多的朋友。 不 过选择健身房也是一个非常困难的过程。

Page/09


UI Design Fitter新型健 身房体验设 计

BUSINESS SYSTEM DIAGRAM

PRODUCT POSITIONING

物资流 资金流

基于AR的健身社交平台。 集合了移动端应用(APP)与线 下增强现实设备(AR)两端的产 品,针对健身用户设计的一款主 要提供动作校正规范以及健身社 交功能的平台,增强用户使用健 身房欲望,从而提升用户体验。

信息流

用户B 信 息 交 流

贡献生成优质内容 运动

交易 商品

FEATURES

功能列举

功能优先级评分

01 AR小视频记录健身过程功能

01

02 社区动态发布功能

02

03 AR识别规范动作功能

03

04 动作评分排行功能

04

05 AR增强健身体验功能

05

06 健身PK功能

06

07 成长值兑换功能

07

08 定位交友功能

08

咨询获取、交友平台

信 息 搜 索 与 反 馈

供货商

通过需求强度、愿望强度、功能创新性这三个维度的矩 阵分析对主要的功能进行优先级排序,排序结果作为平 台信息架构功能级别的参考

线上社区

核心用户A 产 品 使 用 预 约

商 城 购 物

健 信

使

Fitter APP 技术供应方

信 息 传 输

云端 计算

硬件 生产

开发 成本

及储 存

用户 偏好 、习

惯等 信

健身房

收费

盈利

Fitter 硬件产品

Page/10


UI Design Fitter新型健 身房体验设 计

COMMERCIAL CANVAS

重要伙伴KP

关键活动KA

价值主张VP

客户关系CR

客户细分CS

健身房 投资商 技术提供方 第三方平台

与健身房合作,为其提供AR特色 (AR显示屏+体感捕捉)服务;软 硬件迭代升级; 通过智能算法,智能推荐课程; 积极寻求更大范围的合作

给健身房提供全新的健身方 式,提升用户健身体验; 为引领全民健身、助力推动 运动健康浪潮; 利用互联网+改善健身行 业,为创新注入活力;

与健身房建立社群,建造合 作共赢; 规范用户动作; 用户健身经历分享; 游戏式健身体验

健身房经营者 健身爱好者 社交爱好者 科技猎奇者

核心资源KR

渠道通路CH

体感捕捉技术; 后台云端计算技术; 对数据的人工智能分析与自动校 正系统; 人体参数大数据库; 个性化定制化;

AR技术提供机构; 硬件; 手机应用下载平台; 健身房的线上线下合作;

成本构成CS

收入来源RS

云端开发与维护费用; 软件开发费用; 智能硬件购置与维护经费; 其他刚性费用

AR设备售卖费用; 广告与融投资; 第三方平台租金

Page/11


UI Design Fitter新型健 身房体验设 计

Interface Design

匹配身体数据 PK页面

HARDWARE DESIGN Architecture Diagram 时间

训练页面

所在健身房 美颜功能

上滑美化场景

添加贴图

可见模式

更换背景 扫码打开产品F

上滑打开选择

PK

主界面

道具、礼物菜单 不可见模式

选课界面

检测人体

滑动选择

匹配数据

课程

贴纸页面

右滑打开 手势提示菜单

左右滑动 更换音乐

选课页面 训练

手势暂停

继续训练

上滑选择贴图 结束训练 拍照

“F”手势即时拍照

手势拍照

手势拍照

“OK”手势延时3s拍照

“6”手势延时6s拍照

右滑打开手势提示菜单

Page/12


UI Design Fitter新型健 身房体验设 计

HARDWARE DESIGN

Flow Chart

数据匹配

数据匹配

数据匹配

动作示意&倒计时

动作示意&倒计时

动作示意&倒计时

选课

课程详情

选择贴图

训练模式

暂停

训练结束

手势拍照

PK模式

PK结果

得分详情

Page/13


UI Design Fitter新型健 身房体验设 计

Icon&logo 形状 用Fitter作为品牌名称,将fit和-er结 合,突出我们产品的两大特色——健 身和社交。首字母F进行设计,形似 一个倒立的人形,正在健身。

#FE7F8A #FDB58D

Logo规范

颜色 标准色中的两个颜色—

#537AFF

—蓝粉渐变作为底色,

#89BCFE

充满朝气,富有时尚感 ,给人活力动感的印象 。使用渐变白色,对比

#344F65 #879DB2

视觉设计

鲜明,辨识度高。

#537AFF #FE7F8A

字体 苹方-简 PingFang-Jian

Page/14


UI Design Fitter新型健 身房体验设 计

SOFTWARE DESIGN

+ 原型图展示 PROTOTYPE MAP DISPLAY

Page/15


UI Design Fitter新型健 身房体验设 计

排名中心

SOFTWARE DESIGN

全部训练

+ 运动页面展示 SPORTS PAGE

运动页面帮助记录用户的基本健身信息和完成选择课程。使用户 更了解自己的健身情况,选择合适的课程进行健身。

标签栏

Page/16


UI Design Fitter新型健 身房体验设 计

SOFTWARE DESIGN

筛选栏

预约页面

+ 健身房页面展示 GYM PAGE

健身房页面显示带有硬件设备的健身房基本信息,并且筛选此刻 设备空余的健身房,用户可以预约使用硬件设备。

Page/17


UI Design Fitter新型健 身房体验设 计

SOFTWARE DESIGN

+ 社区页面展示 COMMUNITY PAGE

社区页面用户可以记录健身过程和结果,也可以按照不同分类查 看他人的分享内容,通过健身社交结识新朋友。在“我的圈 子”,用户可以自定义社交圈,社交对象选择增多,有利于推动 线下社交的产生。

Page/18


UI Design Fitter新型健 身房体验设 计

SOFTWARE DESIGN

+ 运动页面展示 SPORTS PAGE

我的页面中数据中心记录运动时长,分别记录AR健身和线下运动 的数据,可以按天、周、月、年查看总卡路里。我的成就以徽章 形式显示,激励用户运动达成成就。点击运动能力可重新进行运 动能力测试,选择不同时期的相应课程。

Page/19


FI T T E R

X

A PP

Page/20


UI Design Ace Watch智能手表概念设计

RESEARCH & PROBLEM IDENTIFICATION

Interviews

Design Position

-我们的调研分为线上和线下。 线上有效问卷共117份,线下调研18人,以此来优化设计。

Concept Origination

软件功能服务于硬件

90后综合调查 您好,我们是来自中国海洋大学工程学院的调研小组,现进行一项关于中国地区90后的综合调查,恳请您抽出宝贵的时间完成这份调查问卷,在此我们感谢您的合作! (本调查采取不记名方式,内容严格保密。为确保本次调查的真实度,请根据您个人的实际情况完成问卷~)

线下购物

90后

1. 您平均每天的可支配时间为(除学习、工作和休息等固定日程时间) [单选题] [必答题] ○ 0-4小时 ○ 4-8小时 ○ 8-12小时 ○ 12-16小时 2. 您每天的可支配时间都用于哪些方面? [多选题] [必答题] □ 学习或工作 □ 线下娱乐(逛街、运动等) □ 网上娱乐 □ 其它 3. 在线下休闲中,您的空闲时间主要用于 [多选题] [必答题] □ 购物 □ 聚餐 □ 运动 □ 其它 4. 在网上休闲·中,您的空闲时间主要用于 [多选题] [必答题] □ 玩游戏(含手机、电脑和平板等) □ 购物 □ 观看影视作品(电视剧、电影等) □ 获取资讯 □ 网上社交 □ 其它 5. 请问您每月的可支配金额为?(如生活费或月薪) [单选题] [必答题] ○ 0-1000 ○ 1000-2000 ○ 2000-3000 ○ 3000-4000 ○ 4000-5000 ○ 5000以上

智能导航

6. 请对您每月可支配金额的支出进行排序。 [排序题,请在中括号内依次填入数字] [必答题] [ ]学习或工作 [ ]日常基础开销 [ ]休闲 [ ]其它 7. 请问您每个月的可支配金额是否结余? [单选题] [必答题] ○是 ○否 8. 在学习、工作中,您的开销主要用于? [单选题] [必答题] ○ 文具及办公用品 ○ 学习或工作资料 ○ 其它 9. 在日常基础开销中,您的开销主要用于? [多选题] [必答题] □衣 □食 □住 □行 □用

10. 在休闲中,我的开销主要用于网上休闲 [单选题] [必答题] ○是 ○否

商场导航的提供者

专注于商场导航,提供独特服务

11. 在网上休闲中,您的花销主要用于 [多选题] [必答题] □ 购物(含游戏等充值缴费) □ 理财 □ 社交(含发红包等) □ 其它 12. 在休闲中,我的开销主要用于线下休闲 [单选题] [必答题] ○是 ○否 13. 在线下休闲中,您的花销主要用于 [多选题] [必答题] □ 购物 □ KTV □ 观看电影、话剧等 □ 运动 □ 其它 14. 您出生在哪一年? [单选题] [必答题] ○ 1990 ○ 1991 ○ 1992 ○ 1993 ○ 1994 ○ 1995 ○ 1996 ○ 1997 ○ 1998 ○ 1999

服务硬件型交互系统 树立品牌公正形象,系统交互性宜人 硬件设备设计合理

硬件产品操作性好,人机尺寸合理

15. 您现在是 [单选题] [必答题] ○ 高中生 ○ 专科、职业院校生及本科生 ○ 研究生、博士 ○ 待业 ○ 已入职 ○ 其它 16. 请选择您的出生地 [填空题]【注:线上问卷选择、线下问卷填空】 _________________________________ 17. 请选择您的现居住地 [填空题]【注:线上问卷选择、线下问卷填空】 _________________________________ 18. 您是? [单选题] [必答题] ○ M 【注:男】 ○ W 【注:女】

Functions

Users -提供商场内的店铺导航,并为购买商品支付。 - 喜欢智能设备的人

-搜索附近的餐厅,显示距离,查看菜单,并点单支付。

我们的目标是热爱科技、喜欢尝试新鲜事物的人。

-搜索附近的其他常用设施并显示距离,提供导航。

- 喜欢在商场购物的人

-在大商场容易迷路?

我们专注于那些想要更方便愉快地在实体店购物的人。特别是那些热爱购物 但是方向感不好、容易迷路、或者没有充足时间慢慢逛商场的人。

商场面积大,商店数量多; 商店排列无序; 商场布局复杂,道路交错。

-健康数据监测和运动数据的记录,帮助了解你的身体状况和运动 状况。 -其他常用功能,如待办事项、音乐播放器、备忘录、地图导航等功能的 设置。

收入/生活费

-商场导视难以识别?

5000以上

商场导视指示不明,或指示方式难以理解等; 根据导视系统无法找到目标店铺; 导视系统设置数量少或难以找到导视系统。

5000

4000 4h

6h

8h

10h 12h 3000

2000

14h

-购物时间不足,找不到目标店铺?

16h

空闲时间 购物时间短,需要选购的商品数目少,但是店铺分布不集中; 在短时间内无法找到目标店铺。

1000 0

Page/21


UI Design Ace Watch智能 手表概念设 计

PERSONA 生活状态

人格分析 Cinderella

Cinderella的生活情境在上班城市。主要在家及附近场所、 公司及附近场所、商场、健身房等。

开放性(openness)

公司职员 26 8000-10000元

日常上班时间为9:00-5:00 每晚有1小时加班或学习。

严谨性(conscientiousness)

神经质(neuroticism)

每周3-4次健身房运动。 每晚7-8小时睡眠。 每天读书1小时。

消费情况

喜欢音乐。

餐饮(32.6%) 工作资料(7.8%)

宜人性(agreeableness)

每周1-2次娱乐活动。 和同事相处融洽。 每天中午在公司附近吃饭。 每晚回家做饭。 生活节奏快。

外倾性(extraversion)

用户需求

开放性:想象力较为丰富;有艺术气息;好奇心强烈; 愿意冒险;坦然接受新事物。

其他(3.5%) 衣服鞋包(16.7%) 生活用品(11.3%)

1

购买产品倾向于具有时尚感和科技感的产品。

严谨性:有责任心;有自制力和毅力;一般谨慎;较

2

偏爱多功能合一的产品。

3

希望使用的产品小众、独特。

外倾性:乐群,好交际;热情好客;好强,习惯于发

4

日常购物追求简单快速。

5

追求生活品质。

为整洁,有秩序;勤奋刻苦,有进取精神。 号施令;较为活跃。

宜人性:信任他人;体贴细心;有同情心。

护肤彩妆(13.5%) 娱乐(18.6%)

神经质:较为平静;淡定自信;较为坚强;不暴躁易怒。

用户常用设备与平台

时间分配 Cinderella属于生活节奏快、生活压力大的年轻90后 高收入阶层。 对工作负责,有进取精神。

iPhone

iPad

淘宝

亚马逊

MacBook

kindle

有热情,喜欢尝试新事物,娱乐活动丰富。喜欢音 乐和健身。

娱乐

购物

(18.2%) (34.5%)

运动 (6.3%)

网上社交

获取资讯

(20.6%) (12.1%)

京东

天猫

网易严选

观看影视作品 (8.3%)

Page/22


UI Design Ace Watch智能 手表概念设 计

UI DESIGN Color Description

Interactive Flow Process 点击 滑动

菜单 餐厅页面

点击日程

商品详情 支付成功

下滑查看更多

行程详情

点单

点击导航

显示导视图

点击信息

购买商品

支付成功

长按 行程地点导航

信息详情

点击购物

邮件详情

开始导航

点击邮件

长按查看 其他功能

点击地图

点击银联支付 银行卡详情 长按支付

开始导航

支付账单详情

右滑查看公交信息

长按查看 跑步路线 公交车详情 线路详情

点击跑步

站点公交车 详情

暂停页面

#060303 R6

G3

分享页面

背景色

右滑查看 详细数据

右滑查看 详细数据

右滑查看 详细数据

点击运动 点击骑行

#246FB8 R 36

G 111

B 184

大面积辅助色、部分字体颜色

跑步数据

G 147

右滑查看 跑步速度

点击压力

长按进行 血压检测

长按进行 血压检测

血压页面

B 90

#E8412F G 65

暂停页面

详细数据

小面积辅助色、部分字体颜色

R 232

地图路线页面

脚踏频率页面

长按查看 其他功能

#F79359 R 247

结束页面

B3

血压

风险详情

右滑查看 详细数据

详情页面

右滑查看稳定时期和风险时期

行动风险 身体详情

B 47

点击身体

长按设置 服药时间

小面积辅助色、部分字体颜色 睡眠 稳定时期

#FFFFFF R 255 字体色

G 255

B 255

风险时期 长按查看 其他功能

点击音乐

Page/23


UI Design Ace Watch智能 手表概念设 计

UI DESIGN

SHOP&RESTAUANT 商店和餐厅页面展示店内产品,方便选购。 特色功能为商店导航功能,帮助用户快速找到商店位置。

SH OPPI NG R ESTAURA NT Page/24


UI Design Ace Watch智能 手表概念设 计

UI DESIGN

RUNNING&CYCLING 跑步和骑行页面主要在运动时使用 可以记录运动数据,帮助分析运动情况,也可以进行阶段性对比,更好地规划锻炼

RU N NING C YC LI NG Page/25


UI Design Ace Watch智能 手表概念设 计

UI DESIGN

BLOOD PRESSURE&BODY 血压和身体页面主要记录身体数据 及时反馈,帮助用户了解自己的身体状况,健康生活

B LO OD PRE S SUR E BO DY Page/26


UI Design Ace Watch智能 手表概念设 计 产品尺寸: 表体:38.6*33.3*10.5mm 腕带:135-165mm×20mm 产品重量:20g

SMART WATCH DESIGN

屏幕参数: 尺寸:1.5英寸 分辨率: 272 x 340px

支持蓝牙、Wi-Fi

结构爆炸图

功能: 查看时间、天气 运动数据记录 其他app使用

33mm

续航时间: 理论工作时间:48小时 理论待机时间:10天

50mm

38.5mm

20mm

身体机能监测 音乐播放 超市购物导航

Ipx7级防水 可在水下50米深防水

10.5mm

人机尺寸图 Page/27


Graphic Design 太原地铁logo及VI设计 “智慧海洋”海报设计

Page/28


Graphic Design 太原地铁logo及VI设计 DESIGN OUTPUT 不可侵入区域

不可侵入区域 不可侵入区域

不可侵入区域

x

0.98x 不可侵入区域

不可侵入区域

不可侵入区域

0.13x

0.42x 0.1x

不可侵入区域

CMYK 0 100 100 10

设计说明:标识外形为篆书的“原”字变形而来,变 形成为一辆行驶的列车、站台和铁轨的组合,运用透 视展现列车行驶远离站台的画面,十分贴合主题。

汉仪书宋一简

适用于文章、内文范畴

Times

太原地铁企业形象手册印刷字体

太原市轨道交通办公室

汉仪中宋简

适用于小标题、中标题范畴

Times(Bold)

太原地铁企业形象手册印刷字体 汉仪大宋简

适用于大标题、题目范畴

Helvetica

太原地铁企业形象手册印刷字体 汉仪中等线简

适用于文章、内文范畴

Helvetica(Bold)

太原地铁企业形象手册印刷字体 汉仪中黑简

适用于小标题、中标题范畴

Arial

太原地铁企业形象手册印刷字体 汉仪大黑简

适用于大标题、题目范畴

太原地铁企业形象手册印刷字体 CMYK

CMYK

0 0 0 100

0 0 0 0

Arial(Bold)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Page/29


Page/30


Graphic Design “智慧海洋”海报设计

鱼者千虑,必有一得 设计说明:这组系列海报内容是关于 鱼类仿生的设计,选取的三组仿生设 计分别是乌贼和鱼雷、鲸鱼和潜艇、 海龟和坦克。海报中将物体做了彩色 化、细节化的处理,白色线条的简笔 画处理一是为了让海报更有趣味性, 更加吸引人,二是通过线条的走向和 连接,引导视线,让海洋生物和仿生 产品之间有一个过渡,让人们自然而 然的产生联想。

Page/31


Product Design 嗨骑单车设计 KON柜式空调设计

Page/32


Product Design 嗨骑单车

Interviews

Persona

随机抽查校内学生对于现有共享单车的 不足以及校园单车的需求,将卡片收集 并整理。

发放线上问卷293份。 回收问卷174份,可用问卷150份

USER RESEARCH & PRODUCT DEFINITION

DEFINE

年龄:18岁

验证 交车提着行李忘校内走,任 欢欢看到了校内有秩序的停 放的共享单车,很好奇便,

人群细分

MEASURE 验证

人群痛点

Goals

任欢欢是大一新生,自强上进,独立自 主,能力强,喜欢接受新鲜事物。家庭 条件一般。

骑单车去上课,或图书馆。 用单车搬运快递,或其他大件物品。

深入访谈

建立用户库

User needs & interaction

她首先打开手机无需下

座位调节

载app,进入微信,点击小 程序,进行扫码注册开锁。

车身重量

停放位置

维修问题

问卷调查 及 资料收集 及 实地访谈

凑上前去。决定用单车来运 行李,方便。

卡片关键词

人群定义

加权矩阵

资料收集

人群特征

生活费:1500元/月

Behaviors

刚到学校大门口下了公

头脑风暴 及

特征:女汉子,敢于担当,不求人。

姓名:任欢欢

场景描述

人群选择

职业:大一新生

性别:女

无需下载

在他支付完押金后,顺利的

支付快捷

打开了一辆车子。

车把使用感

开锁程序繁琐

押金过高

放置妥当

方便快捷

省力

停放位置合理

方便快捷

她把一大袋吃的放在了 后面的框内,把其余的挂在

车筐大小

了车把处,他发现,背的包

外观

开锁

包恰巧能放在后面的车筐上 ,十分省力。

放置物品

她顺利的骑回了宿舍,

关锁

关锁。

骑行

注册支付

Users

停车

- 在校大学生、研究生、博士生及教师。

手动开锁

需押金

有坡

停放位置不合理

无法开锁 车子损坏

我们的用户是喜欢以骑行作为主要出行方式或运动方式,多在校园内活动的 学生或教师。

加权矩阵 人物形象 及 生活版

痛点导出

及 典型人物自述

验证

ANALYSE

机会识别

需求分析

Problems&Chance -根据校园问题

初步产品方向

DESIGN 竞品分析 及

职业:大四

性别:男

-根据单车问题

SET 及

市场矛盾点分析

优化单车结构,改变单车材料。

通过材料,形状等改良车座舒适度,重新使用一种 符合学生使用习惯的车把。 增加夜间使用的车灯,车身可使用反光颜料,或增 加反光镜。 在横杆上增加水杯架,手机可以提供手机支架; 可以增加双人主题骑行车,用不同的外观来区别。 加强车座强度,专人维修。

特征:每天不忙,打打球,看看书,和朋友吃个饭

年龄:23岁 姓名:章余

生活费:2500元/月

Behaviors

Goals

大四学生,课不多,但也在宿舍里闲 不住,经常会出去遛遛。没有买车子 ,于是经常校园共享单车代步。

骑单车去上课,或图书馆。

场景描述 吃完饭南区的朋友约打 球,可是又觉得南区好远啊 ,坐校园小公交也要走很多 路。 这时,他忽然想到了楼 下停的校园共享单车,可以 代步比较方便,于是答应了 朋友的邀约。

逛校园

User needs & interaction

他下楼后,他挑了一个 男生款的撤车子,由于之前 开通了校园卡绑定单车项目 ,于是拿出校园卡轻轻一刷 ,便成功开锁。 开锁后他不一会就骑到 了篮球场。

方便快捷

信息展示明确

上坡方便

快捷

刷校园卡

产品定义 VERIFY

开锁 骑行

-根据人机问题

车筐的放置位置与方式改进,如将车筐放置在后座 车筐位置可根据个人情况自由调整等。 当车筐里有物品时,将在离开前提醒骑行者。 采用刷智能卡与应用APP共存的付款与认证方式, 方便快捷。

没带卡

故障

车子故障

锁车

繁琐

感应不灵

Page/33


Product Design 嗨骑单车 基于校园环境

产品任务书

共享单车

改良设计 人机尺

度分析

CMF设

便

求 需 境 环

设计

外观

置设计

车筐位

机会识别 机会筛选

市场调查

年轻时

符合校园环境

确定机会方向

确定外观 确定产品方向

设计 车设计

体共享单

环境的主

基于校园

头脑风暴

机会论证 车身轻便

细化功能

便于爬坡

车座舒适 尺寸合理 车筐位置

可调

开锁方式

多样

参与观察

耐用性好

线下运营分析 以方便校内用户 为出发点,来建 立服务模式。

产品实现

人机尺寸分析

提 供

营销推广

评分

及 app 提供 服务

理性

RULA

用户

合 验证

目标

风 外观

定位

产品

调整

嗨骑单车平台

宣传

校园协办

用户

校外用户

容,

内 社交 产生 利益 带来

单车供应

线上/下运营分析

增加 金, 流动 利润 资

进行

提 供

务 求服 需

用户

选择目标

校内用户

单车供应商

人体尺寸

车子 维修 摆放 支持 ,

结构改良

共享单车

主题设计

学校后勤

设计

配套APP

通过app平台来 丰富校园社交形 式,从而增加用户 粘性。

APP运

广

APP推

与学校后勤共 同维持做到协 办宣传,合作 共赢。

Page/34


Product Design

hi

嗨骑单车

主题车设计

APP设计

轻骑版

产品定位

注册页面

登录页面

地图页面

导航栏页面

骑行记录页面

留言页面 (同一单车骑行者交流页面)

个人页面

聊天页面

针对大学生群体的时尚校园单车 。主要通过设计主题车等形式对 共享单车的外观进行改良。

产品尺寸及细节展示

65cm 35cm

25cm

山地版

60cm

可移动车筐

70cm

碳纤维车架 85cm

100cm

水杯架

聚酯氨实心轮

100cm 169cm

Page/35


Product Design KON柜式空 调

TREND ANALYSIS 简约

色彩

Direction A 出现多种色彩搭配的设计趋势。低饱和度色彩设计逐渐形成一种风格,高贵典雅和清新宜人的色彩搭配最受欢迎。

B

A 形态

色彩:白色、银色、黑色、等纯净 的色彩,局部亮色的点缀 形态:线条硬朗,多以几何形态为

整体造型越来越简洁、优雅,具有雕塑美感。造型风格趋于柔和,圆润化设计变多。产品形态也不囿于方形,而是发展出更多 新形态,不仅作为一件产品,也可以作为一件艺术品。

主,造型简单、结构分明、 在局部体现细节 理性

工艺

材料:磨砂金属质感

感性

表面工艺处理更加精细,不仅要求舒适,更要求时尚。表面处理工艺的种类也增多了,加入很多新纹路、新装饰手法,以达到 美观、高级的造型要求。

Direction B 材料:磨砂塑料材料的使用,配合 局部跳跃色彩通过材料及色 彩的对比来体现产品的质感 色彩:鲜亮丰富的色彩运用 形态:线条流畅,形态饱满,简单

操作

大部分空调都采用遥控器遥控,还有一部分加入APP操作功能,更加方便快捷。

而实用,给人惊喜感,在细 节上关怀使用者的感受 复杂

传统空调

USER ANALYSIS

新型空调

PRODUCT CONCEPT EXTRACTION 电子 产品

环境 要求

主流产品

流行元素

简洁\直线\理性\干净\有品位\精致\工艺精良 曲线\优美\温馨\多彩色\细节精湛\高档\简约

雕塑感\装饰性\有机形态与几何形态 线条流畅\ 简单而实用\ 在细节上提升幸福感

高档高端 人群定位

目标用户

品质 消费

享受有品质的生活 \喜欢舒适、温馨、放松的材质与色 彩 形态简约\色彩高级低纯度\材质尽现质感和工艺 品味独到\享受生活\肯花费于家庭环境\享受独处时光

习惯 爱好

Page/36


Product Design KON柜式空 调 Sketch Map of wind

DESIGN OUTPUT

Three-view Drawing

暖风口

出风口

电子显示屏 UI操作界面

冷风口

正面出风口

User Story 再生塑料

23.5℃

23.5℃

23.5℃

智能家电控制 智能家电控制可实现远程开启或关闭空调的功 能。即使不在身边也可以帮家人调节安全、健 底部出风口

康、舒适的家居环境。 23.5℃

灵 感来 源于 切割 设计 ,打 破圆柱形空调的固有形

23.5℃

ZigBee

ovribo

态 ,更 加轻 巧纤 细, 同时 在切割面上设计出风口 , 使用 体验 好。 整体 造型 简约大方,形成有品位 的 空调 设计 。

简单安装

实用便捷

安全可靠

兼容扩展性强

超低能耗

ZipBee无线通讯技术 无需布线

更人性化的产品设计 更简单的使用方式

金融级的智能家居云平台

新增设备任意连接 跨品牌产品可实现互联互通

ZigBee无线通讯技术,稳定、 可靠、超低功耗

Page/37


Package Design ZOO.O系列包装设计

Page/38


Package Design ZOO.O系列 包装

DESIGN POSITIONING

DESIGN OUTPUT Packing Bag

Packing Box ZOO•O的定位是做动物形象的首饰设计,设计简约有艺术感,现在准 备推出的是一系列12只狗狗的设计,是用比较硬朗的直线条勾勒出动物

包装袋尺寸:11*4*15.5cm 包装盒尺寸:9*9*3cm 5*5*3cm

15.5cm

外形,有一种简约高级的感觉。材料选择为银、银镀金和玻璃。 根据品牌定位,包装设计应该是简单的风格。让包装和产品风格一致,

3cm

同时让消费者在看到包装时会有与众不同的感觉。 3cm

因为产品本身定价比较低,所以包装成本要低,暂定选用纸质材料。

9c m m 4c

m 9c

5c m

m 5c

Page/39


Package Design ZOO.O系列 包装设计

P R O D U C T S

Page/40


Package Design ZOO.O系列 包装

DESIGN OUTPUT

Page/41


Others Sketch 汽车手绘

Page/42


Others Sketch 汽车手绘

Page/43


谢谢观看

Page/44

portfolio of chenqi Zhang  
portfolio of chenqi Zhang  
Advertisement