Yun Xi’s Portfolio includes the works from 2007 - 2014
"
Hello, I'm Yun, a designer. As soon graduate from University of Wuppertal. Now I'm looking to secure a position in a design organisation, where I can bring immediate and professional value and develop current skillset further. During studying in University of Wuppertal, I have undertaken a oneyear internship in Bosch, which mainly focused on product design and service design. After the internship, I wrote my thesis with an international project - Germany and USA, which offered me a chance to really work in USA. These experience have enabled me to develop not only specific professional experience, but also a valuable and transferable skill set.
PLEASE
"
BUT
EDUCATION Sep. 2007 - Jul. 2011
:
Oct. 2012 - Sep. 2015 :
Academy of Art and Design, Tsinghua University, Peking BA / Industrial design University of Wuppertal, Germany MA / Strategic innovation in products & services ( Graduated summa cum laude )
WORK EXPERIENCE Oct. 2013 - Nov. 2014 :
Internship in Robert Bosch GmbH Oct. 2013 - Apr. 2014 Product designer Jun. 2014 - Nov. 2014 Service designer
SKILLS Language : Proficient at 3D software : Good at 2D software : Know about :
English, German, Chinese Solidworks, Hypershot, Keyshot Photoshop, Illustrator, Indesign After Effect, AutoCAD, Dreamweaver
, SketchBook Designer
August 2008: As a designer assistant in this internship, I learned the real process in a design company. I spent the summer holiday in the company, making sketches and concept ideas for some project. In my second year in the university, it helped me a lot to understand the real commercial design. July 2009 An Hui: The obeservation in An Hui province needed me to make an effective plan for the journey, and also to realize the plan better. These all improved my organisation skills and the ablities to work with the groups. August 2009 Guangdong: Spent the summer in Guangdong province, which is one of the most important place of manufacture in China, This experience helped me understand how to manufacture the product in China and also improved my communication skills.
August 2008:
Internship in Beijing Qingshang Architecturl Ornamental Engineering co.LTD
2009:
The excellence awards of Prince Kung’s Mansion’s gift design competition Popular science CFCA (China Fashion &Color Association)
July - August 2010: The workshop with RCA in Hangzhou practised and enhanced my organisational and communication skills. Especially it was a very rare opportunity to communicate with the people from different cultures. The reasearch for LG required me to use a variety of design research methods such as interview skills, persona, scenario. And also the layout skills for the real business company.
“Tsinghua university centenary celebration” gift design group July 2009:
The social practice project of “ Traditional Chinese Archtectural Culture ” in An Hui province
August 2009:
Workshop with NVC Lighting Technology Corporation and Huayi Lighting Company Limited
2010:
“love Beijing, Youth” logo design for 2010 Beijing youth organizations Cultural Festival
July 2010:
Workshop in Hangzhou
August 2010:
Workshop with RCA (Royal College of Art) LG China concept design research
November 2009 -November 2010:
Tsinghua University “National University Student Innovation Program”
Juny 2011:
Graduated from Tsinghua University
October 2012:
Began the Master degree study in University of Wuppertal
October 2013 -April 2014:
Intership in Robert Bosch GmbH, UX department.
November 2009 - November 2010: As the leader of a design team, this experience helped my organisational and communication skills as well as financial responsibilities and time management.
STRATEGY DESIGN KNOW NOW WERA-STRATEGY DESIGN NAVIGATION SYSTEM
DETAILED PROJECT DESIGN O-HELP NEWFRESHER HAIRDRYER
OTHERS CULTURE IDENTITY SOUVENIR DESIGN
BASIC TRAINING SKETCH
STRATEGY DESIGN KNOW NOW WERA-STRATEGY DESIGN NAVIGATION SYSTEM
DETAILED PROJECT DESIGN O-HELP NEWFRESHER HAIRDRYER
OTHERS CULTURE IDENTITY SOUVENIR DESIGN
BASIC TRAINING SKETCH
KNOW NOW This thesis mainly focused on designing a user-centered go-to-market strategy for Bosch. This project is collaboration with Bosch power tools & accessories North America (PT-AC NA) and Bosch central user experience design department (C/UX). It aims to propose a more feasible and beneficial enhanced strategy for PT-AC to go to the real market by using a user-centered service that engages the right target of stakeholders into an engaging experience. Finally, this project won 1.0 score ( the highest score ) in strategic innovation in products and services master degree at university of Wuppertal. The concepts in the project will be soon promoted into the real market.
With the resurgence of the US construction industry in recent years, as well as a growing number of advanced technologies that need to be integrated into the construction manufacturing process, the construction industry nowadays is facing greater challenges and more opportunities than past. As the leading enterprise in the industry, Bosch needs to grasp the new opportunities in the fierce competition, enhance core competitiveness, create new value and maintain current economic success and a leading market position.
However, a new Go-To-Market approach is the key pain-point of most existing consumer goods. Besides Bosch’s existing brand strength and outstanding competencies in power tool manufacturing, strong customer support, user-centered service design could be another important way to help transform this painpoint into one of its key unique selling points. In this context, this master thesis explores more feasible and beneficial enhanced Go-To-Market strategies for Bosch Power Tools & Accessories North America to explore potential market by using the user centered service design. New created service scenarios serve as three Go-To-Market steps for Bosch to be the rule maker of the market. Including, a user interface design is proposed which can support the service to proceed more effectively and provide a more impressive experience for customers.
USER-CENTERED GO-TO-MARKET STRATEGY
WERA From this project I learned how to implement a strategic project and how a strategy design works in a real project. This project aims to create a design strategy for the brand Wera in order to enhance the recognition of the brand.
TASK INTRODUCTION Profile the brand Wera through the new definition of a design strategy with particular emphasis on brand values. Create a consistent brand experience through the creation of imagery.
60 Wera colleagues
SURVEY
SUMMARY
15 Wera sellers 11 Roof representative
Many similarities between the actual and target situation, both the employees (internal) and the external respondents.
5 User forum
Large difference between the actual and target situation: Intern/Extern
Intern/Extern
Ist-Situation +3 kameradschaftlich
schnell
zuverlässig
vorausschauend serviceorientiert
kommunikativ ehrlich
frech cool
risikofreudig
selbstbestimmt kompromisslos
zielorientiert
langfristig denkend
leidenschaftlich kreativ loyal
„first mover“
offen
frei
entschlossen gut drauf
unabhängig erfolgreich agierend
begeisternd
konfliktfähig
teamfähig agil
erfinderisch
vertrauenswürdig respektvoll
anders
konstant
fair
überzeugend
+2
+1
0
-1
-2
Soll-Situation -3
+3
egoistisch langsam
unzuverlässig retrospektiv sorglos
unkommunikativ unaufrichtig lieb
uncool
zaghaft
fremdbestimmt angepasst ziellos
kurzfristig denken emotionslos einfallslos untreu
nachahmend
unzugänglich gebunden
unentschieden lustlos
abhängig erfolglos
reagierend
langweilend autoritär
egoistisch träge
einfallslos
trügerisch
unverschämt normal
schwankend unfair
nicht überzeugend
kameradschaftlich
schnell
zuverlässig
vorausschauend serviceorientiert
kommunikativ ehrlich
frech cool
risikofreudig
selbstbestimmt kompromisslos
zielorientiert
langfristig denkend
leidenschaftlich kreativ loyal
„first mover“
offen
frei
entschlossen gut drauf
unabhängig erfolgreich agierend
begeisternd
konfliktfähig
teamfähig agil
erfinderisch
vertrauenswürdig respektvoll
anders
konstant
fair
überzeugend
+2
+1
0
-1
-2
-3 egoistisch langsam
unzuverlässig retrospektiv sorglos
unkommunikativ unaufrichtig lieb
uncool
zaghaft
fremdbestimmt
cool naughty communicative teamwork respectful loyal
angepasst ziellos
kurzfristig denken emotionslos einfallslos untreu
Target situation from internal and external is similar.
nachahmend
unzugänglich gebunden
unentschieden lustlos
Difference between internal and external:
abhängig erfolglos
reagierend
langweilend autoritär
egoistisch träge
einfallslos
trügerisch
unverschämt normal
schwankend unfair
nicht überzeugend
naughty / love (actual situation)
BENCHMARK 9 BRANDS 17 CATALOGS Color & photograph, video/animation & motion graphic, packaging, public relationgship & external communication, new medien, corporate design, point of sale, products/product portfolio, service, characteristics of product design, customer integration, sellers, sponsoring, ads & slogan, architecture & event, internal communication, cultural difference.
ENTHUSIASM
PASSION
18
Color & photograph
7
Service
18
Video / animation & motion graphics
6
Characteristics of product design
18
Packaging
6
Customer integration
15
External communication / Public relations
5
Sellers
15
New medien
5
Sponsoring
14
Corporate design
5
Ads / Slogan
12
Point of Sale
3
Architecture / Event
10
Products / Product portfolio
Internal communication Cultural difference
Hot-Spot-Analyse
»Wera — Tools.
HIGH POINTS = MORE IMPORTANT TO BE CHANGED
From Ideas. «
HONESTY
INGENUITY
BRAND EXPERIENCES • Comprehensive and coherent brand image • Emphasis on the values and features • Visualization of the performance
GREAT THROUGH WERA Great will be created by the brand Wera.
PERFORMANCE To create Great by brand Wera needs unique services.
RELATION USER - TOOL The professional users and the personal relationship with tool.
FOCUS & PERSPECTIVE
a.
b.
c.
Scene selection bases on the emphasis of a. Great through Wera b. Performance c. Relationship
• Communication of features • Product image
• Focus on tool • Communication of features • Context of work
Diagonal perspective • Views are presented spatial, dynamic and exciting • With short focal lengths Wide-angle and close to the object • Great heights can be mapped effectively • Especially for the representation of large and particularly high structures
• Explicitly focus on a certain point • Special emphasis on individual picture elements • People from different jobs are showen in dark
• Emphasis on the emotional relationship between user and tool • The tool is shown in action • The functional properties of the tool are visible
Verkehrsgrün Codice RAL 6024Codice RAL 6024
Cyan82% 82% 10 20 30 40 50 60 70 80 90 100
Codice Pantone 339 Codice Pantone 339
Magenta 0% 0%
HKS 53 HKS 54
Yellow 60% 60%
RGB R:0 -RGB G:167 - B:132 R: 0 G: 167 B: 132
Black0% 0%
COLOR MOOD CORPORATE DESIGN • Constant color mood • Objects in cool colors • Emotional elements in warm colors • Emphasizing through the bright and sharp contrasts
CMYK CMYK
BASIC COLOR
10 20 30 40 50 60 70 80 90 100
10 20 30 40 50 60 70 80 90 100
10 20 30 40 50 60 70 80 90 100
NEU
Nm INNENSECHSKANT
SCHLITZ
PHILLIPS
TORX HF
DREHMOMENT
ESD
INFO
NEUHEIT
HOW TO USE Except the suggestion, which I have mentioned. We also give the advice to the other areas in order to guide the designers to use the suggestion. BI TORSION
TORSION
KRAFTFORM MIKRO LOGOPLATZIERUNG
XXXX XXXXXX
XXXXXXXXX
LASERTIP
IMPAKTOR
DIAMANT
HEX PLUS
EDELSTAHL
VDE
NEU
Nm INNENSECHSKANT
SCHLITZ
PHILLIPS
TORX HF
DREHMOMENT
ESD
INFO
NEUHEIT
Product design
XXXX
INNENSECHSKANT
• Existing design features will be strengthened. • The shape of handle is easy to recognize and should be used in other products. • Emphasis on the form, both color / haptic, as well as marked (Joker). • Functional elements should be consistent in Nm Wera-green • Have a comprehensive and detailed InstructiNm on as design principles. CLASSIC
GEPRÄGTE KRONE
INNENSECHSKANT
INNENSECHSKANT
SCHLITZ
PHILLIPS
SCHLITZ
TORX HF
PHILLIPS
TORX HF
DREHMOMENT
ESD
SCHLITZ
PHILLIPS
TORX HF
PHILLIPS PHILLIPS
TORXHF HF TORX
ESD ESD
INFO INFO
NEUHEIT IMPAKTOR
DIAMANT
HEX PLUS
EDELSTAHL
VDE
KRAFTFORM MIKRO LOGOPLATZIERUNG
XXXXXX
BI TORSION
TORSION
LASERTIP
IMPAKTOR
DIAMANT
HEX PLUS
EDELSTAHL
VDE
XXXX XXXXXX
XXXXXXXXX
XXXX XXXXXX
COMFORT
DREHMOMENT
ESD
XXXXXXXXX
NEU
2K KRAFTFORM PREMIUM
(KRAFTFORM) GRIFF LOGOPLATZIERUNG
INFO
Nm
CLASSIC
GEPRÄGTE KRONE
NEUHEIT
INNENSECHSKANT
SCHLITZ
PHILLIPS
TORX HF
INFO
SCHLITZ SCHLITZ
GEPRÄGTE KRONE
KRAFTFORM MIKRO PHILLIPS TORX PHILLIPS TORXHF HF LOGOPLATZIERUNG CLASSIC COMFORT
ESD
2K KRAFTFORM PREMIUM
INFO
NEU
XXXX
XXXX
XXXXXX
XXXXXXXXX
DREHMOMENT DREHMOMENT
ESD ESD
INFO INFO
2K KRAFTFORM PREMIUM
(KRAFTFORM) GRIFF LOGOPLATZIERUNG
NEUHEIT
NEU NEU
Nm Nm
NEUHEIT
COMFORT
DREHMOMENT
NEU
XXXXXX
XXXXXXXXX
NEUHEIT NEUHEIT
(KRAFTFORM) GRIFF LOGOPLATZIERUNG
XXXXXX
XXXXXXXXX
NEU NEU
DREHMOMENT DREHMOMENT
INFO LASERTIP
XXXX
BI TORSION SCHLITZ SCHLITZ
ESD TORSION
XXXXXXXXX
XXXX
INNENSECHSKANT INNENSECHSKANT
DREHMOMENT BI TORSION
INNENSECHSKANT INNENSECHSKANT
Nm Nm
TORSION
LASERTIP
IMPAKTOR
DIAMANT
EDELSTAHL
NEUHEIT NEUHEIT
XXXX XXXX
KRAFTFORM KRAFTFORMMIKRO MIKRO HEX PLUS LOGOPLATZIERUNG LOGOPLATZIERUNG
VDE
XXXXXX XXXXXX
XXXX XXXX XXXX
XXXXXXXXX XXXXXXXXX
KRAFTFORM MIKRO LOGOPLATZIERUNG
XXXXXX
XXXXXXXXX
KRAFTFORMMIKRO MIKRO KRAFTFORM LOGOPLATZIERUNG LOGOPLATZIERUNG
XXXXXX XXXXXX
XXXXXXXXX XXXXXXXXX
BI BITORSION TORSION
BI TORSION
BITORSION TORSION BI
TORSION TORSION
LASERTIP LASERTIP
IMPAKTOR IMPAKTOR
DIAMANT DIAMANT
HEXPLUS PLUS HEX
EDELSTAHL EDELSTAHL
TORSION
LASERTIP
IMPAKTOR
DIAMANT
HEX PLUS
EDELSTAHL
TORSION TORSION
LASERTIP LASERTIP
IMPAKTOR IMPAKTOR
DIAMANT DIAMANT
HEX HEXPLUS PLUS
EDELSTAHL EDELSTAHL
VDE VDE
BI TORSION
VDE
TORSION
LASERTIP
IMPAKTOR
DIAMANT
HEX PLUS
EDELSTAHL
VDE
XXXX XXXXXX
XXXXXXXXX
CLASSIC
GEPRÄGTE KRONE
• Clear and simple name, this also makes sense the overall context of the portfolio. • Easy recognized, the product belongs to which area and catalog • Graphics on the product concluds the position of the portfolio • Design features define the classification • Use color and shape to strengthen ranking.
COMFORT
2K KRAFTFORM PREMIUM
• Design of various packaging-sries contributes to the recognition of the brand. • Different levels of qulity will be differentiated by the packaging. • Packaging should be desgned as a system.
XXXX XXXX XXXXXX XXXXXX
CLASSIC CLASSIC
COMFORT COMFORT
2K 2KKRAFTFORM KRAFTFORM PREMIUM PREMIUM
(KRAFTFORM) (KRAFTFORM)GRIFF GRIFF LOGOPLATZIERUNG LOGOPLATZIERUNG
XXXXXX XXXXXX
XXXXXXXXX XXXXXXXXX
COMFORT COMFORT
2KKRAFTFORM KRAFTFORM 2K PREMIUM PREMIUM
(KRAFTFORM)GRIFF GRIFF (KRAFTFORM) LOGOPLATZIERUNG LOGOPLATZIERUNG
GEPRÄGTE KRONE
GEPRÄGTE KRONE
CLASSIC
COMFORT
CLASSIC
2K KRAFTFORM PREMIUM
COMFORT
XXXX XXXXXX
XXXXXXXXX
2K KRAFTFORM XXXX XXXXXX PREMIUM
XXXXXXXXX
(KRAFTFORM) GRIFF LOGOPLATZIERUNG
Edelstahl Premium Gold
PH 1 Lasertip
(KRAFTFORM) GRIFF LOGOPLATZIERUNG
Ipicturiamus et evelestrum fugit re pliquiaecus dipidus est, ut acepresto qui coreici as eaquuntios exerehe nihillori aut odit aut ea etumdipidus est, ut acepresto qui coreici as tessunt laut modis ad moles diciiss imusciatat aperciaeptio ommo et apelloreped molupt. Parci doluptat idesequiam invelig enecusae.
Edelstahl 1-teilig
Packaging
(KRAFTFORM) GRIFF LOGOPLATZIERUNG
XXXXXXXXX XXXXXXXXX
GEPRÄGTE GEPRÄGTEKRONE KRONE
XXXX XXXX
CLASSIC CLASSIC
KRAFTFORM MIKRO LOGOPLATZIERUNG
• similar Logo Placement on the product. • Logo stays in the middel of the handle. • The size of the logo should be fixed and fit for the handle. • The name of the type stays at the back side. • When the handle is too small. The logo should be shown crosswise. • Each product can only take one Wera logo. • The icons of features should be designed as a system. • Icons should be located similar. • Subbrands should be shown with Wera logo, but smaller. And it should always stay under the logo with the same color.
VDE VDE
Porfolio communication
GEPRÄGTEKRONE KRONE GEPRÄGTE
Placement of graphic elements
KRAFTFORM MIKRO LOGOPLATZIERUNG
XXXXXX
XXXXXXXXX
NEU
Nm
DE Ipicturiamus et evelestrum fugit re pliquiaecus dipidus est, ut acepresto. EN Ipicturiamus et evelestrum fugit re pliquiaecus dipidus est, ut acepresto qui coreici as eaquuntios exerehe nihillori aut odit aut ea etumdipidus est, ut aperciaeptio ommo et apelloreped. ES Ipicturiamus et evelestrum fugit re pliquiaecus dipidus est, ut acepresto qui coreici. FR Ipicturiamus et evelestrum fugit re pliquiaecus dipidus est, ut acepresto qui coreici as eaquuntios exerehe nihillori aut odit aut ea etum.
TASK INTRODUCTION Through benchmarking the portfolios from other brands to find out a fitting position and redesign the Wera‘s portfolio. And give a guideline to the development of Wera product design.
iMac
MacBook Pro
Value of the products
Value of the products
Value of the products
PORTFOLIO ANALYSIS 918 Spyder
911 Turbo S Panamera turbo executive
MacBook Air
R8
A8 Q7 A7
911 Turbo Panamera turbo
iPhone 5
Cayenne turbo S
A6
iPad
911 GT 3
iPhone 4
Panamera GTS
Q5
Cayenne turbo
A5
iPad mini
911 S
Q3
911 S Cab Panamera S Cayenne GTS
iPod classic
911
TT
A4
911 Cab
iPod touch
A3
Panamera Cayenne S
iPod nano
Cayman S
A1
Boxster S Cayenne
iPod shuffle
Cayman
Portfolio share
Boxster
Portfolio share
Portfolio share
CURRENT & TARGET SITUATION
NEW SCREWDRIVER CATALOG VDE / Stainless steel / LT
new
A
VDE / LT
VDE / Stainless steel
PORTFOLIO
B
300 / Stainless steel / LT
According to the analysis and the workshop with Wera people, orientate the position of Wera, from the brand position to the small area, such as the catalog of screwdriver.
300 / LT
100 VDE
ENT NCEM ENHA
R COLO NEW
ESD / 2K-Kraftform
C
900
SCREWDRIVER CATALOG
Wood-Kraftform
D
300
BRAND POSITIONING
current situation
compare with VW AG
target situation
HOLISTIC CATALOG
Portfolio share
Schraubendreher
Kompakt
Drehmoment
Schlagdreher / Hämmer
Knarren
Maulschlüssel
Winkelschlüssel
Bits/ Bit- Halter
Zubehör
Value of the products
FORM NEW
Value of the products
Value of the products
300 / Stainless steel
Classic
300 / LT
900
VDE Classic
VDE / LT
Comfort
300 / Edelstahl
VDE / Edelstahl
VDE Comfort
ESD Classic
300
300 / Edelstahl / LT
VDE / Edelstahl / LT
100 VDE
Holzgriff
Werbeartikel
Portfolio share
Portfolio share
VDE / Stainless steel / LT
3-4 Features
3 F.
VDE / LT
PORTFOLIO MANAGEMENT Schraubendreher
Kompakt
Drehmoment
Schlagdreher / Hämmer
Knarren
Maulschlüssel
Winkelschlüssel
Bits/ Bit- Halter
Zubehör
Winkelschlüssel
Bits/ Bit- Halter
Zubehör
Premium Plus
VDE / Stainless steel
2 F.
Premium
Classic
300 / Stainless steel / LT Schraubendreher
300 / LT 100 VDE
ESD / 2K-Kraftform 900 300 / Stainless steel
Wood-Kraftform 300
Kompakt
Drehmoment
Schlagdreher / Hämmer
Knarren
Maulschlüssel
Premium Platin
Premium Gold
MORE FEATURES Increase more features on classic level product to fit for the concept of premium brand. Add the symbol on the handle to strengthen the consciousness of the brand.
1 F.
NEW COLOR Change the color to fit for the concept of premium brand and perfect the structural integrity.
NEW FORM
0 F.
0 Features
Change the form wood handle product to fit for the concept of premium brand and perfect the structural integrity. And also to strengthen the consciousness of the brand.
Premium Silber
Dislodge the name "Classic" and rename the series to strengthen the awareness that Wera is a premium brand. The nemes with different postfixs are easy for the customers to differentiate the level of products and can also perfect the structural integrity.
ICONS ON PRODUCTS Concept A
Concept B
Concept C
NEW PACKAGING New packaging displays the Wera qulity and reperesents the concept of premium brand. With these packagings, people can directly understand the different levels of products.
new
IMPLEMENTATION Neuheiten
und Aktionsprodukte Frühjahr 2014 Zyklop Speed
Zyklop Metal mit Durchsteckvierkant
mit Umschalthebel
Zyklop Die neue Knarren-Generation
Der seit 2008 im Markt etablierte Zyklop bekommt nun
Der „Ur-Zyklop“ besticht insbesondere durch die Ver-
Die beiden neuen Knarren sind aus Vollmetall (Chrom-
Immer mehr Anwender fordern Werkzeug für enge
schlanke und dennoch sehr robuste Knarren werden dem Anwender ab sofort unentbehrliche Diens-
zeug und durch die hohe Arbeitsgeschwindigkeit.
Zyklop Metal.
Arbeitssituationen. Maschinen und Werkstücke wer-
den zunehmend kompakter und sorgen dafür, dass herkömmliche Werkzeuge zu groß sind, um in diesen Situationen betätigt werden zu können. 2
Zuwachs in der eigenen Produktfamilie. Zwei äußerst
einigung von 5 Knarrentypen in einem einzigen Werk-
te leisten. Um den Knarren im Wera Produktsortiment
Beide Eigenschaften führen zu einer enormen Arbeits-
zusammen mit der seit 2008 bekannten Knarre unter
Zyklop ab sofort unter dem Namen Zyklop Speed wei-
eine Heimat zu geben, werden diese neuen Knarren dem Dach Zyklop zusammengeführt.
erleichterung und Zeitersparnis, so dass der bekannte
Molybdän) und erhalten daher den Namenszusatz
Unterschieden wird dabei Zyklop Metal mit Durchsteckvierkant und Zyklop Metal mit Umschalthebel.
tergeführt wird.
3
IMPLEMENTATION
NAVIGATION In this project, we need to find out the core problem in our wayfinding system and then rebuild a new guide system which could provide a service for certain people. This project is to develop a service design thinking, which can help designers find a holistic way to gain a comprehensive and empathic understanding of user needs. It can keep us focusing on the creation of well thought through experiences using a combination of intangible and tangible medium.
DISCOVER
INVESTIGATE
CONTRIBUTE
USE
I don’t know where to go, after coming out of the elevator. Searching map
Lights are terrible. The map only shows the infomation of one floor.
EMOTION
Some places are too dark to find out the indication sign
People are very kind
Find maps and signs with a negative emotion “ARROW” is not easy to understand
Map
TOUCHPOINT
Maps
Security guards
Maps and signs at different floors Different staffs such as professors, security guards, cleaners, even other visitors and students
Information already keeping in mind
THE TASK Following the Using districts stream of people division and room number
Read maps and ask security guards for help, when not understand the provided information
Find the place by using the signs and asking coffee seller
Information on sides of elevator and corner is important
Inforamtion should appears in time
Special signs for Lecture in A301
CONTEXT
KEY LEARNING
Distinguish ABC area is the first step
Central map is not obvious to find
Ongoing, non-linear
Non-linear, but time based
Environment effect on during the whole process
Linear process
There is no stuff which can help people to find the restroom
There is no stuff which can help you to find the restroom
Indication should correspond to the normal thinking
The customer journey map can provide a high-level overview of the factors influencing user experience, constructed from the user's perspective. Basing the map on user insights allows it to chart both formal and informal touchpoints. "Psersonalising" the map - incorporating photographs along with per sonal quotes and commentary - can make it an much m o r e i m m e r s i v e u s e r- f o c u s e d experience. The overview the map provides enables the identification of both problem areas and opportunities for innovation, whilst focusing on specific touchpoints allow the service experience to be broken down into individual stages for futher analysis. This structured visual representation makes it possible to compare several experiences in the same language, and also facilitates quick and easy comparisons with other services.
CUSTOMER JOURNEY MAP 1
CUSTOMER JOURNEY MAP 2
DISCOVER
INVESTIGATE
CONTRIBUTE
The guide marker should be highlighted by the lighting system.
Why not put the notice outside the building?
USE
There is no need to show room numbers in many different ways. There are too many emergency exit markers.
EMOTION
It’s still hard for me to find the target room soon.
Understanding map is difficult, asking would be the faster way. Maps
TOUCHPOINT
Maps
Be enforced to obey the guidance
Security guards
Read maps searching for useful information
Read maps and ask security guards for help. Follow the guide, go to the fifth floor and turn left
Maps and signs at different floors Different staffs such as students, security guards, cleaners, etc.
Use maps and room numbers
Try to recognize the place through distinguishing urgent exits and stair indicative markers
Follow the facade of the indicative markers along the walking path
CONTEXT
KEY LEARNING Distinguish ABC area is the first step
Ongoing, non-linear
Navigation map should be simple enough and conspicuous
How to find the room independently
Non-linear, but time based
Some signs should change the position or highlight them
Linear process
Consider carefully about the number of special markers
Use unitive style to make the signs easy to understand
Information already keeping in mind
Take the elevator to get the exit (entrance)
STAKEHOLDER MAP I n t h e v i s i b l e p a rt , t h e connection of stakeholders can be found directly. The green lines represent the most influential the most frequent and the most direct value exchange which need to be enhanced. That means there is big design need as well.
CLEANER TRAINING SECURITY
ARCHITECT
The furtehr from the center, the weaker the connection is
VISITOR STUDENT
FRIEND NAVIGATE
SPONSOR
UNIVERSITY SELLER TECHNICAL SUPPORT UNIVERSITY STAFF
Visible
In the invisible part, dotted lines shows the connection of value exchange but the connection could be more and stronger between any two stakeholders when designing the new system in order to receive the better service experience.
Invisible
PERSONA It can provide a range of different perspectives on a service allowing us to define and engage the different interest-groups that may exist within the target users. It shifts focus away abstract demographics, and towards the wants and needs of real people.
PERSONA
FRONTSTAGE
Pop music fan
Kind heart
BACKSTAGE
Efficient
Love surfing on the internet
Pragmatism
Play online games
Diffidence
Use android Under education
Sensitive Canny
Logicism
Love paper
Righteous
Lover art Health advocates IOS User
Gregarious Aestheticism Shrewd
Middle class High education
Obstinate Questioned
TOP FINDINGS TOP FINDINGS
Lost in fog
Simple translation into the real world
Emotional contact
Fall in cultural gap
Time is valuable
Serve as ONE team
SERVICE BLUEPRINT
BEFOREHAND
USING THE SERVICE
USERS USERS
Notice, understand, be triggered.
Search the number & find the floor
Take the elevator
A301
FRONT OFFICE
AFTER USE
Decide to use, first use, further use, help with problems.
Relationship building, stimulating re-use, end of use.
ACTIVITY
Clear the target
TOUCHPOINT
ACTIVITY
Smartphone
Map
Self-service reception
With the online app, color based map, or using the (self-service) reception, people can clear the target easily by using some key words.
Smartphone
Map
In this phase, visitor can use either app or maps to gather more detailed information to locate the target with the precise room number and floor.
Smartphone
Signs
App and the colorful signs will lead visitors to find the elevator.
Find the color
A301
Follow the color & find the room
A301
Signs
Signs
Different colors make visitors easily to find out the on right one which can bring them to the target room. Visitors follow the colored ribbon.
Colored ribbon will lead visitor to find the target room.
Information about University
Information about University
Pro-Service & support
Pro-Service & support
BEHIND THE SCENES
BACK OFFICE
By describing and outlinig all of the elements contained within a service, the blueprint allows the most crucial areas to be identified, whilst also revealing areas of overlap or duplication. It can promote co-operation and teamwork, and also helps to co-ordinate the people and resources the service provider has at its disposal. It is able to show the process that lie behind the critical service elements around which user experience is defined.
INTERNAL PROCESSES
Engineer
Information about University
Staffs
(daily maintaining)
EXTERNAL PROCESSES
Pro-Service & support (annually maintaining)
Engineer Training
Information about University
Pro-Service & support (annually maintaining)
Engineer
Information about University
Pro-Service & support (annually maintaining)
(annually maintaining)
(annually maintaining)
AAD.Navi Navigation for Academy of Art & Design A navigation application to Provide Navi within your trip in AAD. It helps you find the right way to the target room just with a few of key words. The app offers two different navigating models which can help you at any place during your visit.
GUIDE MAP & SCENE GRAPH
Guide Map for F4 ( Zone C and Zone B ) 2D dimension navogating map, can also be found through ADD.Navi app
Zone B from B459 to B466
from C417 to C420
Main Elevator Shop for Design
from B445 to B456
from C410 to C416
from B445 to B456
from B414 to B430
Zone C
from B408 to B413
from C417 to C420
from B401 to B407
from C402 to B416
from B401 to B405
from B406 to B407
from B414 to B419
from B459 to B466
from B420 to B430
from B431 to B443
from B408 to B413
from C402 to C408
AAD.Navi
WIREFRAME
RESPONSIVE DESIGN
INFORMATION The information application can provide info and about all kind of events or lectures in academy of art & design. User can simply type in the key words, then the application will show relevant text to user and provide the navigation at the same time .
STRATEGY DESIGN KNOW NOW WERA-STRATEGY DESIGN NAVIGATION SYSTEM
DETAILED PROJECT DESIGN O-HELP NEWFRESHER HAIRDRYER
OTHERS CULTURE IDENTITY SOUVENIR DESIGN
BASIC TRAINING SKETCH
O-HELP Low-carbon economic leads the new trend of energy and environment development. The technology of OLED must be develpoed greatly in the future. Meanwhile, China suffers disasters frequently. Accordingly, Chinese have a sense of self-security and the demand of emergency product. Since the application of the OLED on emergency product has great potentialities, how to combine OLED with emergency equipments is the focus point in my design.
GRADUATION DESIGN CONTEXT INTRODUCTION
DESIGN MIND MANAGER
INTRIDUCTION With the development of degree of industrialization of China, people’s demand for resources is increasing constantly. Meanwhile, non-renewable energy resources are in short supply over the world. How to decrease the use of resources and how to make full use of them are the global issues. China devotes great efforts to study and utilize green energy.
BRAINSTORM
15cm~22cm more flexible
Wrist Tie
TIME & COMFORT ANALYSIS
Use way
Wear time and Degree of comfort
Connection
Valuation
With the ananlysis, we can find the best way to wear. Analyze the wearing comfort and rationality by discussing on the wearing position and the time simulating from experiment on sketch models.
DESIGN PRINCIPLES 1.Not only to be easy-to-use, but also to be stable. 2.Simplify the steps,to be free. 3.Stress the features of OLED, especial in shape and using.
Conclude according the analysis of the research and build the system to evaluate. Then pick up the best one as the solution.
VALUATION
EMERGENCY OLED DESIGN OLED BAND
DETAILS AND STRUCTURE
STORY BOARD
MATERIAL ANALYSIS
POSSIBLE MATERIAL Silica gel: Silica gel is non-toxic, non-flammable, and non-reactive and stable with ordinary usage.Some of them are fire resistant, and also are good breathable.They have good plasticity, can be any shape and be pulled. Cordura: Cordura is made by DuPont. Cordura fabrics are available in a wide range of constructions, weights and aesthetics, including versions that are designed especially for tear resistance, color retention, and light-weight durability. EVA: It is a polymer that approaches elastomeric materials in softness and flexibility, yet can be processed like other thermoplastics. The material has good clarity and gloss,barrier properties,low-temperature toughness,stress-crack resistance,hot-melt adhesive water proof properties, and resistance to UV radiation. Leather: Leather is good breathable, easy to clean, hard to wear on and easy to clean. However, it is hard to processing and too expensive. ABS: It has good insulation, hard to wear on and easy to processing. But it is also not soft and uncomfortable to wear. Lycra: It is good breathable, comfortable and has good elasticity. But it is not fire resistant. Common cloth: good breathable, comfortable but not fire resistant.
MATERIAL VALUATION
GRADUATION EXHIBITION
MOCK UP Full-sized demonstration model with actual function OLED is p rovided by Beijing Vi s onox Technology Co.,Ltd.
NEWFRESHER In recent yearsďźŒenvironmental pollution is getting more and more seriously. One of the problems is air pollution disturbing human’s comfortable environment. Based on these facts, I investigated the Chinese urban households indoor environment, researched the current and future trends of living conditions, anaylsed the way to use the practical application in modern homes in city. Eventually I proposed new solutions, and discussed in-depth and detailed research and expression.
INSTRODUCTUION It is designed for the North China urban families. Using indoor and outdoor air monitoring , heat exchange air system purification and other related technology, it even can make the place which can not be achieved ventilation successfully easier to adjust the indoor air smoothly and calmly. So that people can have a natural, fresh and clean indoor air environment and a better living environment.
Open Windows
Way of Ventilatin g
Outside Environment & Climate
When & How long
Factors of Ventilation
Ventilator
Residential structure
Air Condition
Effect
Residential area Structure Floor Windows
Fan Control
Central Air Conditioning
Other
Household
Ventilation Temperature Humidity Pollution
Indoor air
Outdoor air
Natural Ventilation
Cleanliness
Concern Area
Circulating
Way of Purifying
Plants
PROBLEM SUMMARY Electronic Products Humidity Temperature Other
Company
1. Because of the Northern climate factors, indoor air is not well carried out, so how to achieve indoor air conditioning? 2.The change of the indoor air environment can not be known accurately and objectively in time, so that people can’t take measures to solve this problem. 3. How to give people the feelings like nature, comfort and safety with the ventilation? 4. The problem of cleaning and maintenance of the product itself, how to design simply? 5. How to make the use of the product more intelligent?
USAGE & LOCATION
Small Multifunctional Fresh
Clean Quality Compatible
Heathy Safe Stable
Natural Energy-saving
DESIGN PRINCIPLES 1. Follow the mainstream of environmental characteristics of the family house in the northern China after three or five years ( human engineering and shape ). 2. The innovation in structure and appearance is comfortable and convenient to use.
HOUSEHOLD SURVEY Find the real problems and real user demand. Then determine design positioning and design principles.
3. Intelligent operation, more humane and more affinity. 4. Self-cleaning and maintenance is simple. The product is more durable and stable. 5. Provide some environmental information and visual effect.
Air Condition
Air Humidifier
Air Purifier
BENCHMARK & NEW CONCEPT ANALYSIS
use more environmental friendly technology, varieties forms, more suitable for family using.Pay more attention to details and user interactive experience.
Foreign brands focus more on higher-end market.Their products are easier to be accepted, especially made in Japan, Korea or Europe.The forms are simple and elegant. Most are made of metal. Their UI are simple, easy to remember.And also the advantages of technology are apparent. In China, Hair and Midea are very successful brands.But the shape is old fashioned.
double-duty wall-mounted
Module ceiling
Individual
Others
Simple but special for urben households So I choose this form to considermore details
Air Detector
Filter Combination
Heat Exchanger
Ordinary Filter + HEPA Filter + Activated Carbon
In summer, through the heat exchanger, the machine will make the temperature and the humidity of the outdoor air which will be sent indoor. In winter, it can also solve the same kind of problem.
STRUCTURE & WORK SCHEMATIC DIAGRAM
Home page
Monitor the indoor and outdoor air condition
Preaet air flow at different time
HOME
Gesture
control the power and direction of wind
Easier Light
perdect
change the new filter in more convenient way
color will prompt the changing of the air quality
good
general
bad
poor
Show future temperature curve and next working steps.
User can change any working step for any time point.
Different colors represent different temperatures.
APP FOR NEWFRESHER
HAIRDRYER Compared with concept design, this project lets me understand the complexity of real product. From the craft, material and structure analysis, user analsis, design principles setting, concept exploring, prototype, model making to CMF analysis, pay high attention to every step of process producing a product. The more I know, the more I need to consider if I want to change. My hairdryer obeyed my design principles.
PRODUCT ANALYSIS
APPROACH
Airoutlet
Body
Catch
Handle 1
Switch
Using Process User Behavior
APPROACH
Disassemble a hairdryer Brand analysis map
Heat Protection
Ball Spring Contact Sheet Contact Protect Box Copper
Heater
PERSONAL DESIGN PRINCIPLES
PRODUCT ANALYSIS
Working Principle Materials Interior Structure Processing Technic
Motor
Separating Cover
Airscrew
Handle 2
Back Cover
Fixed Ring
Questionnaire, Chatting, DV
Disassembling Reassembing
USER ANALYSIS Age: 25-30 Seniority: 2 - 3 years Living enviroment: small, with a bathroom Purchase consideration: cost performance, useful, functional, simple shape Clothing style: formal and casual Electronic product: cost performance, useful, functional Daily-used products: functional, useful Summary: focus on health, functional, high PPR Age: 20-25 Living enviroment: a bedroom( no bathroom) Purchase consideration: price, function, quality The purpose of using hairdryer: 1. dry hairs 2. style Clothing style: personalized, fashional, comfortable Summary:good education, good economic condition, high quality of life, good appearance
Location
Man
Woman
User Purpose
Wire
Time
Volume
Style
Technological, Metallic Elegant, White Like curve
Electronic Product Male Female
Brand Quality, Function, Fast, Efficiency More functions, More details Product's sense must be good
Easy-to-Reach
Morning-Style Hairs
Night-Dry Hairs
Wire too long inconvenient to tidy
Time Man: 2 - 3 mins Woman: 5 - 10 mins
Different heads Easy-to-Change
AFTER
Handle
User
Woman
Large, cold & hot wind changed in turn Best
Functional, Grey, Black
Air Outlet
BEFORE
Woman
Male Female
Woman
Hidden & Keep Clean
Man
Daily-used Product
Efficient
Both hands Easy-to-Use
Large handle, comfort
Long time operation leads to over heat
Wrong operation causes danger
Easy-to-Take out small, folded
USING
TOP FINDINGS
User Definition: 20 - 30 years old, young people Top Findings:
Design Principles: 1. When use, there are problems“heating over” and “hard to control the air volume”. (there is too little information to user, you can't the condition, wrong operations) 2. Switch is not convenient ,easy to cause wrong operations. (human engineering care is not enough)
1. Increasing humanized and visual tips about such as temperature, air volume to avoid being scalded. 2. The location of switch, the shape and the way using should be designed according to the young people’s habits. 3. The shape, coiour and matiral of the hairdryer should be designed well for users’ security. 4. Change the way handling or abate the weight.
3.During the using process,users always have the feeling of insecurity. (the shape, colour and tactility are not considered well ) 4. When using it, feel uncomfortable and easy to cause tense muscles and feel tired. (it is too heavy, too long to operat and too hard to keep the gesture) 5. After using, the wire is hard to tidy. ( the length of wire is not suitable, there is no consideration about the wire tidying)
5. The process of tidying wire should be easy and quick. 6. Care more about humanengineering.
FOR MALE • Stable • Concise • Refinement
PROTOTYPE MOCKUP FOR INITIAL CONCEPT
Non-slip batten Make the user easy to catch the hairdryer.
Temperature batten Give the user visual tip about temperature by color.
Switch To reduce the wrong operations.
Power signal The visual signal about electricity, protect the user
STRATEGY DESIGN KNOW NOW WERA-STRATEGY DESIGN NAVIGATION SYSTEM
DETAILED PROJECT DESIGN O-HELP NEWFRESHER HAIRDRYER
OTHERS CULTURE IDENTITY SOUVENIR DESIGN
BASIC TRAINING SKETCH
CULTURE IDENTITY Chinese Culture Overview / Implicative, delicacy, can be sensed, but cannot be explained in words / "Following the natural way" or "let it be as it is" has become deep-rooted in the ordinary Chinese mentality, and serves as a guiding principle of the life of Chinese people. / Moderation and Harmon, balance, avoiding extremes Chinese people's character / Chinese do a great deal of communicating thorough symbolic expression, hints and allusions. Chinese are more interested in dealing with things using metaphors or intuitive comparisons. / Endurance and Diligence / Smart and nimble / Losing face The Chinese are very conscious of face. Face is essentially respected in a community and is a crucial underpinning of society. It means “dignity, prestige and reputation. / with Very strong curiosit
French Culture Overview / sensitive to aesthetics , whatsoever for Art, cinema, fashion, gastronomy... / We are keen on keeping traditions, know-hows of our different regions... and we are proud of it! Whatsoever to make traditionnal cheeses, wines, meals.. but also for crafts. The French luxury brands (Hermès, Chanel, Dior,...) uses this know-hows, and crafts as a good value for their product. Spirit / French people are usually quite critical. About government, politics, ... They are reknown for striking. They fight for their rights. / French are not disciplined. For examples: They don’t like queuing, they prefer cross the street when the pedestrian light is red.. / They like avoid, divert the rules.. They like to have ploys, to bargain.. / French could be quite lazy, love relaxing and enjoying good moments. / Contemplative people, love admiring beautiful things, Art... Key Words / Elegance : pleasingly graceful and stylish in appearance or manner / Refinement : sophistication, good taste / be Chic
ELEGANCE . MODERNISM . TRANQUILITY All materials and forms balance through the course of colliding and confronting within one volumn
• LIGHTNESS / HEAVINESS • LINES / LUMPS • VOID / SOILD
CONCEPT INSPIRATION This work is about cultural identities and how these are expressed in social practices and through material culture, and how the analysis of cultural identities might be used as design resource. • Cultural and national analysis • Semiotic and brand mapping tools • Scenarios and contexts
This idea is inspired by the typical french dress structure: crinoline during 18th-19th. This sort of object reflects what is beauty in women’s mind: small waist and big breast. In the opposite view, chinese women believe that fitting the body is beautiful. We can find the different spirits of these two culture: open and underlying. And these different forms of dressing share one common purpose or the desire: follow the beauty and elegance: become the icon.
SCENARIOS & CONTEXT It is not only a vase, but ... It can be decorated as a plant pot It can save a glance of your life story It is also a toy by conbining the modules
WEBSITE DESIGN The website offers a platform for people to communicate and share ideas in fans community. With the collaboration of the business partner (Kickstarter, Youtube ...), the platform can even offer the chance to develop the idea into a real business.
SOUVENIR DESIGN
INTRODUCTION The Excellence Awards of Prince Gong’s Mansion’ Gift Design Compitition Inspired by the design concept of chinese garden's windows - different windows can offer you different views, step by step, window after window. This pen case can create the soul of this concept through sticking pens.
STRATEGY DESIGN KNOW NOW WERA-STRATEGY DESIGN NAVIGATION SYSTEM
DETAILED PROJECT DESIGN O-HELP NEWFRESHER HAIRDRYER
OTHERS CULTURE IDENTITY SOUVENIR DESIGN
BASIC TRAINING SKETCH