SUN PORTFOLIO 18
20
A designer’s purpose is to design for people.
CONTENT 04
About Me
08 26 42 74
Service Design Product Design Visual & Communication Design Illustration
About Me
孫若盈 Sun Jou Yin 1995 / 06 / 15 (24 Y)
From Taipei, Taiwan Mobile +886 975 030 109 Email sun615616@gmail.com
18' 國立臺灣科技大學 設計所 商業設計組 National Taiwan University of Science & Technology Department of Industrial and Commercial Design － Commercial Design 17' 國立臺灣師範大學國文學系 輔修 英語系 National Taiwan Normal University － Chinese major － English minor
06 | 07
Ai
Id
Xd
Lr
Awards / Certificates 19' Adobe® 卓越設計大獎 - Top Talent 19' Adobe Design Achievement Awards - Top Talent 19' 臺科 x 嵩灃實業「維積百科」設計競賽 - 第二名 19' NTUST x TICO Design Competition - Second Prize 19' 多益英語測驗 金色證書 總分 905 19' TOEIC total score 905 19' 教育部對外華語教學能力證書 19' Ministry of Education Certificate of Qualification to 19' Teach Mandarin Chinese as a Second/Foreign Language
Experiences 20' 歐盟新伊拉斯莫斯計畫獎學金 17' Erasmus+ Scholarship at KISD 19' 日本九州工業大學短期交流計畫 17' Sakura Exchange Project at Kyutech 18' 科技部計畫 - 前沿人工智慧科研成果轉化 18' MOST: Transformation of Scientific and Technological 18' Achievements of Frontier Artificial Intelligencel 17' 《小日子》雜誌 | 美術設計 17' One Day Magazine Artistic Design 17' 雜學校展覽 | 佈展志工 17' Za Share Exhibiton Volunteer 16' 博客來電商 | 暑期工讀 17' books.com.tw Editor Intern
Service Design | UI/UX Design | Visual Design | Illustration
Ps
04 | 05
UX Design
10
TOM'S BEAR Service Design
08 | 09
10 | 11
SUPERVISING PROFESSOR / Hsien-Hui Tang DESIGN / Jou-Yin Sun, Shao-Yu Lee, Tien-Tien Ho, Wei-An Hsieh, Wei-Ru Chu, Ya-Ru Yang, Xiao Ma GENRE / Service Design, UX Design
BACKGROUND The strict regulations and the rise of online and mobile games, has tested Tom’s World.
With the rise of online and mobile games and Taiwan ’s strict regulations on electronic playgrounds Tom’s World was facing big crisis. The fact is, even though Tom’s World adheres to the principles of electronic playgrounds, The public's perception of Tom’s World is still poor, and the relationship between players and playground is interrupted after leaving. Moreover, the adhesion is not high. We hope to design novel service processes for original players, create a freely communicable and immersive game environment, and at the same time enhance the relationship between players and Tom’s World.
PROBLEMS With the net recommendation value -35 points, shows that there is indeed a service gap.
Machine partition chaos
Lack of storage place
Can't communicate with others
Bad line-up process
In the pre-test, we found that the store information and the machine partition are confused. This will cause difficulties for novice players who come to Tom’s World to choose the game machine. Besides, it doesn’t provide a place for players to exchange game-related information. Moreover, there is a lack of proper storage problems with rest space, poor queuing mechanism, and easy interference in the game process are common problems for both novice and professional players. These problems lead to Tom’s World net recommendation value of -35 points, which is far lower than the total industry average, showing Tom’s World there is indeed a service gap.
12 | 13
JOURNEY OF PLAYING
Heading to TOM’S WORLD
PHASE
Entry Playground
PAIN POINT
Worry about strange vision.
Worry about personal safety.
Leaving TOM’S WORLD
Choose a Arcade
Line-up
Don't know how to choose the right Arcade.
Cannot leave, even for a short time.
Unable to distinguish the Arcade’s level.
Queuing line can easily block others.
Start Playing
Don’t know how to improve game skills.
Shy to actively communicate with other players.
Rest
Noisy environment is not suitable for relaxing
No rest space, but to sit on the floor
Online Platform
Hard to join a suitable game community.
Lack of personalized teaching is hard to learn.
Nowhere to put personal belongings Shy to ask other players.
CONCLUSION
Doubts about Tom’s World’s safety
Can't choose the game console accurately and effectively
Queuing process is boring and easily affects others
Difficult to improve game ability through self-study
The environment is uncomfortable and not suitable for rest and
Online learning alone is
INSIGHT AND DESIGN GOALS
Integrate TOM'S WORLD space and existing resources, so that new players can immerse themselves in the game and communicate with other players freely.
Reshape the image of the playground
Improve the hardware environment of the main process.
By improving the hardware of the playground, for examples, adding lockers, planning a place for players to rest after the game, and categorizing the game consoles to be placed in zones to reshape the image of the electronic game field.
Continue the gaming experience
Extend the experience before and after the game
Extend player’s experience before and after the game. Increase the opportunities for mutual communication to let the original and the new players can quickly integrate into the game group and increase the stickiness.
Open the door for new players
Differentiated the game level for new players to get started.
The game is differentiated from the crowd, so that individual customers can easily and autonomously start without affecting the group players, and provide a comfortable and immersive game space for both.
14 | 15
NEW BUSINESS MODEL
Key Partner
Key Activity
Master player
Create a comfortable and safe recreation space.
Arcade supplier interior designer Digital marketing company
Value Focused experience
Individual Guests
Create offline game communication opportunities.
Relationship
Digital Products & Environment
Information Push Players Community
Comfortable and safe experience Entity People & Environment
Provide online communication channels for players
Key Resource Software
Official Website Official LINE Account
Recommended for entry machines
New Players
Playground Space Masters Community
Channel
Smooth and focused training environment, which also
Hardware
Playground Space Masters Community People
Interior Designer Store Manager Master Player
Cost Structure Purchase Hardware
Storage Arcade Screen Design
Revenue Streams Icrease Staff
Celebrity Player Planner Clipper
Develope Software
Costomer Segment
New player
SERVICE DESIGN CONCEPT
LINE official account proactively informs the machine maintenance status
LINE official account will notify the players of the maintenance status and information of the Arcades. Players can choose to pay attention to their favorite machines to avoid missing important information.
Bright and technological store exterior
With the new interior decoration to strengthen the TOM’S WORLD brand and technology connection, so that players in the store is like being in a space capsule.
Clearly indicate the maintenance status and the staff's recommendation service
Clearly indicates the maintenance status of the Arcade, provide estimated activation time and other information. Recommend suitable machines for players of different levels by staff actively.
Arcade partition by type
Clear machine partitions in the store, help players quickly find interesting Arcades and separate other game players to avoid interference or conflict.
QRcode online appointment queue
Using big data analysis to highlight popular period. Let players make reservations for popular Arcades online to avoid confusion caused by queuing and also save players queue time to play more games.
16 | 17
Maimai Maimai
18 | 19
Safe storage space
Provide lockers for players, so that they don’t need to worry about losing valuables during the game.
Comfortable rest environment
Set up a standing rest area next to the popular machine for players to rest and wait. Players can also observe the game process and skills of other players, which creates communication opportunities.
Top Score Ranking and Highlights of the Game
Set up electronic screen in the rest area to provide information such as Top Score Ranking, and highlights of game to provide communication topics for rest players.
Talent Show and other activities
In cooperation with game masters, hold Talent Show and other activities to provideand artracts other people to play different Arcades and learn how to play it.
Online communication platform
Build official online platform to promote communicatons between the old and new players. By providing online courses live broadcast...etc.
DESIGN STRATEGY
Heading to TOM’S WORLD
Business Goal
Design Goal
Service Concept
20 | 21
RELATIONSHIP MODEL
Strangers
Passenger
Unfamiliar with the brand
Know the brand but optional
Never been toTOM’S WORLD
Will come in if pass by TOM’S WORLD
People
Attracting passers-by to watch: Talent Show.
Object
Clear maintenance status o storage space and comforta
Immersive and diverse gam Arcades partition by type.
Environment
Robot
Create a positive image: bright and technological storefront.
LINE official account with la
Create a topic & premium fe ranking of points & highligh
Digital Platform
Digital Environment
Provides information for ne Arcades.
Let the public know the Arcades: invite maters to do live broadcast.
22 | 23
Friends
Family
Like the brand
Recognize the brand value
Come to TOM’S WORLD twice a month
Have a sense of belonging at TOM’S WORLD
ew players to choose the
Increase player communication: become a master and participate in the talent show.
of the machine, safe able rest place.
Create a topic & premium feelings: ranking of points & highlights of the game.
ming experience:
atest news and events.
LINE official account with latest news and events.
QRcode online appointment queuing mechanism.
eelings: hts of the game.
Establish an online platform and community for players: invite maters to do live broadcast and online courses.
KANO MODEL EVALUATION Total Questionnaires
304
Effective Questionnaires
298
Customer Requirements Rank: NO.1
Attractive
NO.2
Attractive
NO.3
Attractive
Safe Storage Space
Comfortable Rest Environment
Arcades Partition by Type
Execution Priority Matrix 0.2
-0.2
0.6
0.8
1 Positive
-0.2
0.4
-0.4
-0.4
-0.6
-0.6 -0.8
-0.8
-1 Negative
Attractive Indifferent
24 | 25
NPS 12
-35
Post
t es eT Pr
-100
Te s t
0
100
NPS increased by 47 points
CONCLUSION
Through the service design of TOM’S WORLD, novice players can easily integrate into the group, while enjoying the game, they can also make friends with the same preferences. Tom Bear Electronic Playground is not only a space where you can immerse yourself in playing games, but also a place with a sense of belonging.
FUTURE WORK
In the future, we hope to improve the image of the electronic playground, and through the talent show or cooperation with the Internet celebrity to drive the wave of games and let more people user-friendly and smooth service experience.
Digital Product | UI Design
28 36
TICODE TICODE App
26 | 27
20 | 21
</LOVE> </CHEER> </SADNESS>
SUPERVISING PROFESSOR / Tingyi S. Lin DESIGN / Jia-Xin Liu, Jou-Yin Sun GENRE / Digital Product Design, UI Design DATE / 2019 CONCEPT /
TICODE provides people another way to convey emotions by forming mini bricks as English alphabets. It helps people express feelings buried in their mind or diffcult to say.
FUNCTION WHY TICODE Function and Technology
ABOUT TICODE Features and Applications
LETâ&#x20AC;&#x2122;S TICODE Using Process and Scenario
Miniature bricks was considered as a small up word, and words can build up sentence order to let miniature bricks to represent l
ler units than a letter. Therefore, these bricks can build up letter, letters can build e. In order to let miniature bricks to represent letters, we create a set of code. In letters, we create a set of code.
22 | 23
TECHNOLOGY WHY TICODE
1
By picking out the letters we need, then
2
Pile the letters up. This is your TICODE
3
Download the App. Scan the bricks to g
Function and Technology
ABOUT TICODE Features and Applications
LETâ&#x20AC;&#x2122;S TICODE Using Process and Scenario
We use image recognition technology t reading, the text can be accurately reco
0 1 1 0
1
0
1
0
1 0 1 1
011111110000 = L 111110000011 = L 110000011111 = L 000011111011 = L
24 | 25
n we can express what we want to say in the code.
E!
get message!
to specify white as 1 and other colors as 0. Through four-sided scanning and ognized from any starting point.
1 1 0 1
0
0
1
1
0 1 1 0
110010011101 = O 010011101110 = O 011101110010 = O 101110010011 = O
FEATURES and APPLIC WHY TICODE Function and Technology
ABOUT TICODE
There are many emotions hide in words. T three series through color psychology to r yellow and blue represent love, sadness an
With the change of color, TICODE can al instance, rainbow series for LGBT Pride.
Features and Applications
LETâ&#x20AC;&#x2122;S TICODE Using Process and Scenario
PACKAGING
Transparent package design allows cons clearly. The bricks are classified into color for consumers to use!
CATION
TICODE classified mini bricks into represent different feelings: red, nd cheer.
lso develop different series. For
sumers to recognize the series r bars, which are more convenient
26 | 27
APP
PROTOTYPE https://reurl.cc/g7Mr0N
28 | 29
USING PROCESS | For Buyers WHY TICODE Function and Technology
ABOUT TICODE Features and Applications
LETâ&#x20AC;&#x2122;S TICODE Using Process and Scenario
You can chooes to create your TICODE at the homepage.
Click the color you w
After you assemble With an assemble AR manuals, it will be more helpful for users who can't understand the flat manuals.
want.
30 | 31
Type the words.
e TICODE.
Your TICODE will be produced.
The Wrong Page. You can scan to check if you build it right.
Change the color of you are not satisfied.
The correct Page.
USING PROCESS | For Receivers WHY TICODE Function and Technology
ABOUT TICODE Features and Applications
LETâ&#x20AC;&#x2122;S TICODE Using Process and Scenario
32 | 33
Graphic | Corporate Identity | Infographic | Packaging
44 62 66 70
AI WOW Taiwanese Association of Computer Huam Interaction 2019 TAICHI All Around Humanity Poetry of Mosquito
42 | 43
PM / Tingyi S. Lin DESIGN / I-Chen Huang, Pei-Hsuan Kuan, Tai-Sheng Peng, Hsin-Ya Tang, Jou-Yin Sun SCRIPT / Tingyi S. Lin, Jou-Yin Sun GENRE / Infographic Design, Motion Graphic Design, Website Design DATE / 2019
44 | 45
CONCEPT /
In order to make distance between AI and the public closer, we set up AI WOW website and make infographics by using visual information design methods, including: visualize related information, select experiences in life as a theme, and use the way of storytelling. As a result of this, people can reach and understand the knowledge about AI easily.
LOGO DESIGN
WEBSITE
Popular Sc
AI WOW website is an introd makes them easier to searc
MASCOT DESIGN
A, I and Bug play different roles in each story, helping users understand knowledge of AI
[A]
[i]
[ Bug ]
KEY VISUAL
Slide down the homepag of the new unit and keyw understand what informa
46 | 47
cience Knowledge Platform
duction for users to read our stories and obtain information. It unifies the visual narratives and ch, read and comprehend.
ge, there are thumbnails word list. Helping users ation is included.
www.vidlab.net
There is a dictionary of proper nouns in each unit. Even the users forget the definition of it, they can quickly find it in the content.
INFOGRAPHIC | Recommendation System Spotifyâ&#x20AC;&#x2122;s Uncanny Ability to Know Your Musical Needs
By explaining how the system can predict what you will like, this story provides an analogy of the applicatio and recommendation system as the magical power of the Chinese God of Love who makes love connections.
on .
48 | 49
INFOGRAPHIC | Financial Application AI Your Best Travel Buddy
By giving examples of when, where, and how you would use AI on your journey, this graphic story gather information about financial technology and introduces the principles of artificial intelligence.
rs
50 | 51
INFOGRAPHIC | Searching Prediction Insect Illustration
Using an insect as a metaphor, to explain web crawlers in the insect illustration for people to understand the h of this technology insect.
habits
52 | 53
INFOGRAPHIC | Speech Recognition Youâ&#x20AC;&#x2122;ve Got a Friend in Me
Using artificial intelligence as the first person to describe what a friend should do, and how to do it, so as principles of speech recognition and reflection.
54 | 55
to bring out the
INFOGRAPHIC | Computer Vision Saving Time
From the perspective of time, see how much time computer vision can help us save in life, and bring out the principles of convolutional neural networks and reflection.
56 | 57
MOTION GRAPHIC | Recommender System AI
AI : Recommendation System
The metaphorical illustration of a spider and itâ&#x20AC;&#x2122;s web through this animation represents the interconnectivit This short video leads audience into the world of artificial intelligence by introducing the concept of a recom
ty of the internet. mmendation system.
58 | 59
MOTION GRAPHIC | Machine Learning What is Machine Learning?
After throwing lots of questions on how AI understands the world. Comparing the learning methods of AI wit human learning methods, bringing out the principles and reflections of machine learning.
C
D
E
F
G
H
I
J
K
L
M
N
BIRD? O
P
60 | 61
th
APPLE
BIRD
DOG
NO
YES 2020 JANUARY SUN.
MON.
TUE.
WED.
THU.
FRI.
SAT.
01
02
03
04
05
08
09
10
11
12
06
07
13
14
15
16
17
18
19
20
21
22
23
23
24
25
CONCEPT
Computer SUPERVISING PROFESSOR / Tingyi S. Lin DESIGNER / Hsin-Ya Tang, Jou-Yin Sun, Ting-Jung Wei GENRE / Corporate Identity Design DATE / 2019
Taiwanese technology ability in T geometric each other
62 |63
/
e Association of Computer-Human Interaction strives to promote the research and application of y, humanities and design in order to upgrade the interdisciplinary interactive technology and practical Taiwan, and has developed a pixel-based key vision to reveal the imagination of technology, using c patterns to signify the sparks produced by technology, humanities and design which are surrounded by r and piled up to reveal the lofty spirit of this Association.
Applications
64 |65
66 | 67
All around humanity SUPERVISING PROFESSOR / Tingyi S. Lin DESIGNER / Hsin-Ya Tang, Jou-Yin Sun, Ting-Jung Wei GENRE / Corporate Identity Design DATE / 2019 CONCEPT /
TAICHI, a seminar sponsored by Taiwanese Association of Computer-Human Interaction, adheres to the Oriental philosophy of â&#x20AC;&#x153;Human Firstâ&#x20AC;?, urging us not to overlook the concern for people as we pursue technological advancement. In its key vision, geometric patterns represent machines, lines signify humanities thoughts, by combining them together emblems the lofty ideal pursued by this seminar.
68 16 ||6917
Poetry of Mosquito DESIGN / Jou-Yin Sun GENRE / Package Design DATE / 2019
CONCEPT /
By burning mosquito coil, you can kill mosqu Chinese Poets being annoyed by mosquito. In
70 | 71
uitoes effectively. Therefore, this Package Design use ancient Chinese Poems, which express the feelings of additional, it tells the history of mosquito coil.
72 | 73
Illustration Magazine | Newspaper
76 78 80 84 86
<One Day> magazine No.73 â&#x2C6;&#x2019; Motorcycle and life Portrait Children's Politics International Day of the Girl You are Brave in your Period
74 | 75
DESIGN / Jou-Yin Sun ILLUSTRATOR / Jou-Yin Sun GENRE / Illustration, Advertising Design DATE / 2018
76 | 77
78 | 79
Portrait ILLUSTRATOR / Jou-Yin Sun GENRE / Illustration DATE / 2018
ILLUSTRATOR / Jou-Yin Sun CLIENT / Mandarin Daily News GENRE / Illustration DATE / 2019
80 | 81
82 | 83
of the Girl ILLUSTRATOR / Jou-Yin Sun CLIENT / Mandarin Daily News GENRE / Illustration DATE / 2019
84 | 85
86 | 87
You are Brave in your Period ILLUSTRATOR / Jou-Yin Sun CLIENT / Mandarin Daily News GENRE / Illustration DATE / 2020
I have only two eyes, but I can see with the eyes of another; I have only two ears, but I can listening wih the ears of another; I have only one heart, but I can feeling with the heart of another.