34
崔晓晨 CUI XIAOCHEN Name UX/UI Designe PORTFOLIO 2016

Cui Xiaochen`s Portfolio

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Cui Xiaochen`s Portfolio

崔晓晨CUI XIAOCHEN

Name

UX/UI DesignePORTFOLIO

2016

Page 2: Cui Xiaochen`s Portfolio

EDUCATION

SOFTWARE SKILLS

崔晓晨CUI XIAOCHEN

Name

Tongji university

Industrial Design

LANGAGE

AWARDSDuring the postgraduate period

MASTER DEGREE2013-2016

2015.11

2015.09

2015.08

2015.07

2014.08

2013.12

Hochschule für Gestaltung Offenbach

EXCHANGE STUDENT2014-2015

Sichuan universityBACHELORDEGREE2009-2013

2015.5-2015.12

2015.12-PRESENT

National scholarship for graduate students

Participated in "TIAN TIAN XIANG SHANG" program(2015/10/23) as a guest;

Excellent Prize of China-US youth maker competition;

Attended 2015AHFE international conference and gave a presentation in United State;

The second prize of China-US youth maker competition;

Excellence Design Awards at Microsoft User Experience Workshop.

AI

AXURE

PS

3DMAX

KEYSHOT

SONYVEGAS

INTERNSHIPUX Designer,SAP Labs,Shanghai

UX Designer,VIPABC,Shanghai

0086-18301793175

[email protected]

CONTACT

Chinese:NativeEnglish:Fluent

Page 3: Cui Xiaochen`s Portfolio

F I T N E S S+F I N D Y O U R R I V A L S

USER EXPERIENCE RESEARCH WEARABLE DEVICE DESIGN

Page 4: Cui Xiaochen`s Portfolio

WHO HAVE ASPIRATION TO EXERCISE ,BUT CAN’T REALIZE VERY OFTEN FOR SOME REASONS

20~35 YEARS OLD

Adhere to exercise Not adhere to exercise

QuestionnaireWe hand out 50 copies ofquestionnaires to our target

consumers to research their attitude to fitness.

Focus group interview We interviewed 4 people who adhere to exercise with the problems they meet during exercise,and

4 people the reasons why can’t adhere to.

TARGET CONSUMER

Young white-collar

70%

80%

4People

4People

Page 5: Cui Xiaochen`s Portfolio

IS YOUR BIGGEST GAIN

WHAT

100%

80%

60%

40%

20%

0

DO NOT YOU KEEP EXERCISING

WHY

Health

WillpowerShape

FriendsHappiness No time

No money No guide

No partener

No stamina

MAXIMUMDEGREE

DIAGRAM 5

SUPERVISE YOU WITH TOOL 4.13

EFFECT 4.00

ATTITUDE TO FITNESS 3.63

PHYSICAL CONDITION 3.31

SHARE WITH OTHERS 3.25

YOUR ACQUAINTANCE 3.25

GO TO GYM 3.19

SIMPLE EXERCISE AT HOME 3.00

YOUR FRIENDS ACQUAINTANCE 2.94

STORYBOARD

I `m a office employee.My work is busy

and I don`t have time to exercise.

Sometimes I feel physically sick.I know that I

have to take more exercise for my health.

But when I found there is no professional

guidence,no guys exercise with me ,I will give

up and go home after work.

CONSEQUENCE

1 2 3

Page 6: Cui Xiaochen`s Portfolio

PERSONA

Can’t find a PLAYMATE?Get OVERWHELMED in a game?

Need a personal COACH?

ATTITUDE

PAIN POINTS

Optimistic for fitness

THE LARGEST LIMIT

Short of time EXPECTATION

Be more healthyTHE LARGEST AIM

Shape body

Page 7: Cui Xiaochen`s Portfolio

SOLUTION

APP CLOUDOFFLINE MATCH

THREE MODES

TIMEMODE

1 GAMEMODE

2COACHMODE

3

F I T N E S S+

* fitness+ has three modes:time mode ,game mode ,coach mode

CLOUD++

