PORTFOLIO
by Liu Yu
Education Tongji University 09/2016-06/2020 College of design and innovation Media and Communication design Bechelor GPA ďźš 3.53/4.0
Award College second-class scholarship Scholarship 2018/12 Outstanding Student Award 2018/12 Excellent interactive design award in UNIQLO future store design competition 2018/01 Top 10 in the innovation competition of LENOVOL intelligent ecological colleges and universities in Shanghai 2017/12
UniversitĂ degli Studi di Firenze 07/2018-07/2018 Summer school
The Future Shop Service design Excellent interactive design award in UNIQLO future store design competition Devision of the project: Concept Design service Design Motion Graphic
RESEARCH AND BRAINSTORMING
SERVICE PROCESS
We surveyed uniqlo's future strategy and target users.
ANALYZE
With “community” as the theme, our project provides personalized services and regularly organizes activities, giving people a sense of security, comfort and warmth.
PERSONA
We have summarized the following characteristics of uniqlo. 1. “lifeware“is the slogan of the uniqlo. Uniqlo can offer all age groups products. 2. storehouse, Uniqlo’s interior design based on the concept of clothing storehouse.
Age: 37 Profession: company employee Dressing style: Pursue a comfortable and simple style of dressing
Age: 23 Profession: student Dressing style: pursue of the individual character and also need some basic items
#Browse the display of goods
Selection
#Choose clothes according to ones’body, preferences, etc
Browse
#Participate in online push pro- #Browse the display of goods motions #Being attracted to products Shared online
Selection
#Choose clothes according to ones’body, preferences, etc
Order
#Online appointment to Line up
#Accept the Uniqlo assis#Participate in offline activities tant's(record the personal data) advice on collocation
Try
Decision
#Move to the fitting room to try #Make decision depending on on clothes the Upper body effect and Economic conditions Sometimes there are queuing problems
Payment
ONLINE COMMUNITY
#Move to checkout
Payment
#Move to the fitting room to try #Make decision depending on on clothes. the Upper body effect and Economic conditions #Online payment can be judged by facial recognition
作为优衣库社区的一员， 积累数据 the customers join the Uniqlo comunity,and the data are got
依托支付平台快速形成社区组织 build the community rapidly by basing on the payment platform.
构成用户在线上线下的流动，循环。 the users can get hard connection with the brand, whatever online or offline.
体验过程减少排队试衣和收银的 环节，创造顾客体验的跟多时间 it reduces the time spending on queuing for fitting and paying, which create more time to experience.
顾客线上给出反馈，社区内部 进行互动
通过社区活动和定制推 送吸引光顾实体店
It's not necessary to continue shopping with clothes
the customers make comments to the purchase process and interact with each others
encourage the customers to go to the physical shop
Lack of effective advice when trying on clothes
大数据给出定制化服务
it offer a personal service basing on the big data.
通过顾客的身材、喜好和所 试衣服的数据给出试衣建议
Emotion Board
Try
Emotion Board
CUSTOMER JOURNEY Browse
Online browse
视频地址：https://www.bilibili.com/video/av52494863
give the suggestions according to the shape, habbits and the data of the clothes
数据化衣服，实体店的体验性和 线上的便携性并存
we shoule treat the clothes as data, it’s important to combine the covenience of the Internet and the physical characteristic to the real store.
Feedback
#Comments on the products.
FUCTION DIVISION
UPGRADE What We Decreased
No waiting
Customers don’t need to queue in line to try on clothes
online payment
choose whether you want to try it queue on line on your cellphone
Gate
Women’s wear area
Children's clothes area
Dressing room
Men’s wear area
Activities area
idea display and new arrival Because the space here (near entrance) is the most direct space to tell customers what to see and whats new. We will display the flagship product of each season, in the absence of new period, this can also be used as a special commodity area.
After enter the store, behind the new arrival area, on the right side of the entrance, is the ladies' clothes’display area and selling area, considering the huge number of women's clothing and women customer, this area covers a larger area than other areas in this shop.
According to the ideal walking line, customers will come to children's clothes area after the women's area, because of the activities that held just in front of this area, and these activities are always“parent-child activities”,and the rest area opposite is also very affective for children with the "mother" who can easily find the childrens’cloth opposite, so,its appropriate to set children's clothing here.
What We Added
私人优衣库
和优衣库最温暖的冬天 ⸺定制您独一无二的圣诞袜
Diy work and Children-parents workshop
Customers can be informed online and experience off-line.
%
10 F
OF
Recycle design workshop
bring your old uniqlo clothes here , then follow us to make your own DIY chairs. Finnally there will be an exhibition about these chairs.
Echo the space language of "arc curve" of this shop, its fitting room also presents "S" shape. There are eight, four on one side. Crisscross saves the remaining space because of the space of the positive and negative, the remaining space can let customer relatives waiting outside, giving opinions to buyers inside, solving the problem that buyers cannot accept peer reference.
Along the street are the three pieces of transparent glass Windows, men's clothing window is on the left of whole windows and the corresponding area is mens’wear display area, red area in the model is the only selling area, the high displayed ones are just there to show the brand features: amount of feeling,instead of being sold.
As the core area of the store, it includes three functions: activity, rest and experience. The activity area meets the needs of various DIY activities which are organized by this“uniqlo community”.Rest area for buyers’companion; In the experience area, the customer can experience uniqlo's featured fabrics and texture(such as light down, fine cashmere...) by placing "new fabrics developed by uniqlo".
Ward Companion Personal Robot Interaction design
Top 10 in the innovation competition of LENOVOL intelligent ecological colleges and universities in Shanghai
Devision of the project: Concept Design Coding
RESEARCH
ANALYZE
We investigated the hospitalization of the elderly from both macro and micro perspectives.
DESK RESEARCH
The proportion of the population over 60 years old in China's total population
INTERVIEW
Our team go to Xinhua Hospital and visited 15 persons including family members of patient, medical workers and nursing workers, and have deep conversation with 5 of them. We discover that there is a strong need of the conversation between the patients and doctors.
INDUSTIRAL DESIGN
STRUCTURE
Mainn hardware: Realsense camera, which have speech module, 3D depth and 2D lens modules.LattePanda, which is a single board computer with windows10.
SKETCH GESTURE
We design 3 ways for users to place the robot.
INTERACTION
Caught in the edge of the hospital bed
The robot have the ability to identify the human motion and voice. It’s can be a nursey and a companion at the same time. voice conversation
take temperature
infrared sensor Put on the desk The robot can chat with patients measure body temperature observation condition
entertainment
navigation
pacify emotion
Holded on the hand for navigation video address: https://www.bilibili.com/video/av24068341/
Branding granphic design Individual work
faster and better
CONCEPT
Your hair is in a mass and you don’t have time to go to the barber’s? Make an appointment online, get a quick haircut at the store, and offer after-sales feedback to get a haircut that’s never been easier.
INVESTIGATION
It’s normal fo the yong prople to feel embarrassed when they are facing with strangers. And people could feel more uncomfortable when someone unfamiliar touchs them expecially in a baber or a salon. Besides. it’s also annoying for the baber’s promotion when they are cutting your hair. There is a quick and simple way to get a haircut nowdays, and it is getting popular in China.
PROCESS
I use the image of a cheetah or clock to represent speed.
LOGO COLOR
FONTS faster and better MONTERRAT
ABCDEFGHIJK LMNOPQRSTUVW 1 2 3 4 5 6 7 8 9 10 11 faster and better
faster and better
MATERIAL
PACKAGING
In order to exploring the new method, we draw the light line to simplified the dynamic state of the
AUXILIARY GRAPHIC
USER INTERFACE DESIGN
In order to exploring the new method, we draw the light line to simplified the dynamic state of the
INTERACTIVE PROCESS
UI DESIGN
faster and better
Lost memory Entertainment design Devision of the project: Game Scenes Design Concept Design Animation Deisgn & Production
交互流程
RESEARCH AND BRAINSTORMING
GAME MECHANIC AND ANIMATION
The research is about the anxiety among young people, which gives us inspirations to set our persona and scenario. According to these, we find our own design principles by brainstorming.
We plan to tell a story about a memory loss robot who making up its past life through a journey. As the story unfolded, users can empathize with the robot and review the reality.
INTERVIEW
GAME MECHANINC
After finishing our interviews given by 5 different types of young people. we find out people have a strong need to spiritual products. we summarize some insights. “Everyone gets dwon sometimes.“ “i don’t want someone negative to accompany me.“
PERSONA
REFERENCE
Age: 23 Profession: workplace freshmen interest: listen to music worries: anxitey to deal with social problems
<Journey>
Left: <Florence> Right: <Losttracks>
DESIGN CONCEPT KEY WORD
DESIGN RULES
Private space
Storytelling
Reliable guidance
Easy to operate
relieve pressure
Strong resonance
without the limitation of time and space
CONCEPT The puzzles in real life expressed in
influence
“Dream” find
exsit in
Postive side of life
OPENING ANIMATION
Using the opening animation to import the story of the game. Players need to find a door to escape from the world.
GAME SCENE DESIGN
We build the broad scenery to create different atmosphere..
CHARACTER DESIGN
The protagonist of the game is a small green man wearing a helmet, is the image of the players in miniature.
SCENE DESIGN Emotion
Scenery
lost
snowlandd
despair
esert
deside
cliff
hurt
thistles and thornsÂ
find
mirror
APPLICATION
video address: https://www.bilibili.com/video/av38429397
ITALY In Virtual Reality Interaction design Devision of the project: Concept Design Coding
RESEARCH
Sculpture is an unforgettable sight in the roaming and learning of Florence. Combined with new technology, we attempt to observe and study sculptures with a new way of observation.
INVESTIGATION
After visting the Uffizi gallery and a center of restoration of cultural relics. We have discovered it’s an unnormal approach to present the classic sculpture digitally in Italy.
COLLECTION
CREATION
In order to exploring the new method, we draw the light line to simplified the dynamic state of the sculpture in 3d space. It is different from working with computer when you’re dragging, measuring or looking them in a real 3d space, and the models’ scale and posture can be more distinct. The VR tool offer a new way to observe and interact with models.
Using the STRUCTURE SENSOR to scan the sculptures from the local gallery.
TOOL
We combine and change the sculpture models scanned in Italian cities in the software “Google Tilt Brush”, which shows a new way to observe and recreate the classic sculpture models.
PROCESS adjust the model scale
use the brush
film the video
video address: https://vimeo.com/332599923
Panorama Experimental video Individual project https://vimeo.com/266994666
CONCEPT
Animals have evolved some devices to get the panorama which can give them a sense of security. We breath and see things in air, but lost the sense of safe and get anxious. I can not see things in water like in air, why it brings me calmness?
TOOL
I use go pro6 and sony a7II to film the video.
video address: https://vimeo.com/266994666
Illustion Modeling animation Devision of the project: Modeling and Rendering https://vimeo.com/278803703
ANIMATION(INDIVIDUAL PART )
C4d rendering animation using motion capture data binding model skeleton.
video address: https://vimeo.com/278803703
Thankyou!