Contents
01 P04-17
Service System Design
Product Design
04 P33-37
APP system Design
Visual Design
05 P38-42
02 P18-28
Work Design H5
Interactive device
06 P43-45
03 P29-32
Other works
07 P46-48
NO.1 Interactive Design/Experience/Visual Identity
好茶知时节
Brand Service System Design
2018 Apr.-Jul
In order to 'kill' the long-queue time and learn about'24 solar terms' in a better experiential way.' 好茶知时节 ' provides a complete experience system based on OFFLINE store to ONLINE APP.
Background
“
“
The system provided a time frame for agriculture and everyday life.
"The UN Educational, Scientific, and Cultural Organization has inscribed China's "The Twenty-Four Solar Terms( 二十四节气 )" on the Representative List of the Intangible Cultural Heritage of Humanity."
How much do you know about the 24 solar terms?
12%
Culture Background Ancient China
SO,……
But in 2018
2016.11.30
68%
Know their specific meaning Just know a little Totally no idea
20%
1. Intangible cultural heritage needs to be passed down. 2. Fushion Tea wins over young people! 3. But……Long queues are always annoying!
Social Trend
"China’s time-honoured tea culture is enjoying a resurrection thanks to a whole new generation of enthusiasts who are giving the old-fashioned pastime a modern reboot" ——《ChianNews》
“
Traditional tea cannot satisfy the demand of young Chinese consumers born after the 1980s anymore.They prefer variety of tea flavours. What' more, tea-drinking has become big business since 2017, attracting passionate investors .
”
1/13
Inspiration What about‌‌
Problems of inheriting solar terms knowledge
Low popularity unaware to protect Unwilling to find time learning Few funny ways to learn
Do? Place?
+
High popularity Willing to go inside and spend time A Very trendy practice
Problems of waiting in a longlines
It has to take a long time Can not leave Borded with nothing to do
Status about Fusion Tea shop
=?
Combine Low popularity with High popularity. Add funny knowledge to boring time. Finish interesting things in waiting space.
Time? 2/13
Further Reasearch
Conclusion
Reaserch about Chinese Fusion Tea shop Brand Mapping
Chinese Tea made in Weatern way
Fashion Healthy Tea
Price:¥10-18 who :young lady Where:Changsha
Price:¥12-20 who :focus on health Where:GZ
Brand extension of“王老吉” Traditional Store-sale
Chinese style peripheral products Online-sale &Offline Store-sale
Experiential
Fusion Tea Inspiration Tea Price:¥22-30 who :fashion youngs Where:15 cities
Propagandize on social media Store-sale &Takeaway
The Blank of waiting is still not filled which weakened consumers' experiential.
Products Serious Product homogenization. No one combine Chinese tea culture truly.
Further Analysis Experiential Customer loyalty
Brand "MOOD BOARD" Beverage health degree
Differentiation Tea flavours
Marketing ability
Marketing Obvious online and offline trends. Brand marketing is not enough.
Cultural value
3/13
User Reasearch
Persona
Questionnaire Analysis &Costomers features Healthy &24 Solar Terms
Drinks Choice
Experiential
94%
Likes challenges and has his own vision Early adopter, Perfers to creative some new flavor himself But drinking milk tea recently makes him fat Focus on Taste
LAN.WANG
25
Programmer Pursuit of trend
74%
XING¡ZHAO 27 Designer
74% 68%
65%
Outgoing Shares on social platform Enjoys interesting thing Download 'Starbucks' APP and SADLY finds it for online payment ONLY .
Health-oriented
Accept Prefer to Perfer to dine-in Chinese-style drink Fusion Tea but no special experiential Health preservation Willing to try Willing to study new-style Tea shop 24 solar terms
Beki
21
College Student
Regular Daily routine Usually drinks Medlar Tea in morning Milk tea does not match her health concept 4/13
User Journey Map Change points Timeline
Discover Look for Shop
Order the drinks
Go inside
Look menu in details
Find it
in cash Look around
Take your drinks
Enter
Look menu
Wait in line
Order drinks from waiters
Enjoy
Get out & Feedback
Wait in line get order number
by phone
Behavior
Drink-in
Like leave
get drinks Takeaway
Complain
Emtional Experience Pain Points
Can't make decision among so many sametype shops. No tasty healthy drinks.
Not attractive enough. Unclear shop image. Few clear way to get discount.
Unclear order guide. Inconvenient order steps. Long waiting time. Messy order-information. Poor Call-number experiential.
No convenient Feedback. Unwilling to visit again. Few special drinks. Poor leisure experiential. Lack of enough saets. 5/13
Exploration Change points
Points priority ranking
Pet of Solar terms
Queue area
Free-to-play mobile game With interactive AR VIPs System
PRE-PAID & Discount Better experience consumption Game props Store
Brainstorming
Combine with Offline activities Knowledge of solar terms
Spread knowledge Brand added-value
Specific Service Structure
APP
Product Display
Tangible 24 solar terms products
Interactive Experience Zone
Games about '24 solar terms' in Interactive screen Kill boring waiting time
Order area
Creative Order screen DIY unique drinks
Production area
Visual production line in open
Drinks-take area
Wearable devices for Queue number
Leisure Area
Brand-style Decoration
Interactive photo Area
AR Posters &Packaging Share photos online
Encourage
Creative Brand Guide
Experience Store
Interaction projection on the ground Guides lines with 'games'
6/13
Sketches
Visual Identity Design Logo Exploration
1
Inspire from scenery in different solars terms. 从不同的节气风物风景提取灵感
Soft curves of mountain
2
Flyers' line in Chinese paiting
3
Using fluctuated cropland
4
Tea-leaves growing roots
#83a576
《春夜喜雨》 The brand name inspires from an Chinese poetry 2
1
Alao means '24 Solar Terms'
好茶知时节
3 4
好雨知时节，当春乃发生。 Rain has come just in time,in spring as if it is wise.
随风潜入夜，润物细无声。 Silently it began at night,and watered everything
“一杯能感知不同节气风物的茶才是好茶。” ‘means Tea which can perceive different Solar Terms is the good tea.’
好 茶 知 时 节 7/13
Visual Identity Design Theme illustration design
Inspire from scenery in different solars terms and 4 seasons
Peripheral products
8/13
Menu &Order Screen Design
24 solar terms represent different drinks-relish
Visualized Tea drink customization process. Different visual effects when adding different materials.
→
→
……
Inspire from principle of 24 solar terms,simulate the position of the the sun on the ecliptic.
Season-limited Drink recommend Wheel disc style
Choose Tea-base
Choose Tea-seasoning
For example ,'Vernal Equinox（春分）' refer to peony Pu 'er Tea （牡丹青饼）which blossom near that time. 9/13
Experience store design Fit with the experience process
Combine the customer experience process with the dining process (Look menu - ordering - taking drinks - enjoying) in space.
Production Area 1
2
Leisure Area
1
Self-help order Area 3 1
2
3 3 Interactive Experience Zones
1 Surficial Interactive projection in queue area 2 4D interactive tunnel about solar terms
In order to facilitate the entrance and end in various scenarios, The process is combined in a semi-circular open space.
3 AR photo area 10/13
3 Interactive Experience Zones
Let's learn about solars terms in Entertainment 2 4D interactive tunnel about solar terms
Experience the solar terms through “Audiovisual touch” EYES： Dynamic scene illustration about current season. EARS： Music of current solar term,such as traditional Chinese folk music.
Customers can spend their time in Interactive Experience Zones whether they are waiting or enjoying their drinks. Make abstract solar terms knowledge touchable with interactive device that combines hardware and software. Take 'Summer Solstice （夏至）' on Jun 21st as an example. When no one there:
“冬至饺子夏至面” ——Eating noodles is a traditional custom in “夏至值麦收宜祭祀” —— C e l e b rate s u m m e r JiangNan Area that day. harvest,sacrifice ancestors Since ancient times " 夏至日，进扇及粉脂囊，皆有辞 "
BODY： Moving with VR technology and dynamic capture technology. NOSE： Natural fragrance awaken memor y of different seasons.
" 以夏日至，致地方物 魈，过夏麦，夏祭 "
——Women give each other foling fans or rouge to cool off.
" 吃过夏至面， 一天短一线 "
When moving,animation effect about custom in ‘Summer solstice( 夏至 )’ appear,
And related ancient poems. 11/13
3 Interactive Experience Zones
Let's learn about solars terms in Entertainment
3 AR photo area
1 Surficial Interactive projection in queue area
Project seasonal scenery on the ground, such as Cherry Blossoming in spring.
It not only guides customers to queue,but also raises interesting in boring lines.
Scan decorative poster in different season with APP,diverse AR image apper. Scan packaging ,season-related Game props of Elf appear, such as cattail leaf fan in Summer Solstice( 夏至的蒲扇 )
Such as bonfire and moon in Summer Night
12/13
APP Design
Storyboard
When you walking in ' 好茶知时节 ’ Tea Shop……
Combining offline and online gives a fuller experience 'Solar Terms-Elf'( 节 气 精 灵 )APP provides a Light-entertainment way for customers to learn '24 solar terms' in Free-to-play mobile game.Its fuction and offline store promote each other,and advocates the new health trends.
Attracted by storefront display
Follow the ground projection into the store.
Go to the buffet ordering area
Seasonal Drinks Recommendation
First Page-Elf's place
Catalogue
Current 'solar term' Introduction
Get wearable devices for Queue number.
Scan posters or packaging/ Photograph with AR image
Save/Share online
Game props list
Scan & get AR games props
Details
Decorate Elf with seasonal PROPS
Heading to Experience Zone while waiting
Take customized drink
Feeling 24solar terms and learn about that
Scan packging and get Game props of Elf.
Vibrational wearable devices remind to take finished drink
Take pictures with AR image in front of poster.
13/13
NO.2 Interactive Design/Public Equipment Design
Inspire-Trip APP Design
2018 Jun.-Nov.
In order to cater the bigger and bigger art industry in the market, the demand for small leisure trips on weekends,'InspireTrip' makes phone become a touch point for the entire journey conveniently.
Background
Report about Market &Trend
Market transaction size of Online Tour-around in China (During 2012-2017)
215.14
Design Workshop
Market transaction size/Billion CNY Growth Rate/%
Emerging diverse artistic activities
156.78
Art Exhibition
Art Activities
Small salon
112.74 41.51
i-mart
2012
2013
Art Shopping-Shop
2014
2015
2016
Flash Art
Internet +
(creative market)
69.52 26.05
Museum
Gallery
Praivate Collection
…………
Livehouse
2017
Souece:Analysis YIXIAN
1/11
BUT…… "It’s rare to have a small weekend, but I didn’t notice that the museum was closed." ——Sherly,22 "I wanna go to see the exhibition, but I am not familiar with the environment nearby." ——George,35
Few people satisfied with their small trip.
Field Research
What I found in GZ……
I conducted a one-week random survey in museums, exhibition halls, art salons, and manual workshops in GZ. Some basic information are listed as followed.
BACKGROUND I
41%
59%
male
female
plans on weekdays
80% 60%
People have paid more attention to the art industry and leisure travel. Many exhibition plans are arranged at random during the fragmented time. However,many small leisure travel plans were not ideal . (e.g. unreasonable time planning ; the exhibition hall has been closed; the content does not match, etc.)
76%
50.4%
40% 20%
22.4%
21.5%
2.5%
plans on weekends 2.9%
0%
<19
19-25
26-35
36-45
46-55
0.3%
>55
2/11
User Reasearch
PERSONA I
Better portray the psychology
Name:Mia Age:25 Job:Designer
“Sometimes it’s a place recommended by my friend, sometimes it’s a place that I really wanna go.”
Reading
—Miss.Zhang,29,artist “Exhibitions, salon events, art workshops... they are all my favorite activities.” —Miss.Huang ,18,college student
Social contact Schedule
Weekend
Photograph
instant online celebrities
A regular small leisure trip process (take visiting exhibition as an example)
OBSERVATION I Start
Chatting online
Art workshop
Character Tag→
Handmade
Rely on the Internet
Leisure
Literature and art
Lifestyle
—Mr.Li ,35,senior manager “Sometimes I also want to know about their art industry via participating in some art leisure activities when I go to new places.”
—I work from Mon. to Fri. —On weekends,I like to play with friends or hang out by myself. —I have high quality of life, I am keen to participate in some art-related activities, and I like to arrange things well.
1.Search for information
2.make a plan
3.Go to destination
4.Visting exhibition
5.After the museum
6.Ready to next place
WHERE ? WHEN? WHAT?
CONFUSED..
SO MANY !
MAP?
FEELINGS
3/11
User Journey Map Find out pain points
4.Departure
5.I-N-G
5.Next?
1.wanna go out users' mood: journey start:
2.Search and collect information
Located in a strange place,some specific path cannot be navigated.
?
3.planning
Pain points:
?
a.Sometime there is no commentators but the experience is poor when they show up. b.Guided introduction system is not perfect. Few social platform to c.Low absorption rate, poor user experience. explore feeling with Likeminded people.
? a.Too many complicated factors need to be considered. b.Unclear with the activity time c.No customized itinerary.
?
?
a.The information is scattered everywhere. b.Miss some interesting news without being recommended. c.Few useful comments.
? Audio guide
4/11
Competitive Products Analysis Brief Brand Concept
User group details & Comparison of THREE. Female
Name
100%
Male
Gender
First-tier city
Second-tier city
Third-tier city
Fourth-tier city
City Development 5.2%
Positioning Slogan
懒人周末
Where to go on weekends
Lazy Weekend
An APP that focuses on creativing a better experince for people on weekends.
80%
VART
A personalized content APP that recommends a sophisticated weekend lifestyle.
An APP that organies and presents global art exhibitions with Online audio guide.
"There will be a good life when meeting weekend."
"Every weekend will surprise you."
"Visit the art exhibition all around the world."
Spring
Scenic spots Family Trip
Exhibition
Welfare
City Tour
Music Drama
Cooperate with multi-party merchants; Cover a wider field.
City Activities
Lovers Trip
Reading Party
Art Activities Specialinterest
Initiated in person
Carry out more Theme tours under the sharing economy model.De-massified
28.8%
56.6%
Gellary
Art Exhibitions Social Media
Same city Artists
Abroad Comments
Online Audio-guide
No APP on the market that combines art guides and leisure activities. No customized function for short-term leisure activities.
20%
64.7%
56.5%
43.4% 33.5%
36.3%
Age
<24
24-30
31-35
36-40
>40
VIP
business model
Focus on art exhibitions with online audio-guide,the places of artists.
OPPORTUNITY I
71.2%
40%
0%
“看遍全球艺术展览”
Sharing economy Public
63.7%
43.5%
60%
“每个周末都是惊喜”
Fram Village
26.8% 67.5%
“遇见周末，美好生活”
Initiated in merchant
Kerwords
周末去哪儿
Women are larger than men. Mainly distributed in first-tier cities and second-tier cities. Mostly are younger than 35,pay attention to youngers who cares more about Life Quality. 5/11
COMPETITIVE PRODUCTS ANALYSIS II
â&#x20AC;&#x201D;â&#x20AC;&#x201D;Brief flow chart Like&Share
Location
Homepage
Time Classification of activities
Hot sale
Place Join in
Homepage
Search
Discovery
Location
Location
Classification of activities
Message
Hot sale
Team Activities
Guess you like
Nearby
News
Like&Share
Classification of Exhibition
Time
Exhibition
Place Book Price Hot-sale activities
Details
Message
Merchant
Consulting reply Merchant news
Mine Setting
Orders
Comment Invitation
Personal data
Message set Suggestions
Mine Setting Log out
Version update
4 primary categories are similar in importance. Discovery and classification are saparated,which is easy to distracte the users.
OPPORTUNITY II
Likes
Nearby
Explore Friends Topic Write
User Center
Setting
Suggestions
Feedback Check updata
Version update
Search Info
Comments
My Messages
Personal data
Message setting
Primary categories include Team Activities and Merchants,indicating that it focus more on cooperation. More features and more time spend on the Homepage.
Make a distinction between the important &the lesser one throughout the journey. Cover entire trip(online planning &offline traveling) Better combination of technology and art leisure trip.
Visit Guide
My Private Gallery
Mine
Interests' label
Photos
VIP Exhition
Search
Orders
Notification
Likes
Details
Score
VIP Member
Timeline
Custom-made
Details
Related Series
Buy
Highlights
End soon
Online Exhibition
VIP
Category
Open soon
Planning
Sign out
More primary categories with duplicate content. VIP features dominate. Focus more on art social platform.
Head to
Arrive
Visit/Watch
All in an app on phone
Part-End Share/Feeback
Make your trip fun and easy
6/11
Design Definition 1
Interactive Posture throughout the process
Search Information
Take pictures for exhibitions
Different finger movements
Navigate to destination
Scan QR code to get Audio Guide
Opportunity 1.Phone is needed throughout the process.
2.Rotate the screen & fingers touch movements cover the whole screen. 7/11
Design Definition 2
A complete system thatâ&#x20AC;Śâ&#x20AC;Ś
2 Make a trip plan
Provides a claer,convenient steps to collect leisure activities Smart sorting trip-list plan according to perferences Cover entire trip from planning to sharing
1
Search Info 2
Planning 3
Head to Arrive 4 Visit/Watch Part-End 5
Share/Feeback 3 Live navigation 1 Ready for trip/sites near around
4 Tour-guide/smart map 5 Comment/share 8/11
Pages Details I
When I want to make a plan for my trip
When Searching Info. ……
Quickly Mapping Button How they play?
Recommend leisure activities according to your searching history and favorite lists.
Design Code
Updata and Inspire from others' trip list.Brief Places and schedule are listed.
Quickly filter by 'Categories' and 'Open now' and get what you want.
Details about others' stories
If you want to know what's funny places around you or start trip right now,you can get into this inspire-MAP.
Icons for Navigation Bars
When Heading to destination When Making your trip plan…… Inspiration Exhibition
Comments
Mine Easy Custom-steps about Design your plan.
Color #8080b8 Main color #ccaacd Sub color
A bar that displays visual progress.
According City,Acitivities, Periods of time,Transport and trip style to calculate the most perfect trip-plan for you.
#e3ae48 Highlight color #666666 Text color
AR MAP: Efficient way finding the places. Leisure activities that you put into Want-list before.
9/11
Pages Details
When I arrive at the destinationâ&#x20AC;Śâ&#x20AC;Ś
When Visiting the Exhibiton
When Tickets/3D glasses or kinds of things are needed
Step #1 Make your trip-plan list on phonr or this screen. Or BUY tickets/side-line range of products.
Audio positioning guide No less than three GPRS continuously perform location data broadcast, Phone accept it and sent to MainServer.MainServer analyze it and determine the location of Phone and pushes the corresponding navigation information.
Step #2 Scan the QR code that trip needed and get things ,such as movie ticket/exhibition ticket/3D glasses/Products. OR Print the trip-plan list.
Product Information
MainServer
Location data
Step #3 Get things
Positioning the base station (GPRS)
Step #B if you have no idea,you can press the button and choose a s u r p rs i n g t r i p - l i st a n d decide your leisure trip.
Vending Machine Distributed in popular locations
Join in
Buy tickets
Scan differnet Exhibition Products,different AR commentaries shows on Phone,Specific details are pointed as well.Such as various pattern in the blue-and-white porcelain.
10/11
Usage Scenarios
When you use it in reality
3 Use 'AR Map' Navigate to destination
1 Let's start our trip!
2 Search Info &DIY my own trip plan
5 Scan exhibits and show AR information
4 Listen to 'Audio positioning guide'
Interactive with exhibits;Play with friends(phone/ipad) 11/11
NO.3 Interactive device Design/Visual Design/Modeling
Eyes on you
Interactive device design
2018 Mar.-Apr.
Although everything is convenient to get on network,everybody looks like prey in a dark forest.Hunters are spying on you secretly.'Eyes on you' makes it visualize as a wake-up call.
Background
Do you know ……
Data breach unconsciously in Big Data Era.
“
In March 17th,2018, 87 million Facebook accounts had been affected by the Cambridge Analytica breach has been revised. Users only need to answer some irrelevant questions for entertainment, and they can get bonuses. At the same time,CA collect their personal data.
“
”
The Facebook data breach wasn’t a hack. It was a wake-up call.
”
Your browsing history are under wacth.
Then it will push you related ads that talk about.
Contacts Read's permission are allowed when you’re not even aware of.
Your personal information can be secretly trafficked and used for fraud.
Definition Process Key words
Catch and Hunt Record Secretly
Thses questions such as'Which TV show is your favorite?' seems irrelevant.But after getting many data,they use algorithms to analyze your profile data and even identify personality traits related to voting behavior.
Call recording maybe secretly recorded
Spy on YOU Unconscious leakage
Big Data Era
Mood Board
Stare at you
Data Breach
Eyeballs
Under Close watch It is in everywhere
##Tag Scared Terrified
make a profit
with us
An interactive device that
Make unconscious data leaks tangible Make abstract uneasiness visualize 1/4
Design Concept
Uncomfortable eyeballs and Tags make 'unconscious data breach' visualize.
When people walk into this ironic interactive device
Be attracted by the
Pass the projector
prompt text and to finish
when leaving,and find
some'basic question'
himself surprisingly.
Human shape surrounded by eyeballs and tags
Background Data processing steps
A-end
Set up with 'django'(a kind of web framework) Project image by Projector
Step #2
Step #3
Step #4
Step #5 Database of Choice Questions
A class template that disposes the data users fill in
Step #1
Such as
Q:'What's your favorite TV show?' A:‘Produce 101’( featuring female trainees show) B:'Approaching Science' …………
10 choice questions about basic information and preferences
static file named 'message.txt'
Put 'POST'(users' data) into a background file named 'message.txt'
A bridge that transfers data among different A&B
Identify action by Kinect Read the data in order and translate every choice answer into different #TAGs in database.
Change into models of spherical rotation in Unity following the skeleton that identify by Kinect
Maybe you are ## indoorsman ##Netsurfers ##Star-chasing
B-end
Chage into revolving ##Tags
2/4
Testing
https://v.qq.com/x/page/y0689gw809f.html
3/4
Concept 2
1
Boring Painting
2
What if they interactive with youâ&#x20AC;Śâ&#x20AC;Ś
3
Mona Lisa's eyes on you
Process
4/4
NO.4 Disaster emergency/Aid System Design
Hydrone
Product Design 2018 May.-Oct.
HYDRONE (Hydrant + Drone) is an Unmanned Aerial Vehicle based guardian system for forest fires surveillance, detection and fire control purpose. It delivers fire extinguisher ball to the fire location in the shortest time and control the fire effectively.
Background
When people walk into this ironic interactive device
What causes a wildfire?
spontaneous combustion of dry fuel
Lightning
”
Fast-moving and aggressive wildfires wilfires were scorching California in October,2017.They killed at least 42 people and destroyed more than 7000 homes and bussinesses.Unfortunately,it happened again in November,8th which caused bigger damage. "The day Paradise burned down"
Huamn-caused
But it grows very quickly Most disaster starts out as a small accident or mistake.
Time/mins
Golden rescue time
Traditional rescue method
"Wildfire survivors: 'We swam to safety" "Joe Richabaugh Lost His Home in the Woolsey Fire"
Volcano
Temperature/K°C
“
Wildfire Becomes Deadliest in California History
Mostly
Generally
2.send signal
1.Discover fire Aerial Picket
Outposts Patrol
5.Fire gets bigger during the way
3.get signal Fire fighting vehicle
4.leave for
1/6
Design Process
Grasp golden rescue Time 1
Opportunity Long distance and steps away from the fire But Controling fire as soon as possible is the key How might we cut rescue time at early stage of wildfire with a 'flexible Small fire extinguisher'
2
Idea
Drone(stan-by &patrol)
+
Fire Extinguishing Ball
+
Base Station(On the edge of the forest) 3
Analysis
But present Drones look unwieldy with Big Dark Shape Makes it 'Light' & 'Flexible' truly
Footloose Dragonfly
2/6
Product Research
Analyze the man-machine dimensions of drones on the market Field survey in Dji drone shop
Physically measure the human-machine ratio of drones
Collect official measurements
Observe the details FROM each perspective â&#x2020;&#x2019; 3/6
Final Design
Inspire from dragonfly The form of HYDRONE developed from the dragonfly. It seems like a dragonfly carrying a water drop.
1080p Camera,real-time Recoeding and fire monitoring
Fire Extinguisher Ball is a fire suppressant packaged in a compact and lightweight ball that self-detonates in 3 to 5 seconds when it comes into contact with fire and disperses non-
LED siren,fire location indicating
toxic chemicals to extinguish the flames in an area with a radius ranging between 120 to 164 square feet. 4/6
Rendering scene
Model details &use in wildfire
Fly like a Dragofly
Another color
Flying through the forest 5/6
3D Solid Model 3D Printing
Scaled Model(1:2)
3D Model Details
Model in SolidWork
Flying with sky
3D Printing Factory
6/6
NO.5 Illustration/Graphic Design/Poster/Card/Invitation
Dream Back Systematic Visual Design
2018 Jul.-Aug.
With China's 90s generations are growing up,their precious childhood memories mostly based on old stuffs which are disappear. shows the them to refresh their memory with systematic visual design.
Background
Further Survey
90s Trend is coming back
What I inspire from Snack bars,old grocery store What elements make up the old feeling
“
Old snacks, old objects are packed in rich colors. Material and intentional get old on purpose, low saturation. Coordinating with a variety of colors, appropriate proportion of color creates a sense of time.
”
China’s Post ‘90s Generation: New Minds, Old Memories
Although the old objects of 90s slowly faded out of the market, they were childhood memories of China's 90s generations.Refresh thier memories about these is new trend.
Extract design style and color
Further Research
Q:How familiar are you with the following items (target age is 10-30 years old)
Concept Exploration 9% 54% 37%
Have no idea what they are Know them exactly
Opportunities Most interviewees have faint impression on old stuffs. Know but I can’t name it, my memory is blurred.
Old stuffs play important role in childhood,Strong nostalgia
Design an exhibition about 90s' old stuffs,using series of Visual systems ,details of graphic design to trigger emotional resonance
'Many old stuffs have appeared in the memory of childhood with vague memory, and now few resale anymore, it feels a pity.' ——Zhang,22,businessman 1/4
Design Process
Explore the best way to convey '90s' RGB 26 25 31 (65%-100%)
Logo Name&Design
Final written version Strokes draft,pick the perfect version
'念旧' means cherish the memory,' 旧 'also means old or old stuffs in Chinese.I start from handwriting and thinking of the concept of 'traditional calligraphy'
Rotation Angle reference Old Posters Fonts.Pleating paper texture makes 'old feeling' Other version
Illustration
Choose typical old stuffs in 90s
Take old duck toy as an example
Old textbooks
2 1
Old Snacks
Extract iconic 'old feeling' texture
Outline and perfect the shape
Sketch
Frog toy
Roll film
Old clssical Bike R G B: 227 197 111 CMYK:16 25 63 0
3 Collect old photographs
R G B: 231 135 95 CMYK:6 58 60 0
R G B: 188 87 53 CMYK:9 77 84 0
Extract typically color
R G B: 108 131 144 CMYK:64 44 37 0
R G B: 160 184 202 CMYK:42 21 15 0
Coloring (Choose 'hand-painted' style to keep looking old)
Old Newspapers White Rabbit Creamy Candy
Thermal jug
2/4
side-line range of products Design
Peripheral products(Gifts)
Explore the best way to convey '90s' Coloring Version
Series of handbags
Exhibition Poster
Postcards
Stickers
Creative things
3/4
Interactive invitation
Open the envelope
Follow the crease
Boring invitation is not going to be attractive General invitation is flatbed page,contents are often being ignored
When 'interaction' add into the messaging process. Funny folding process Combines with MOVEMENTS of Paper folding
Paper folding in 90sâ&#x20AC;&#x2122; Childhood When finishing paper folding,surprisingly find the imformation of the exhibition under your nose! It is you that have to take part in 'Getting message'!
Play with your friends 4/4
NO.6 Illustration/Graphic Design/UI
DIDI Lesson H5 Visual Design 2018 Jun.-Jul.
I finish this project when I worked in DIDI Chuxing Technology Co.Ltd. Use visual H5 Interactions that convey accurate contents to Pre-educate drivers who may have Potential accident.
Turnout Process
Turn it into a funny story
Analyze divers' overall behaviour
Refine Service touchpoints between drivers and passengers
Analyze Data from 'Risk Repository'
Highlight high-risk behaviors
Determine the H5 interaction behavior
Describe Turnout process
As a story line
Slide screen
Copywriting
Pre-educate drivers
Brainstorming Visualize
Related to touch points
at specific times
Drivers who have Potential accident risk according to 'Risk Repository'
Pick up passenger
Landscape mode
Illustration Details
Check before Turnout
Arrive safely
Possible accident During the driveway
Building style inspires from Classic GuangZhou arcade
1/2
Radio Station
Makes you patient and save
##Steps
Conclusion
Analyze accident Data
Highlight high-risk behaviors
from 'Risk Repository'
High accident rate at night
7 kinds of tyical accident
Determine the H5 interaction behavior
Brainstorming
Copywriting
Ridio Station at night
Visualize
Keywords: #Night #City #Car
Pre-educate drivers at specific times
Security class Before nightime turnout Illustration Details
Sleepy
Jaywalk
Keep close space
Overspeed
Play phone
High beam
Sharp curve
2/2
NO.7
Other Works
Course/Workshop/Hobby 2016-2018
Care Mouse
2017.07
Smart Product Design In Loughborough University
Smart mouse for Diabetics Design a mouse based on fixed hardware templates
4 1
3D Print Concept & Clay Model
Background reasearch More diabetes in Europe
Sketch
2
Symptoms
Survey on diabetes
5
APP
3
Persona
Storyboards of paients
6
Details & Scan Model
A flexible mouse for hard-woking diabetics.It can exercise their wrist and warm thier hand that they often feel cold.Also,they can see heart rate in APP.
1/3
'The Moon will not change.'
'The view from the window'
Creative picture books
Package Design for' 徐福记 ' Pineapple cake Display Design:
Inspire from 'The Moon' Display Design:
← Different scenes watching inside the 'window'
Hand-drawn line draft:
Cover Design:
—'no matter what happened to us,The Moon will be there for us.'
2/3
Handmade &Print 1
Painting
Photography Aerial photography
â&#x2020;? 1.Printworks 2.Silk screen printing 3.Risoprint in HK Inkchacha
â&#x2020;?
Sculpture made by plaster and clay
2
New year Package Design
3
3/3