Page 8: Cui Xiaochen`s Portfolio

APPLICATIONThe frame of fitness+ application

Choose sport Make invitation

Time

Spot

MemberFriends

StrangersSend invitation

HOME

Choose sport

Set your rank

Get guidence Choose train option Watch videos

PROFILE

Friends New friends

Group

Community

Hot community

My community

RecommendNews

FRIENDS

Next invitation

Whole invitations

Calendar Check

Check

Map

Data analysis

Cancle

Check

Uncompleted

Completed

Time

Spot

MemberSCHEDULE

Page 9: Cui Xiaochen`s Portfolio

FITNESS+F I N D Y O U R R I V A L S

FITNESS+ APPLICATION HELPS YOU TO FIND YOUR RIVAL ONLINE

Page 10: Cui Xiaochen`s Portfolio

LOGIN PAGE

FRIEND PAGE

HOME PAGE

Choose sport event

Inivation alertChcek received invitations Chcek community

Click ‘Join’,the invitation will be saved in ‘uncompleted’Find your rivals

MAKE AN INVITATION INVITE FRIEDNS INVITE STRANGERS

COMMUNITYHISTORY INVITATIONUNCOMPLETED INVITATION

WIREFRAMEThis page shows wire-frame of fitness+,presents the logic and interaction of the app better.To prepare for the app`s visual design.

Page 11: Cui Xiaochen`s Portfolio

CALENDAR PAGE

PROFILE PAGE

Click ‘Join’,the invitation will be saved in ‘uncompleted’

Get guidance

Send a invitation

INVITE STRANGERS SEND INVITATION UNCOMPLETED ACTIVITIES COMPLETED ACTIVITIES

ALERT PAGE INVITATIONGUIDANCECOMMUNITY

Check unexecuted invitation and history invitation

Page 12: Cui Xiaochen`s Portfolio

HOME PAGEHomepage shows some of your user name and location.On the home page,you see sports you have activated and other sport have not.

In addition,you can choose sport event you want to take with other fitness+ users.

MAIN SPORT EVENT INVITATION PAGESOn these pages,you can see the rank and history of the sport you have choose.If you want to inivitate a match,just set the time and place.

Then click the button of find your rivals to invite your friends from friends list and strangers from map.

Page 13: Cui Xiaochen`s Portfolio

SCHEDULE PAGEOn the schedule page,you can check sport events you have attend before and events you will take in the future.

On the detail page,you can see main info about places,time and members of the event.

In addition,you can see a map to have you to find the event place on the uncompleted page.Accordingly,you can see date analysis of the event you have attend.

Page 14: Cui Xiaochen`s Portfolio

FRIEND PAGEFitness+ also have social func-tion like wechat.You can add your friends in real life,and other strange fitness+ users.

PROFILE PAGEFitness+ records your sport data,these data will be transfered to fitness+ application through bluetooth.After analyzing your physical condition,the application will give some advises to you.

You can watch the video whice app pushes to you to practice.

Page 15: Cui Xiaochen`s Portfolio

ALERT PAGEIn top right corner of each page,you can see the alert mark.It`s the alert of receives the invitation from other users.Click it,and you can get the alert list page.

The next layer shows more info about time,-place,members of the event.You can click reject or join.

IOS ICON SET

Page 16: Cui Xiaochen`s Portfolio
Page 17: Cui Xiaochen`s Portfolio
Page 18: Cui Xiaochen`s Portfolio
Page 19: Cui Xiaochen`s Portfolio
Page 20: Cui Xiaochen`s Portfolio
Page 21: Cui Xiaochen`s Portfolio
Page 22: Cui Xiaochen`s Portfolio
Page 23: Cui Xiaochen`s Portfolio
Page 24: Cui Xiaochen`s Portfolio
Page 25: Cui Xiaochen`s Portfolio
Page 26: Cui Xiaochen`s Portfolio
Page 27: Cui Xiaochen`s Portfolio
Page 28: Cui Xiaochen`s Portfolio
Page 29: Cui Xiaochen`s Portfolio
Page 30: Cui Xiaochen`s Portfolio
Page 31: Cui Xiaochen`s Portfolio
Page 32: Cui Xiaochen`s Portfolio
Page 33: Cui Xiaochen`s Portfolio
Page 34: Cui Xiaochen`s Portfolio

THANKSFOR GLANCING OVER MY

PORTFOLIO2106