Yan Huang Portfolio Service Design
TABLE OF CONTENT
01 GO! TRUCK
2017-2019
02 Miss·Bee
14/24
A Teaching Product Design for primary school teachers
03 05
Selected works
01/13
A Service System Design for individual truck drivers
FUNNY ART
25/34
Playland System Design based on principles of ‘Art Therapy’
04 TEATALK
EYES ON YOU
35/39
WINDING
43/45
Interac�ve Device Design to sa�rize ‘data leakage’
40/42
Crea�ve Experience Brand System Design for ‘24 Solar terms’
07 OTHER WORKS
Selected Works in college/internship
06 46/47
Concept Interac�ve Device for ‘Wind’
01
GO! TRUCK A Service System Design for individual truck drivers Individual Project 06/2019-09/2019
>For the huge group of individual truck drivers in China,a series of services from online APPs to offline post are provided to op�mize their experience and ensure their safety so as to reduce accidents and improve the efficiency of logis�cs.
Go!Truck | 01
Discover Define Design Deliver 01
INSIGHT Interview
Background The number of express packages in China （Unit: 100 Million pieces ）
Driver.Ma’s day:
Domestic road freight volume （Unit: 100 million tons ）
Lunch in car
Hurry dinner
58.6 5:30am
1:30pm
8pm
5:30pm
12:30pm
Long driving time(Eat not on time)
Q: As an individual truck driver, where does your supply orders come from? And why are 2008
2018.11
1998
Proportion of road freight to total delivery volume (2017): 77%
you say‘it’s ge�ng harder and harder’?
2017
Messy in driving cab
23%
A: The supply is unstable,and rely on old customers. First, the oil thief is rampant now. When I rest, I dare not
In recent years, rapid development of e-commerce industry has led to the increase of express delivery volume. In November 2018, the number of express packges has exceeded 5 billion for the first �me, which is more than 40 �mes 10 years ago. As the main body of the highway delivery industry, a large number of 30 million Chinese freight truck drivers deserve a�en�on.
leave the car. Second,I worry about the wrong naviga�on which won’t show route without Weight limit …………
Problems
“30 million truck drivers carry 76% of China's total freight”
Dare not to leave truck
“More than 50% of them drive more than 10 hours a day”
When drivers are away from truck,the oil is requently stolen and sold by thieves.So some deivers even sleep near the tank
Tired driving They o�en ignore their basic needs, such as sleeping, in order to deliver goods quickly
Breake rules accidentally Complicated and different truck traffic rules in unfamiliar places
Go!Truck | 02
Discover Define Design Deliver 01
JOURNEY MAP Stages
Get the order
Get the Goods
Comfirm an Order
Drive To
Transporting Goods Load Goods
Deliver
Start Transpor�ng
Take a Break/have a Night Rest
Start The Truck
Arrive at Des�na�on City
Emergency Situa�on
Arrive &Unload
Leave
Jobs Regular customer /New customer…
Ac�ons
Prepare
Confirm the Loading loca�on and �me
Problems
Arrange For large
Arrive at Contact Customer
Check truck safety
For Small
Look for fellow drivers
OK
Go to the Garage /Gas sta�on
Close the car door Loading
Wait
Start
Problems
Confirm Drive to the Goods
Repair /Gas up
New/old customers
Prepare
Need rest
Check truck safety
Check Personal situa�on
OK
Phone
Truck
Service Parking Kerbside Hotel area lot Nothing
Stop
Drive to
Rest nearby
Repair /Gas up Loading tool
Start Naviga�on
Go to the Garage /Gas sta�on
Prepare
Look for ……
End the rest
Ready
Problems
Check Personal situa�on
OK
Naviga�on
Go to the Garage /Gas sta�on
Drive to
Repair /Gas up
At new city
Information Road Signal
Parking Space Phone
Co-drivers
Thinking & Feeling
Phone
Phone
Staffs
Staffs
Station
Station
Loading tool
Station Phone
Phone
Phone Oil tank Staffs
Other Drivers
Return
Customers
First Aider
Truck
Staffs
Unload Get paid
Reroute
Oil tank
Traffic police
Highway sign
Drive to
Wai�ng Confirm the Goods
Station
Traffic Ticket
Repairman
Loaders
Repair tools
Expec�ng Anxious Anxious
Worry
Unable to get orders for individual drivers
Pain point
Loaders
Start Naviga�on
Truck
Information
Touchpoints
Contact Customer
Deal with emergencies
Ready
Truck
Information
Arrive at
Tonnage restric�on/ Traffic restric�ons/ Oil was stolen/ Goods was stolen/ Accident/Traffic jam …………
Start
Necessities
Service Area Truck
Start again
Check truck safety
Uninformed about the goods
Forget the safety check before driving
Worry that the goods do not match the descrip�on
Forget personal belongings and safety check before driving
Unfamiliar with the route to the Loading place for the first �me
Do not know how to arrange various Goods reasonably
Unclear road condi�ons and Worry about progress
Confused/Worry
Blaming/Angry
Tired
Forget or ignore Personal physical needs and drive for a long �me Do not know where to park and rest Few fully func�onal service areas Fear that the Goods / Oil would be stolen when away from the truck
Unfriendly truck traffic rules for drivers in new city
Forget personal belongings and safety check before driving
Angry and helpless about the stolen Oil
Unclear road condi�ons and Worry about progress
Do not know about the road condi�ons ahead
Lack of rest, but have to Make delivery on �me
Do not know how to deal with Breakdowns quickly
Anxious
Unhappy
Worry
Worry about breaking Goods while unloading Return empty without order
Worry about being late for delivery
Go!Truck | 03
Discover Define Design Deliver 01
PROBLEM TREES & NEEDS MAP Effects
Death Traffic accident
Unemployment Depressed
Waste �me
Low profit/Lose money
No order
Physical Illness
Exhausted/Tired/Hungry
Unable to arrive on �me
Dangerous/Illegal Goods
Receive a �cket
Blocked urben traffic Traffic jam
Forget important documents
Can't find the way
Lose money Stolen oil/Goods Order failed
Revoca�on of driver's license
Loss of customers
Late for delivery
Indivial Truck Drivers
Problems Unable to get orders for individual drivers Reture empty without order Uninformed about the goods
Forgot to check personal belongings & truck safety before driving Unfamiliar with road condi�ons of strange routes
Ignore Personal physical needs and drive for a long �me
Oil/Goods would be stolen when away from the truck
Unfriendly truck traffic rules for drivers in new city
Few fully func�onal service areas with plenty of parking lot
Worry about being late for delivery
Do not know how to deal with Emergency quickly
Customer/Shipper
Lack of trust Lack of standard Goods measurement formula
Enough orders on transparent / standardized pla�orm
2
Fully prepara�on (personal belongings / Safety tools)
3
Regular truck safety checks
4
Comprehensive road condi�on informa�on
5
Remind of the health and rest on �me
6
Plenty of fully func�onal service areas with parking lot
7
Be Relieved when away from truck/enough rest
8
Get �mely and rapid rescue in an emergency
9
Real-�me extension of delivery �me in case of emergency
1
Transparent / standardized pla�orm
2
Trusted delivery service
3
Know the status of transpor�ng at any �me
Reduce the incidence of traffic accidents
Causes No platform for individual drivers and customers to connect with each other
1
Bad memory / have not formed a good habit Forget to predict the i�nerary
Be in a hurry to deliver the goods/Unreasonable delivery �me Imperfect equipment in service area
Scattered road informa- Confused on a strange �on/No experience route
Exposed Oil tank / weak security system/Be unaware of the condi�on of the truck
Unfamiliar with the traffic rules of strange ci�es/No dedicated truck route naviga�on
The customer does not know the transpor�ng status
No con�ngency plan / untimely rescue
Traffic Safety Department
More drivers stop and spend money Service Area
Go!Truck | 04
Discover Define Design Deliver 01
OFFERING MAP & ECOLOGY MAP
Software
How
Space
Hardware
User trust system Basic needs support
Service
Security System A pla�orm connec�ng customers/shippers and individual truck drivers
A strong lock / alarm on the door or Oil tank
A place that provides basic services for driving life/wide parking lot
Tips / instruc�ons for driving distance
Real-�me display of Goods transpor�ng/Delivery process guidance
Complete personal belongings / emergency kit
A Place where emergency tools / repairs are available
Timely handling of Emergency Accidents
Discussion group for truck drivers about Transpor�ng experience
A reminder of physical condi�on / road condi�on while driving
Why Economy promo�on Efficient logis�cs Reduce traffic accidents
Provide basic services / care / repairs
Truck monitoring Safety Check list
Drivers’ Safety
Customers Drivers
Phone
Post/Gas staion facili�es
Regulation &Support
Vending Machine
Software
Service
What
Hardware Space Service
Truck Lock
Tools
Informa�on card Trumpet Gesture
Repairman
Insurance Company Hospital Traffic Radio Truck Company Supplier
Before Driving Transpor�ng Return In emergency Drive to Leave truck
Road Signal ID card/ License/ Screen Credit Card Belongings Oil tank
Gas sta�on
The en�re Traffic police remind Other drivers
Successful delivery
Road In Truck Highway
Break �me
Load/Unload Day�me Load/Unload Parking lot Service Area Nigh�me Gas sta�on
Unloading/ loading spot
Who
logis�cs company
Accurate Online naviga�on Sta�on Staffs Pla�orm
Profits
Software
Useful Kit
Government Traffic Safety Department
Updated informa�on
Relieved
Smooth traffic flow
Rules
garage
Look for orders
All �me
When
Rest Zones Hospital
Service Space China
Where Go!Truck | 05
Discover Define Design Deliver 01
IDEATION Experience Architecture
Truck Lock
I nf
Necessi�es Sta�on equipment
Tools
Rest Zones
Parking lot
Hardware
Store
Gas sta�on
Toliet
Environment
First-aid pillar
Repair stop
Self-help
t
Convenient
or
Relieved
Resident merchant revenue
Order commission
Order matching service
New-tech service
Space
ice
Handle emergency
Safeguard
Reduce traffic accidents
Staffs in the Post
Logis�cs staff
Traffic Safety Department
s er
o a� er
Economy promo�on
For Society
old
Op Efficient logis�cs
Emergency response service
Truck naviga�on data
Service Support
Service level
eh ak St
rv
Comfortable delivery experience
Real-�me service
Trust system
Service for drivers Provide orders
Financial Support
pp
Fully func�onal
ce
Software facility
Su
Self-purchase
Self-help
Reminders
Real-�me traffic/rules
pa
Safety check
Po st S
re ctu ra str u
Order data
Remote security
Se
‘GOTRUCK’ Delivery Service System
Call for help
Broadcast reminder
Repair Worker
Police/Security
Truck repair company
Suppliers
Backstage Store
n Smooth traffic flow
C Loading Tool
Possible Concepts Wrist HW
Listen HW
Reminder HW inside truck
F
Concept 1-- A+B+H+L+N
M H E Monitors
Information reminder
I
Tools Kit for drivers
Place
Person
Other
--App runs through the whole process, reasonable hardware and loca�on design.
N
Security regulation
--Based on the Reminder hardware with drivers.
Concept 2-- B+I+J+L+M+N
J Smart Lock
K
APP
Hospital
Multi-function station (Rest/Repair/Tools,etc.) First-aid HW
Reasonable D distribution area
HW(hardware)
L
Gorvernment
G
APP B
A
Logis�cs Company
Drivers’ Safety
Tools Vending machine
Concept 3-- B+C+D+E+F+K+L+M --Based on the large number of manpower.
Go!Truck | 06
Discover Define Design Deliver 01
Steps
Stages
BLUEPRINT Aware/Join Pre
Use
Look for oder
Pick up/Load Goods
Start the truck & Drive
Start
Recom- Costomer menda�on/Ad… Release orders
Show trust data from both sides View the details of the goods (Must fill in )
Orders Map
Register on app
Solved Confirm oder
Match
Confirmed
Driver add his own common routes
Communicate Loading place and �me on APP Form the driver's shipping order calendar
Prepare
Turn on naviga�on
Face recogni�on for driver/License check
Drive to
Checklist on APP -Belongings+Truck safety Simple Nearby problem ‘Truck Post’ If problems Serious Call for help problem on APP
Start
Check Loading Costomer
Repeat ‘PREPARE’ steps
Confirm ‘been Loaded’
Be reminded to have a rest Driver want
APP remind Turn on naviga�on FOR trucks ‘Need to rest ’Bu�on Drive to Change the naviga�on to ‘Truck Post’
Post is full
Start again
Pause Plan parking routes on APP Park in a regular parking space ‘Truck Lock’
Repeat ‘PREPARE’ steps
Des�na�on City
Develop
Solved well
Arrive & Done
Start Real-�me broadcast go on wheels Turn on of road condi�ons naviga�on Nearby ‘Post’ Glitch FOR trucks Traffic Jam If …… Accident Drive to
Leave Reschedule the next post Monitor on APP sta�on on APP
Call for help on APP Delay delivery �me Real-�me update status on customer APP
Arrive
Driver
Check Unload
Continue Return
Confirm ‘Done’
Profit Return with next deliver Pay
Costomer Contact the customer in advance
Driver
APP
Channels
Repeat ‘PREPARE’ steps
Repeat ‘PREPARE’ steps
Hardware
Place Person Public Security Bureau
Traffic Safety Department
Road Transport Bureau
Hospital Publicity Department
Credit System
Baidu Map & Aliyun
Truck Company Logis�cs Company Adver�sing department
Garage
Backstage
Complete real name verifica�on
Driver's license cer�fica�on
Display credit score
Provide Safety checklist/classes for drivers Drivers’ Belongings advice
Data Map & Face Recogni�on Technology
Baidu Map
Special route naviga�on for Truck Mark ‘Truck Post ’ Nearby
Taffic Radio/Weather bureau Updated Informa�on
Repair tools Company/Highway Administra�on/ Daily necessi�es provider/Service provider
Traffic Safety Department /Emergency Department /Truck Garage
Ali Pay China Trust Network
Deal with emergencies quickly
Highway Data Department Insurance Company
Manage ‘Truck Post’
Truck | 07
Discover Define Design Deliver 01
SYSTEM MAP Goods
Tools/Stuff/Emergency Help……
Goods Need for repair
Delivery money
Customers
>Personal informa�on >Order/Communicate >Safety Checklist >Help……
>Personal trust informa�on >Delivery requirements >Choose drivers >Communicate/Conform with drivers
Repair help…… Tools/Service……
Truck Drivers
Repair Company
Rent Necessi�es/Service……
Delivery money >Customers’ orders >Naviga�on for truck >Routes’ condi�on >‘Locker monitor’
Offer online pla�orm
Tools/Service……
Store/Provider Smart locker
‘Go!Truck’ APP
‘Go!Truck’ POST
Online data Emergency Help
Go!Truck
>Drivers’ needs/Stopby
Delivery Service System for individual truck drivers
Online data
>Drivers’ needs/Stopby ID/license……
Supervision/proposal……
Profits
Technology help
Face ID Tech/ Real-�me Monitor……
Information Flow Financial Flow Material Flow
Public security bureau
Department of Transportation
Hospital
GaoDe MAP
New-Tech Company
Smart Weather
Advertiser
(Truck Company……)
Go!Truck | 08
Discover Define Design Deliver 01
HARDWARE DESIGN
Parking lot
‘Go!Truck’ Post
When taking a break……
01 02
03
06
01
02
Rest Zones/Store
Your delivery assistant
rest
03
Repair Stop &Gas Commonly used truck tools’ kit can be purchased and pulled out if needed.
Vending machine
Tool workbench for public.
Oil tank smart lock
GO! Truck! POST
04
04
05
repair/gas/help
Drivers can buy tool kit and supplies on veding machine.
Emergency piles around allow drivers to handle accidents and call for help.
Selling Tool Kit and Essen�al supplies. Alertor
06 A�er ‘Lock’ on App, Oil tank smart lock will alarm if thief moves tank.
First aid pile
Lights at night
05 Continue to transport…… Go!Truck | 09
Press the bo�on when need help.
Discover Define Design Deliver 01
RENDERING ‘Go!Truck’ Post:
>When driver ‘PAUSE’ on the APP / is reminded to rest / needs to repair / encounters emergency, APP will automa�cally navigate him to the nearest ‘Go!Truck’ POST.
>Adequate parking lots,fully func�onal stops and intelligent security, make driver's road cond Real-time
m Vending
user experience improved.
ition
Oil tank smart lock
achine
Stop Parking lot
aid First
Rest Zone
pile
, ublic . for p th sides h c n o be rom b f work Tool can use y the
ls k too d -Trucnly use ’ t i ‘K mmo co
Repair Stop &Gas station
Parking lot
Rest Zone Repair Stop Go!Truck | 10
Discover Define Design Deliver 01
INFORMATION ARCHITECTURE
Order Details
Comfirm
Order Map
Add to schedule
Add my routes to select order
‘GO TRUCK’ APP Order Center Order Map My route Return Order client-side
Filter bar Orders
Details
Comfirm Schedule
Broadcast & Record Doing Mission
My Mission
Route Detail
Ready Steps-1
Ready Steps-2
Start
Time to rest
Drive in ‘Post’
Doing Ready
Face Iden�fica�on Safety Checklist
Start
Special naviga�on Con�nue Arrive at
Usability test for truck drivers
Pause To ’Post’
Done
Trucker
My Truck
Trucker
My Truck
Emergency
Mine
Statistical Data
Service Group Mutual forum Message Lock Remote monitoring Fix Maintenance record
Mine
Income Mark Account&Se�ngs
Go!Truck | 11
Ad
ch os dt
ed
ule
Discover Define Design Deliver 01
‘Order Center’-Order Map Order Map Order
Return
Add common routes
Price
Traffic
Search
Update
logistics center
Choose Start place:
By looking order circles on the map, drivers can navigate to order-intensive place.
4.7
HI-FI
73
From - Kamieńskiego 11,Beijing
Beiing
Shunyi Town
↑One click to locate and look for return orders
Choose Destination: Heibei
Mr.Hao
Hangzhou
To - Kobierzyńska Street,Shanghai
Shanghai logistics center
￥ 6800 Order Confirm
Today: 5:15 pm
Xi'an
8.7m
13t
←By se�ng common routes, driver can filter out orders.
5m/7.7m High-sided truck
67km
Weight
Truck Type
Loading spot
Furniture
Comfirm
497 Evergreen Rd. Chaoyang
Na
v
ti iga
on
fo
ru rt
Cumulative data for the last 5 mins in 2 km
ck
Doing
Order quantity: 34
Done
From - Kamieńskiego 11,Hebei
Beidaihe
From - Kamieńskiego 11,Beijing
Beijing logistics center
High
Low
Confrim
Confrim
Checklist
To - Kobierzyńska Street,Beijing
Beijing logistics center
To - Kobierzyńska Street, Hangzhou
Checklist
Ali Company
28 hrs and 16 mins 28 hrs and 16 mins
High
Low
￥ 680
Today: 5:15 pm
Round the car, check the car body, bumper/ rearview mirror/ glass.
Road Rpair
Check the tire pressure and press it.
Mission Done
34mins
Check the lighting and signal setting. Check the oil tank with enough oil and the lock is locked.
Please put your phone in front of your face
Tru
S ck
er v
and confirm the driver's identity.
i ce
‘My mission’-Readysteps
READY Steps
Traffic jam
45mins
Arrive at
Check your license/ warm water/ Necessary food/ tool kit.
Please put your face in the circle We will compare you to the account user for face recognition. Please wait a minute……
PAUSE 24°-28°
Cloudy, Light Rain
>Warm tip: Please drive carefully on wet and slippery road when raining.
1.ID confirm
2.Safety checklist
START
Slide to PAUSE/CONTINUE/ARRIVE Service
Group Next Refueling
New Stop! Mr.Fan 4.7
Mr.Fan
My message
Post Detail
Mr.Ma 73
2hrs ago
I wonder that have you guys meet this situation before? Could you help me?
Wang Xiaoming
I wonder that have you guys meet this situation before? Could you help me? 143
Bro,I have an order from GZ to BJ,do you want to drive it together?
Hua Fa
942
The bill has been paid.
This is the third time I've experienced this month, I am so worried about my truck.
Mr.Huang The bridge from SZ to DG is stuck in traffic,Those in a hurry can take a detour 50
600
Hey! I want to give you a order from Beijing to Guandong.
#Ask for Help #Rain #Glasses 143
Liang Han I have liked your answers.
942
Mr.Huang Maybe something wrong with the wipers?
Be careful!!
‘Trucker’-Group
11 May In 5 days
Oil Change 190km
‘My Truck’-Locking
In 21 km
Refueling
Apr.5th
1980km
￥ 2000
Emergency!
Shunyi station
Glass/Mirror
Apr.1st
Shunyi station 250 days
Insurance Ms.Li
Beijing Chaoyang 550 days
￥ 500
Wrong
Call for Help!
Mar.28th
Emergency
￥ 3000
Mr.Zhang
I have seen this before,it was because I
Mr.li
650km
History
Say something…
Message
Fix
Unlock
Call
Go!Truck | 12
Discover Define Design Deliver 01
STORYBOARD
03 A�er loading, Li follow ‘Ready steps’ to have prepara�on before driving.
A�er driving for a certain �me,……
02 Customer and Li have confirm 01 Mr Li looks over orders nearby through ‘Order
ID confirm
each other’s informa�on ( Goods,Trust,Loading spot……)
Safety Check
Repeat ‘READY’-’DRIVE’-’PAUSE’
map’ on APP.Soon,he ‘cathches’ an order
Another new ‘Mission’ start!
12 A�er ge�ng paid,Li set the Return des�na�on, APP helps him select orders automa�cally.
09 Pay by mobie phone and history will be recorded on APP. 04 App reminds Li to have a rest.So Li ‘Slide’ the pause
08 He is very relieved, because anything
bar, and App navigates him to the nearest ‘GO!Truck’ Post
unusual can be seen on the APP.’Smart Oil Lock’ is monitored remotely.
05 Parks the truck following 07 Li has to leave the truck for
11 Arrive at delivery loca�on and confirm ‘complete order’ with customers.
APP instruc�ons
dinner/rest, so he starts ‘Lock status’ on the app.
10 When arriving in a new city, APP will
broadcast real-�me route condi�ons for trucks.The voice reminds Li to pay a�en�on to the traffic rules.
06 At ‘Repair stop’,Li gases and uses the tools in ‘shared workbench’ to maintain his truck.
Go!Truck | 13
02
MISS·BEE A Teaching Product Design for primary school teachers Individual Project 05/2019-06/2019
>‘Li�le Bee’ is a smart ‘assistant’ in classes for Chinese primary school female teachers. Facing Special use scenarios, portabilitys and simple opera�ons are more needed.It encourages teachers to complete teaching tasks in various ways like a happy,busy ‘Miss·Bee’.
Miss·Bee | 14
Discover Define Design Deliver 02
INSIGHT I saw……
Persona Part of life > Healthy lifestyle > Elegant, formal > Regular worksheet > Teaching prepara�on > A variety of teaching materials
01.Many sore throat drugs are placed on the desks of primary school teachers, which is a very common phenomenon.
02.Primary school teachers’ health is worrying, and Chronic Pharyngi�s has become NO.1 occupa�onal disease, especially among female teachers.
Neurosis
Spondylosis
Stomach Illness
Muscle strain
Headache
Chroic Pharyngitis
Each week
Each semester
x 87
x 52.5hrs
> Big classroom,many students > Naughty and noisy > More teaching tasks in less �me > Interac�ve parts are needed > Heavy burden for the throat
03.The teaching task of Chinese primary school teachers is arduous.
Target User Name: Mrs. Liang Job:A primary school teacher Age: 45(Teaching for 22 years) Professor subject: Chinese/Calligraphy Hobby: Reading/Cooking/Tea-Drinking Teaching Habbit: >Be well prepared >Neat and standardized office content >Promote ac�ve par�cipa�on of students
Summary
>Facing so many students, the teachers urgently need something to assist them if they want to carry out the whole teaching process smoothly.
Marke�ng Heavy Hardware Not for classroom
Not suitable for flexible primary school classes
Sta�onary
S�ff shape
Opportuni�es
Software No app for primary teachers
Less func�on
There’s no intelligent loudspeakers specially designed for primary school teachers used in the classroom.
Miss·Bee | 15
Discover Define Design Deliver 02
RESEARCH Ques�onnaire
Interview
Summary
--01:Basic teaching informa�on Mrs.Guan,47
Teacher Primary Chinese
-Show me her loudspeaker
-In her office
--“I like to take notes when I prepare classes and I always review it before class.…I use loudspeaker because I have many long classes and I want to protect my throat.” --“You see, this is the loudspeaker I use now. It's bulky, so I'll carry it sideways,which it's not very good-looking.” --“It just has a func�on to make my voice louder,but it buzzes when I pass by students.…And many �mes I want to record their excellent answers!”
01
S�cker 02- Reward snacks
02
of primary school teachers use portable loudspeakers in class.
03
09
Students' exercise books
Mouse Pen 05
04 06
USB flash disk
13
07
Notebook
08
Other
of users teach 5 classes,9% even teach 8 classes
89% 44% 70% 53% 55% 60% 10%
--‘Please rate your product sa�sfac�on.’ 1
Head massage s�ck
3
4
5
02.Teachers have flexible ac�vi�es in class,but products nowdo not sa�sfy them.
Appearance
Way of wearing
11 Textbooks
>‘Have you ever experienced loudspeaker was out of power in class?’ 89% Yes
No 11%
Teaching tools are sca�ered and not easy to prepare.
Remind to charge
>‘Have you ever wanted to record the wonderful answers of students in class?’ 61% Yes
Loud speaker
2
Propor�on of sa�sfac�on score(1~5)
No 39%
>‘Do you want to play it back a�er class and listen to your class content?’ 08- Bind belt
12% Art&Music
--03:Detail ques�ons
14
74% Yes
01.Teachers who use loudspeaker are mostly female teaching Chinese with heavy workloads
11% English
4%
Weight Func�onal diversity
10 Register 12
01- ‘Messy bag’
of users are female.
--02:’What are your teaching ac�vi�es in classroom?’
Play song audio Teach near students’seat Other
21% Math
52%
Chinese
56%
Draw on blackboard Play textbook audio Organize discussion& game Vacuum cup
01~08 inside
74%
Teach with PPT
Personal Belonging
Pointer
90%
Loudspeaker Users’ Teaching Subject:
No 26%
Elegant to wear
Easy to operate in class
Assist to Prepare & Review
03.What teachers need is not only a loud-up box,but a smart and matched ‘assistant’
wireless Mul�func�on
Miss·Bee | 16
Discover Define Design Deliver 02
ANALYSIS & DEFINE Scenario
Product Design Specifica�ons
01-When Mrs.Guan comes into office
in morning,Computer and device on the desk remind her of her teaching tasks today automa�cally .
02-Before class, the audio needed in this lesson has been updated to the device. Both the Phone and the equipment remind her to go to class.
03-Mrs.Guan only needs to take one thing with her to class.
04-Wearing this device is quickly and easy Recently, my throat starts to hurt again.
Teaching efficiency >Input lesson audio automa�cally >Match the teaching process (Loudspeaker/Audio/Record……) >No buzz automa�cally when close to students >Linkage with mobile phone >Easy to review class recording online >Share great answers to students’ parents
Feature
05-Fortunately,those amazing
>Lightweight, elegant and wireless >Modular but not easily dispersed
‘Helpers’ make it easy for me!!
Loudspeaker,Play audios, Mouse pen ……
-It sends out music to keep the students focused before class
08-With the visual recording of class today low ba�ery will be informed on phone in advance.
Teacher’s UX >Assist teacher to prepare before class >Simple opera�on during class and not distrac�ve.
“四（一）班 ,语文 “
06-A�er class,No�fica�on of
1.Qualita�ve
07-A�er school, she visually reviewed her
2.Quan�ta�ve Volume >Make sure ‘40 students in a classroom (7*10*3.5m) can hear clearly’ >Teacher’s voice <=85DB can also be amplified easily
Size
class records on the phone anywhere
>About 90*130*40mm >Lighter than 225g
Cost Forward the good answers of the students in class to the parent group Record notes for the next lesson on phone
Performance >A single charge= One week of class �me >SNR>=70DB >Peak Power=6w >Ergonomics of Chinese women(30-50)
<400￥
Miss·Bee | 17
Discover Define Design Deliver 02
IDEATION > I call it "Li�le Bee" because it is not only a light and small loudspeaker, but also a hard-working li�le assistant to the teacher.
Tap to A/B side to change different func�on Concept A Ways to OPEN‘Little Bee’
Pull Earphone MIC out
Display ba�ery status by color change Concept D
sliding touch area that is easy to operate
Concept C
Different way
Concept B
s to wear/op
en/push butto
n:
magne�c force to assemble
Matching APP--’Miss Bee’ Miss·Bee | 18
Discover Define Design Deliver 02
CONCEPT SELECTION Touch Screen Concept Screening-1
Concept Scoring-2
01
03
02
>To evaluate 4 ini�al schemes and 2 improved schemes and select highest (3 equal points).
Moodboard
>Choose the 9 most important proper�es(’Easy to operate-18%’…) of the ‘Li�le Bee’ and score them by propor�on.
Mouse pen USB
Clip
Pull out
Miss·Bee | 19
Discover Define Design Deliver 02
MOCK-UP
01
Main shape
--The ‘Li�le bee’ can be divided into three modules, also can be assembled a�er use.Measure to find the best size / shape for each module.
02
Earphone mic --The length of the pulled earphone mic should match the size of the female head
03
Touch Screen &Bu�on --Compare 3 ways of the placement of Touch Screen according to the habit of finger-touching while wearing.
Miss·Bee | 20
Discover Define Design Deliver 02
DEVELOPMENT Wearing Test
-Explore whether the clips matches the daily wear of female teachers
+
…
？
Technology Adjust the volume of ‘Li�le Bee’ automa�cally according to……
01 External sound --‘If the classroom is noisy, speaker’s volime will be louder, and vice versa’ Calculate the average in a certain �me
01 T-shirt and pants-->Clip on pants External noise
Mic-in
ADC
compare
output
Microcomputer
Amplifying device
Read-only memory pla�orm
Speaker
Audio Signals
Audio Signals
--The change of external sound is judged at a certain �me interval, and the volume is adjusted automa�cally according to the result of the judgment.
02 Blouse-->Clip on the middle of a bu�on 02 Distance measured by sensor --‘When the teacher bent down near the students, the voice will be lower, and vice versa’
Start
03 Dress-->Clip on Waist pocket
Exis�ng volume
NO
Built-in sensor detects distance
Detected distance YES Adjust volume <Standard distance
Speaker
Audio Signals
Output
--The built-in sensor detects the distance between the device and the students, compares the measured distance with the set base distance and adjust volume.
Miss·Bee | 21
Discover Define Design Deliver 02
RENDERING Exploded View
Touch Screen Ba�ery Sensor
Bluetooth transmi�er Bu�on
Microcontroller
Data storage box Speaker Speaker cover
USB Jack
Open opera�on
‘Little Bee’ for Miss·Bee
n
o �rac� e�c a
Magn
Miss·Bee | 22
Discover Define Design Deliver 02
USER INTERACTION
Mine
My classes
My ‘Little Bee’
February 2019
‘Miss·Bee’ APP
Text model recordings
Today's classes Prepare list
My classes
Canlendar
Classes informa�on
Sacn QRccode Website login
Everyday Record
W
T
F
S
S
27
28
29
30
31
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Tue
Wed
Thu
Fri
Sat
Sun
WED
Loud speaker for techers.
Electricity
‘Bee’ Record
T
FEB 12
Miss.Bee
Se�ngs
My ‘Little Bee’
Mon
M
WED
‘Bee’ Record
Mon
Tue
Wed
Thu
Fri
Sat
Sun
‘Card’ presenta�on mode
Classes informa�on
‘Message’ presenta�on mode
My account
Mine
Sign up
My favorite
Teaching calendar
Visual electricity
Cloud data upload Se�ngs 08:40am 09/12/2019
第二节课
12/09
New!
My list of supplies
第五节课
1 01-2
2
February 2019 M
T
W
T
F
S
S
27
28
29
30
31
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
WED
Details 01
02
03
3
02-1
02-2
Web side
The class recording is translated into texts and displays in the form of cards.
List of teaching supplies Model text recording
One click to save the ‘Record’ image and forward it to the Wechat ‘parents group’
Notes for lesson prepara�on
Miss·Bee | 23
Discover Define Design Deliver 02
STORYBOARD --Mrs.Guan’s new ‘assistant’!
01- Guan walks into the office, checks today’s courses and updats teaching audio on the ‘Li�le Bee’ with her phone.
05- When Guan is in class,she can touch the Touch screen OR rotate the damped bu�on to adjust the audio playing.
02- Soon, Guan receives a reminder on ‘Miss.Bee’ App when
03- Having arrived at the classroom, She plays some music
04- Guan takes it apart into 3 modules and
preparing.She takes her easy-hold ‘li�le bee’ and set out.
to a�ract noisy students to prepare for class ’Li�le Bee’
wears it(speaker+Earphone mic+Mouse pen)
-When she bends close to the student, ‘Li�le Bee’ will reduces the volume automa�cally.
06- Use Mouse pen to caontrol PPT
07- A�er class,Guan uses its magne�sm to assemble 3 modules together. When ge�ng back to the office, she charges it a�er the APP reminds her of ‘Low Ba�ery’.
08- A�er school, she listens to/reviews
to her recording on app and shares students’ moment with parents.
Miss·Bee | 24
03
FUNNY ART Playland System Design based on principles of ‘Art Therapy’ Individual Project 12/2018-06/2019
>This gradua�on project is based on the psychological principles of 'art therapy'. It’s an innova�ve applica�on to the issue-- ‘Anxiety of school-age children’.A funny playland and new interac�ve experience are designed, which achieves ‘Fun in releasing’ and ‘Fun in learning’.
Funny Art | 25
Research in GZ On April 15, 2019
Discover Define Design Deliver 03
INSIGHT Background
‘Art therapy’
‘The anxiety of school-age children’ has become a heated topic recently in China.With the change of social popula�on structure, the pressure of study compe��on is increasing. A reasonable new solu�on must be found.Fortunately,new theore�cal basis and crea�ve technology may give us a good inspira�on.
Art therapy, or art cure, first appeared in the late 1940s. Adrian Hill first defined its core values as "The brain is completely focused on art (and the fingers are busy with it)……(through art) the par�cipant tend to release the crea�vity and emo�on in their hearts. It needs …………
Children between the ages of 8 and 12 have a certain degree of cogni�on and are under pressure of admission(enter junior middle school).They are target users.
Non-verbal mul�-media Afrer reading a large number of references,I summarized and classified key words and sentences into mind maps.
Anxiety
Happinese School-age children
UX
Creative
Art therapy Psychology
Educational significance
Self-value realiza�on
>In the interpreta�on of the applicability of psychology in ‘school-age children’, the following principles are applied.
Possible keywords: Academic pressure
Peer collabora�on
Entertainment
New-tech
Cognitive
Symbolic
Perceptual
Affective
Kinesthetic
Happiness
Sensory
Experience Economy
‘Art therapy/ cure’,can be a creative way to solve ‘anxiety of school-age children’. Funny Art | 26
Discover Define Design Deliver 03
CURRENT SITUATION & RESEARCH >I par�cipated as an assistant in a ‘crea�ve art cure class’ for school-age children in a studio in GZ on April,2019.
‘What makes you happy?’
But a�er that,I think crea�ve solu�on is much more than that.
Me
Q:What are some stress-relieving measures in your school?
Unlike adults who are good at express themselves, school-age children prefer to diverse expression. To understand their ‘happiness’, taking it as the topic, I let the target users paint and write imagina�ve wri�ngs.
Empty Space
A:There are psychiatrists at school, Anxiety sources
but we just heard and haven't been in touch. Some�mes we s�ll do
Simple Toys
homework in psychological classes. Focus Group Many elements of happiness inspire me a lot
Enter Middle school Difficult study task Rela�onships Other
Pain point
01 Almost all of them chose Amusement Park as a place of happiness .
Small effect
Poor Current Solu�ons
Workable ‘Art therapy’
Imperfect status quo
New game rules
Fun interac�on
Play with friends
24%
67%
86%
Opportunity They use rich imagina�on to write ‘happiness’ .
Anxiety of school-age children
Primary schools and society now do not have enough measures to deal with the psychological problems of school-age children.
Solid theore�cal basis, but few innova�on.
But ‘ART cure’ studio now only has ordinary music / dance classes. It should be more interac�ve
02 Mul�-sensory experience and the fun of playing with peers are what they valued most.
Funny Art | 27
Discover Define Design Deliver 03
‘A DAY IN AMUSEMENT PARK…’ What they recorded are……
They enjoyed using camera most.
>In order to learn more about the experience of target users in the amusement park now, I invited 4 sixth graders to have a day in there and followed them up.
01 Colorful equipments
--like to explore everywhere.
Friens’ moments
April 7, 2019, 10: 00 a.m.-3:30pm
MO Xiaodong,11
Luo Ying,13
02
--have more interac�on with friends because of ‘camera ’.
Their common favorite amusement equipment are……
Shy/Reading /Singing Academic average:90-93
>Surprisingly, they showed great enthusiasm for camera.From their photos,I find they……
Zhongshan ZIMALING Funnyland
01
Summary
Camera
Map
02 >They both like…… --game that interacts with friends(e.g.dancing machine )
Recording pen
--Sta�c interes�ng space(e.g. Slide)
Outgoing/Dancing Academic average:85-87
‘Package tour’ 03
Luo Jianhong,13 Conversable/Drawing Academic average:82
>I gave each child a package to record their trip. A�er trip,encourage them to paint/model/�le their ‘trip story’&‘feelings’
03 >A�er a funny trip,they will be more passionate/happy
Zhou Junyou,12
04
to express crea�vely.
Naughty/Ac�ve role Academic average:75-83
Funny Art | 28
Discover Define Design Deliver 03
IDEATION >Taking Amusement park as the design carrier, combined with the results of Research,the principle of 'ART cure' can be used crea�vely.
Observa�on Shape
Task
Creative
hide-and-seek Puzzle
Meaning
Cognitive
Symbolic
Perceptual
Affective
Kinesthetic
Micro-facial Sensory expressions Emo�on Change
Body language Rhythm Logic
With friends
Observa�on
Rhythm
Shape
Color/Shape Explore
Task
Careful
hide-and-seek
A
Happiness
Dance
Interac�on through movement
Touch
Dance
Emo�on Change
A
Give each children a ‘Product’(maybe ‘card camera’),which is used in the whole journey
B
Start
Different interac�ons show different ‘emoji’
B Designed as three different play Areas +‘Feedback’ Area,Use LEGO to organize space and brainstorm.
A
C
Touch/Feel Emo�on ‘Emoji’
C
C
D
>This concept can not only achieve ‘Play for fun’, but also achieve ‘Fun in learning skills ’.So a product is designed to work throughout the process, and record the process for feedback.
Jonrney Learning
Product
Service
C
Logic
Climb/Jump Body movements
B
Climb/Jump
Move/Dance with music in colorful light
Jump/Climb…to find target shape hidden inside
LEGO Map
Product
Visual presentation
Visualize your journey story crea�vely
Finish
D Funny Art | 29
Discover Define Design Deliver 03
BLUEPRINT & STAKEHOLDERS Stages
Enter ‘FUNNY ART’ playland
Play in Area1
Area2
‘Summarize’ journey
Area3
Leave
visualize ‘skill’
Feedback to school/society
Behaviors
Go to Area 1 --‘Colorful Exploration’ Enter
Ac�ons
Get the ‘Card camera’
Go to Area 2 --‘Move body’
Search/observe hidden colorful shape according to the given task Explore in flexible Space
Teamwork with friends
Dance with music/light
Insert and iden�fy ‘Card camera’ as an ‘ID card’
Interact with different Tac�le toys
Print all your recording in Area123
Friends take funny photos
Show game rules
Take charge of Safety issues Guide children to area
Encourage to explore
Paint/finish your speacial ‘Jouney book’
Different emo�onal reac�ons
Take it away
Record different ‘Emoji Face’
Record body movements
Hand out ‘Card camera’
Go to Area 4 --‘Make your Storybook’
Insert and iden�fy ‘Card camera’ as an ‘ID card’
Light up with color you collected before
Shoot the target shape & things around
Frontstages
Go to Area 3 --‘Touch Feelings’
Insert and iden�fy ‘Card camera’ as an ‘ID card’
Leave
Show game rules
Encourage to create Help deal with difficul�es pa�ently
Export
Each child's journey records are uploaded to their own 'Data cloud' Backstages &Stakeholders
>Iden�ty informa�on collec�on >Build cloud database >Update everyone’s journey records >Analysis ‘learning ability feedback’ on big data
Desingers
Suppliers
Pla�orm
test Government Educa�on Social Organiza�on Art therapy’ CLUB
‘FNNY ART’ playland
School-age children Parnets
IQ
Abili�es improvement Outsight
‘FNNY ART’ playland Teamwork Skills Funny Experience Create
Creative Teachers
Mutual assistance
EQ
Interacive space
School
Art
Happiness Funny Art | 30
Discover Define Design Deliver 03
SPACE DESIGN Analysis
>Simple staggered space, diversified color selec�on, safe material.Create a crea�ve and happy world--‘FUNNY ART’ for school-age children to learn in fun art.
>It is composed of 3 play Areas + 1 ‘storybook’ produc�on area.The spa�al distribu�on should be in line with the play route. Each area is centered on the main play space, sca�ered outward and with semi-open flexible space.
>The characteris�cs of the hexagon suit my idea,
1. It can be disassembled into small
modules, and can be combined with each other to provide more possibili�es. 2. Create a vivid space through addi�on and subtrac�on. 3. Organic growth, consistent with the surrounding environment, making future module development possible.
1
Play space elements：
1
2 3 4
2 3
4
Scenario assump�on：
Funny Art | 31
Discover Define Design Deliver 03
EXPERIENCE DESIGN >A semi-open area ,is also an interes�ng space made up of staggered square, in which children can play freely.
1.They have been given the task of taking pictures (such as looking for orange triangles). 2.Look/Climb around , find hidden target shapes,and shoot with ‘card camera’.
>A�er a trip to three Aeas,
1. Print their own records. 2.Complete the "Journey Story Book" with drawing/cu�ng, which is bases on their own experience record.
04 ‘Storybook’ Area
01 ‘Colorful Exploration’ Area 02 ‘Move body ’ Area
>Inspired by "dancing machine", children’s favorite amusement facility. 1. Insert the ‘card camera’,which collected color in Area 01 , into the device. 2. Collected color will light up the ‘dancing space’, and the children will step on and move with the light.
03 ‘Touch Feelings ’ Area
>A�er inser�ng the ‘card camera’ into the device, they can feel the change of mood through the interac�ve touch sensors. For example, if they hug it, ‘happy emoji’ will show on screen, at the same �me ‘card camera’ will record ‘emoji’.
Funny Art | 32
Discover Define Design Deliver 03
PRODUCT DESIGN ‘Card camera’ & Print device
Journey Story Book kinesthesis
Print device:
Card Camera: Like a park ID card Portable toys interacts with every device Fun to play with
Interes�ng way to be recognized You know how to do it Surprise
>It acts as a visual carrier of learning ability improvement during the journey. The three chapters in the book correspond to what they have learned in the three areas.
Cognitive Affectitve
>01 Iden�fy more shapes in Area1 and paint them
>02 Outline the body movements and use sentences to describe it.
>03 Paste the collected ‘emoji’ with different tac�le materials.
Logo :
Emoji S�ckers Color card (cover the photos to make a new color ) >Big View frame
>Interphone (talk to friends)
>Insert like a tape
>press the bu�on (to get the journey record)
Seal
Funny Art | 33
Discover Define Design Deliver 03
SCENARIO & FEEDBACK Take ‘Card camera’ to make my ‘trip record’
Also keep in touch with friends MO:When I fill out the 'journey story book', I feel more fun than filling out any other workbook.
Luo:If I finish playing ‘Funny Art’ Park and make my own book; I really
Print my ‘exclusive journey record’
want to take it back to my parents right away and show them!
Miss Lee:This concept is really great and can help children get rid of phones. But maybe a wearable color camera is more suitable for naughty boys.
Create my ‘Journey story’
Follow steps and use interes�ng tools to play with it
Funny Art | 34
04
EYES ON YOU Interac�ve Device Design to sa�rize ‘data leakage’ Individual Project 05/2018-06/2018
>In the era of ‘Big Data’, your informa�on, which define who you are in the database, is leaked inadvertently.It's just like countless eyes are watching you. An interac�ve device supported by kinect and projec�on is designed to visualize this abstract sense of being peeped and to create a sense of ‘uncomfortability’.
Eyes on you | 35
Discover Define Design Deliver 04
INSIGHT Background 01-
Mindmap
Moodboard
“
On March 17th,2018, it was released that 87 million Facebook accounts had been affected by the Cambridge Analy�ca breach. Users only need to answer some irrelevant questions for entertainment, and they can get bonuses. Meanwhile,CA collect their personal data.
”
>Thses are ques�ons such as'Which TV show is your favorite?' They seem irrelevant.But a�er ge�ng enough data,the company use algorithms to analyze your profile data and even iden�fy personality traits related to vo�ng behavior.
02- What’s more…… Call recording
Browsing history
APP contacts
Your personal informa�on can be secretly trafficked and used for fraud when you’re not even aware of. ‘You're being watched!’
Eyes on you | 36
Discover Define Design Deliver 04
IDEATION Coding Analysis
Brainstorm Concept 01
How to transfer data from A-end to B-end that controls projec�on? B-end
A-end
Set up with 'django'(a kind of web framework)
Concept 02
Answers become eyeballs.
A class template that disposes the data users fill in.
Concept 03
Follow your movements
Put 'POST'(users' data) into a background file named 'message.txt'
The answers are converted into tags that define you based on a background database, and become visual projec�on effect. Eyes on you | 37
Discover Define Design Deliver 04
REALIZATION Front end
Answers
#Tags ##Like shopping
01 Be a�racted by the prompt text and finish some'basic ques�on'
02 Pass the projector
when leaving,and find another himself surprisingly.
##Star-chasing
03 Human shape surrounded by eyeballs and tags.
Database ##work in BJ
Uncomfortable eyeballs and Tags make 'unconscious data breach' visualized.
Background Data processing step Step 01
Step 02
Step 05
Step 03
Step 04
Iden�fy ac�on by Kinect
Change into models of spherical rota�on in Unity following the skeleton that iden�fied by Kinect
A bridge that transfers data among different A&B
Database of Choice Ques�ons Such as Q:'What's your favorite TV show?'
A-end 10 choice ques�ons about basic informa�on and preferences
sta�c file named 'message.txt' Read the data in order and translate every choice answer into different #TAGs in database.
A:‘Produce 101’( featuring female trainees show) B:'Approaching Science' ………… Maybe you are## indoorsman ##Netsurfers ##Star-chaser
“./message.txt’’
B-end
Chage into revolving ##Tags
Eyes on you | 38
Discover Define Design Deliver 04
DISPLAY Code testing
Modeling in Unity
Final Fill in on the phone
Surprised to find…
Space material tes�ng >Laser Cloth,whose shimmering and transparency is perfect for ‘Eyeballs’projec�on, and is suitable for crea�ng a psychedelic atmosphere. 1:10 scale to simulate actual space
Moving humanoid eyeball
‘Tags’ and ‘eyeballs’
Visitors’ tour
Following Eyeballs and the labels make you feel uncomfortable
It makes you realize… Eyes on you | 39
Discover Define Design Deliver 05
DISCOVER
05
TEATALK Crea�ve Experience Brand System Design for ‘24 Solar terms’ Teamwork Project
How much do you know about the 24 solar terms? (data fromXinhua news in2018) Specific meaning A li�le
01
Totally no idea
12% 20% 68% China’s �me-honoured tea culture is enjoying a resurrec�on and is popular among young people. Fusion Tea-drinking has become big business since 2017.But huge traffic o�en leads to a long queue for a cup of tea.
Status Analysis
04/2018-06/2018
>Combined with the 'new retail era' and the popular Tea-drink business model, TEATALK is not just a cup of tea that can tell you how ‘seasons’ taste,but also a friend leading you to Touch seasons. >This project won the ‘Star Award’in China Intangible Cultural Heritage Design Compe��on and was displayed in ‘Beijing Design Exhibi�on’in 2018 .
02
China's "The Twenty-Four Solar Terms" are listed on the Representa�ve List of the Intangible Cultural Heritage of Humanity.But most people don't know much about it.
Do? Low popularity Unwilling to find �me learning Few funny ways to learn
24 solar terms
It has to take a long �me Can not leave Bored with nothing to do
Place?
+
Long queue
New Tea shop
=?
High popularity Willing to go inside /spend �me A Very trendy prac�ce
>Combine Low popularity with High popularity. >Add fun knowledge to boring �me. >Finish interes�ng things in wai�ng space.
Time? Teatalk | 40
Discover Define Design Deliver 05
SERVICE STRUCTURE & DESIGN Interac�on Zones
Customers can spend their �me in it when they are wai�ng or enjoying drinks.
Combining offline and online gives a fuller experience
Pets of Solar terms
Queue area
Free-to-play mobile game With interac�ve AR
-Interac�on projec�on on ground -Guides lines with 'games'
Product Display
VIPs System
-Tangible 24 solar terms products
PRE-PAID & Discount
Game porp store
Introduce ‘24 solar terms’
Encourage
Creative Brand
Guide
Experience Store
01
Order Area Produc�on area
Drinks-taking area
Scan packaging and poster ,season-related Game props of Elf appear, such as ca�ail leaf fan in Summer Sols�ce.
03
-Games about '24 solar terms' in Interac�ve screen -Kill boring wai�ng �me
Visual produc�on line in open
03 AR photo area
Project seasonal scenery on the ground, such as Cherry Blossoming in spring.
Experience Zone
APP
Combine with Offline ac�vi�es
Knowledge
01 Surficial Interac�ve projec�on in queue area
02
>Combine customers’ experience process with the dining process
02 4D interac�ve tunnel about solar terms
(Look menu - ordering - taking drinks - enjoying) in space.
Take 'Summer Solstice ' on Jun 21st as an example:
Leisure area
Interac�ve photo Area -AR Posters &Packaging -Share photos online
Make abstract solar terms knowledge touchable with interac�ve device that combines hardware and so�ware. When moving,anima�on effect about custom in ‘Summer sols�ce( 夏至)’ appear, as well as related ancient poems.
Teatalk | 41
Discover Define Design Deliver 05
DETAILS & MODEL DEVELOPMENT Model applica�on
Menu &Order Screen Design
This new combina�on of online and offline retail is suitable for cultural communica�on, so it can also be applied to other tradi�onal Chinese cultural themes.
+ Season-limited Drink recommend
Wheel disc style
Choose Tea-base
The 12 Chinese zodiac
Choose Tea-seasoning
Branding & APP Teatalk
+
--‘Drinking our Tea then you can feel different Solar Terms vividly, just like it is talking to you like an old friend ’
Chinese operas
Spring
Summer
Autumn
Winter
+ Theme illustration
Game props list
First Page-Elf's place Photograph with AR image
…………
Chinese kungfu
Teatalk | 42
Discover Define Design Deliver 06
IDEATION
>Wind always passes by us silently so we always ignore them.But wherever the wind goes, it is their traces. >"If only I could catch the wind at this moment!" But how?
06
Quan�fy the abstract wind.
WINDING
Wind
Concept Interac�ve Device for ‘Wind’
+ Water + Chinese Ink Painting =
Design an game that interacts with the wind,also a conceptual interac�on device.
Individual Project 08/2019
>When the breeze comes, I want to catch it and collect it forever. This interac�ve device is based on ‘Wind+ink in water’.Also it is an ac�vity that calls on people to find nature around them.
Test
The wind was ‘caught’ by the flow of ink.
>Cover the surface of the water wrinkled by the wind with rice paper. Ink
Wind
Winding | 43
Discover Define Design Deliver 06
SCENARIO
Wind Catcher
Brainstroming Wind
Dish print
Hollow
Vending Machine +
Print Box
Put inside Box
Catcher
Touch curiously
Put in a coin
Wind’s Picture Passers-by were a�racted by it
01
02
03
The wind ruffled the ink
The wind is ‘recorded’ right now
04
05
Picture of wind is printed out
06 Winding | 44
Discover Define Design Deliver 06
PROMOTION > In order to call on people to get out of the busy city life and have a close interac�on with nature, the 'Calling You In the Wind' ac�vity was held,encouraging people to ‘catch’ nature. > This concept interac�on device can be placed everywhere, recording the wind any�me, and prin�ng different postcards of wind.
Media Mix
Ac�vi�es official website
Poster ‘Catch’ wind
Sighting spot
Catch the wind
A bite of wind
in this moment
Huang-Yan wind Vending machine of the
Get picture
City central park
Catch the wind
A bite of wind
in this moment
Walk around and get more
Huang-Yan wind Vending machine of the
Catch the wind
in this moment
Instagram &Facebook Fanpage
Public museum
Post online to join ac�vi�es Catch the wind
in this moment
A bite of wind A bite of wind
Possible places
Huang-Yan Vending machine of the wind
Huang-Yan wind Vending machine of the
Branding Winding | 45
INTERACTIVE H5
>Internship projects in DIDI Co., Ltd.,more than 634,000 hits in two provinces.
01 Safety class H5
07
--Highlight high-risk behavior of ride-hailing process based on big data
Checklist
Slide screen
Possible accident
OTHER WORKS Selected Works in college/internship Individual Projects 2017-2018
>They are projects in my college life, including internships program in ‘Didi’ Co., Ltd., workshop project in Loughborough University, hobbies, etc.
Arrive safely
Landscape mode
02 Raido H5 --Highlight high-risk turnout behaviors at night from data analysis from 'Risk Repository'.
Radio Broadcast ‘The city is not closed tonight,so is safety’ Sleepy
Jaywalk
Overspeed
High beam
Keep space
Dynamic Mini Game Play Phone
Sharp curve
Other works | 46
PRACTICES 01 Workshop
PHOTOGRAPHY 02 Handmade&Rendering
--product design in Loughborough Uni. Discover
Printworks
Aerial photography
--I like to see the world from different angles
Sculpture
GuangZhou
Define
Design
Hydrone --an Unmanned Aerial Vehicle for forest fires surveillance
Beijing
SCUT
Deliver
Atlanta NanSha
Hongkong
Hongkong
Other works | 47