Design Tools Visual Design Adobe Photoshop Adobe Illustrator Adobe Indesign Adobe Premiere Adobe AfterEffects 3D & CAD Alias Fusion 360 Creo Keyshot
UI / UX / Prototyping Adobe xd Figma AEM
Programming HTML CSS VS Code
Expertise
Languages
Design Research Design Strategy Ideation Prototype Visualisation Website layout design Branding and identity Packaging
Mandarin - native English - advanced Ielts overall 6.5
Education BA Industrial design Shih Chien University, Taipei, Taiwan
I'm Wang Pin Yun. I’m a UiUx and product designer based in Taipei, having recently completed my BA in Industrial Design at Shih Chien University.
Sep 2016 - Jun 2021 ．Design management program
BA Industrial design Pforzheim University, Pforzheim, Germany Feb - Sep 2019 ．Student exchange
Contact B: 20 Aug 1998 P: +886 921-599-975 E: wangpinyun.0821@gmail.com I take a problem driven approach not only to current real world problems but also future issues in my design works. In addition, I also like the design that combines logic and beauty, whether it is applied to product design or graphic design. The unique beauty can be found in the works. I am an aggressive person - like to learn new things. All experience is nourishment for me.
2
Wang Pin Yun | 2021 | Design Portfolio
Work Experiences BenQ, Creative team
Communication design intern
Mar 2021 - Present
Taipei, Taiwan ．Creating brand identity for the company ．Working on brand strategy and guidelines ．Designing social platforms for brand promotion
Shiangers
Communication design intern
Oct - Nov 2019
Taipei, Taiwan ．Designing social platforms for brand promotion ．Product photography
NetDragon
Industrial design intern
Jul - Aug 2018
Fuzhou, China ．Education robot design ．Stakeholders and competitor analysis ．Concept sketching and mockup (3d printing)
Other Experiences Shih Chien University Sep 2021
2021 Taiwan International Student Design Competition ．“Folding furniture” Shortlisted in product design group
Shih Chien University Feb - Mar 2021
Curator in Final exhibition - Harbour Taipei, Taiwan ．Members in spatial design group
Daimler AG Mar 2019
“PIONEERING NEXT” Workshop Pforzheim, Germany ．Three-day work camp
Discovery - TLC Apr 2018
Got Third Place in TLC Marketing Competition Taipei, Taiwan ．Marketing and & Graphic Design ．I got Discovery summer intern opportunity.
The 10th Cross strait Cultural Industries Fair
Participated in exhibition Xaimen, China
Feb 2017
．Exhibits: "Loop"
Wang Pin Yun | 2021 | Design Portfolio
3
Contents
Pinry
6 - 15
Service design / Speculative design
Mood easy
16 - 27
Service design / Speculative design
Artreat
28 - 37
Uiux design
ND education robot
38 - 43
Product design
BenQ project
44 - 51
Graphic design
Lattice eyes
52 - 57
Product design
Wang Pin Yun | 2021 | Design Portfolio
5
Urban Parkin Positioning System Brief: "Pinry" provides software and service for local governments, operators, and road users, including parking applications and planning. The landowners use this platform to apply for land to become a parking lot, while the driver uses the system and parking robot to guide the driver to a suitable parking space.
Service design / Speculative design Graduate project 10 weeks Individual project Knowledge: Product research / Interface design / Visual design / Brand platform / Product design...
6
Wang Pin Yun | 2021 | Design Portfolio
Background Secondary Research Diagram of population and vehicles held over the years Number of vehicles
car
Population
scooter population
400
2,800,000
380
2,750,000
360
2,700,000
340
2,650,000
320
2,600,000
300
2,550,000
280
2,500,000
260
The number of remaining car grids per thousand people Relatively adequate Relatively inadequate 90 60 30 0
Wenshan Zhongzheng Neihu
Xinyi
Beitou
Shilin
Datong
Wanhua
Zhongshan
Da' an
Songshan
Shilin
Beitou
Datong
Wanhua
Nangang
-30 -60 -90 -120 -150
The number of remaining scooter grids per thousand people Relatively adequate Relatively inadequate 150 100 50 0
Da' an
Nangang ZhongzhengZhongshan Songshan
Xinyi
Wenshan
Neihu
-50 -100 -150 -200 -250 -300 -350
Wang Pin Yun | 2021 | Design Portfolio
7
Public grid supply rates in each district %
35
25
15
5 0
Xinyi
Wanhua
Datong
Nangang
Zhongzheng
Songshan
Zhongshan
Shilin
Neihu
Da' an
The reasonable supply of public parking spaces required for people to park outside is 15 to 20 percent of the number of vehicles. If this is used to check the situation of Taipei city last year, all administrative districts are all accordant.
Conclusion From the point of view of supply and demand, parking spaces in Taipei city are not only innately in short supply, but also because of the accommodation of commuter vehicles. In terms of scooters, the lack of parking spaces is more serious than that of cars. Public grids seem to be plentiful, while the reason people don’t feel the effects is the long-term occupation of parking spaces. Roadside car charges and take full advantage of parking lots are the solutions.
8
Wang Pin Yun | 2021 | Design Portfolio
Wenshan
Beitou
Design Synthesis Challenges Efficiency of parking lot Most of the parking lots are not fully utilized, and many parking spaces that are vacant for part of the time. This shows that the parking policy thinking and the number of parking spaces have serious flaws and logical errors. Illegal parking Roadside parking spaces have been occupied for a long time. People who cannot find a parking space may be greedy for convenience and park their vehicles in the red line or side-by-side. This causes traffic problems. Social and environmental costs The land space in North City is limited, while parking demand continues increasing. If the solution is always to provide enough parking spaces, it may cause many unseen social and environmental costs. How can the land occupied by the parking lot be used more meaningfully?
System Map
Robot Support ($ / information) Government
parking space planning
App
Driver Parking space
Website
Landowner
Wang Pin Yun | 2021 | Design Portfolio
9
How To Use Hardware
Software
1. Plan parking grid 2. Guide users (drivers)
1. Website - Site planning 2. Guide users - Display on car's monitor
User Flow For landowner
For driver
Landowners apply on the website.
Drivers requests for parking.
System audits site information and robot evaluate site.
Navigate to the parking lot with Google Maps.
System displays the audit results.
Arrive at the entrance of parking lot and induce etc id to record time.
Robot guides driver to specific parking space.
Etc automatically deducts the payment when leaving.
Be applicable: Plan how many vehicles and types of vehicles can be parked. Not applicable: Landowners can apply for other venues.
10
Wang Pin Yun | 2021 | Design Portfolio
Design System Logo
Typography Tw Cen MT Regular | Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
P+R Parking robot ．simple style
Work Sans Regular | Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Website color use
#5c47ff
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 #dfeaed
#f2f9ff
User Interface Design Information Architecture Pinry
Home
Login
Login
About us
Contact Create Account Password Email Name
Language
Company Vision
Our Service
Phone
Chinese
For Driver
English
For Landowner
Instagram Facebook
Apply Apply Requirement
Operation Method Venue Info
Apply Status
Apply Now
Contact
Venue 1
Address
Name
Apply Number
Size
Phone
Apply Time
Pictures
Venue 2...
Site Address
Birth
Apply Status
Phone
．information upload ．under evaluation ．complete review
Etc Id
Wang Pin Yun | 2021 | Design Portfolio
11
Home Page
12
Wang Pin Yun | 2021 | Design Portfolio
Our Service Wang Pin Yun | 2021 | Design Portfolio
13
Product Design Color Planning
RV-312 Sagan Blue #c2c9e8
Fluor Orange #ed7847
Dimension front view 300mm
side view
20mm (shorter than car chassis)
Built-in Function
button (switch machine)
LED / laser projection
14
Wang Pin Yun | 2021 | Design Portfolio
transparent (two ultrasound sensor)
mecanum wheels with motor (also need batteries, speaker and light)
Customer Journey 1 Landowner apply venue on the website.
2 System audit site information.
3 Arrange robots to the site and assess whether the venue is suitable, also evaluate how much parking spaces can provided.
4 Driver request for parking and navigate to parking lot with google maps.
5 Link to specific location on google maps.
6 Driver arrive at the entrance of parking lot and induce etc id to record time.
7 Robot guide driver to specific parking space, while laser light display parkin grid.
8 After driver finish parking, robot return to charging station and wait for the next user to enter the venue.
Wang Pin Yun | 2021 | Design Portfolio
15
16
Wang Pin Yun | 2021 | Design Portfolio
Breakfast trip for commuters Brief: Mood Easy provides a new type of service to buy breakfast, which solve the inconvenience in the process of buying breakfast for office workers, and also increases breakfast options and appeals to health. The service includes a breakfast reservation system, an unmanned breakfast shop and packaging for food. The whole process enables customers to have a good breakfast experience.
Service design / Speculative design School project 8 weeks Individual project Knowledge: Product research / Interface design / Visual design / Product design...
Wang Pin Yun | 2021 | Design Portfolio
17
Background
Persona
Commuting accounts for most people’s lives. Research has found that people who have to travel long distances to work are more likely to feel anxious and dissatisfied. I hope to explore the common points and behavior patterns of people of commuters and think about the daily needs of this ethnic group. With the continuous development of technologies such as artificial intelligence and the Internet of Things, many large retail stores have experimented with the concept of unmanned smart stores. This is bound to become a future trend, but the concept of unmanned stores has also aroused a lot of discussion after it was put forward.
．The office workers in the Neihu Science Park / Xinyi Business Circle ．Economically capable people aged during 25-50 ．Pay attention to the taste of life
Competitor Analysis Therefore, I studied unmanned stores in various countries and their position, advantages and disadvantages, hope that it can correspond to the pain points and opportunities of the commuters’ commuting process. New style retail store
Position
Technology
Checkout method
．AI camera
Amazon go
．Provide fast consumer experience ．Slogan - Just walk out ．Move the online shopping model to the physical store
Determine what items the customer purchases, which can then be automatically checked out
Amazon account
．Computer vision recognition technology
． Sensor Fusion
F5
．The mode of vending machine ．Shop based on three major sceneries - universities, factories and CBD
．Robotic arm (Isolate the product from the customer) ．Obtain user consumption data through smart payment
QR code / App
．AI-enabled cameras
Walmart
．Enhance the shopping experience ．Technology will not replace people’s jobs, but only help them to get better services
1 Monitor inventory levels Help staff know more accurately when and where to replenish products 2 Ensure that the products and meats that consumers buy are always in the freshest and stocked state
．Interactive displays
18
Wang Pin Yun | 2021 | Design Portfolio
Traditional cashier
Design Synthesis Design Diagram Customer Service reply evaluation
evaluation
Customer
Application
provide meal information book meal recycle
Store
Supply Of Goods
receive the order
offer ingredients
Clerk
Package
preparation put food into the locker
Machine (Make meal)
In-store Process Take to identify enter the store ．The cell phone display grid position / number appears on the electronic screen ．Scan code on mobile phone to identify ．Take meals
Replace
．Scan
．Customers
Return the container to any in-store recycling area (Divided into large, medium and small containers and also lids)
Wang Pin Yun | 2021 | Design Portfolio
19
Store Model Details
1 2 1 Fridge, storage cabinet... 2 Mechanical arm (Make meal and put food into the locker) 3 Shop sign 4 Locker (Consumer automatically pick up food) 5 Recycling area
3
4
Storefront Schematic Diagram 90
Recycling area
Counter
500
125
Fridge
120
Mechanical arm
Fridge
Storage cabinet Sterilizer 200
20
Wang Pin Yun | 2021 | Design Portfolio
Unit: cm
5
300cm 180cm
Container Booking application is mainly to save time for office workers, and they can order food in advance during commuting. The food is based on original food, while the App is partially customizable and can be viewed for breakfast production.
Type of food provided
Wang Pin Yun | 2021 | Design Portfolio
21
Interface Design User Flow Diagram Splash Screen Sign Up
Personal Details My Profile
Menu
Food Details
My Shop Cart My Plate
Choose The Shop
Order Status
Colors
Typography
#222223
Montserrat Medium
#476CF6 #4F5660 #A9A9AD #F3F4FA
Components Examples of modules user acrossed design system
22
Wang Pin Yun | 2021 | Design Portfolio
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 Montserrat Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Wang Pin Yun | 2021 | Design Portfolio
23
1
Slash Screen
Homepage design
Product login interface
Personal settings
2
Personal Settings
24
Wang Pin Yun | 2021 | Design Portfolio
Personal settings
3
Menu • Original food is convenience for machine to prepare and also healthy • Customize dishes by add and delete ingredients • Collect favorite dishes in your own collections
Menu
Personal settings
Order status
Item selection
Item carts
Choose the shop
4
Food Status • Track food preparation status • Digital payment
Wang Pin Yun | 2021 | Design Portfolio
25
26
Wang Pin Yun | 2021 | Design Portfolio
Wang Pin Yun | 2021 | Design Portfolio
27
Artreat Street artist integration app
Brief: Artreat app integrates activities of street performers. Through this app, people can see the performance which they want to see, street performers can have more exposure, and the government can also develop cultural industries. UIUX design School project 8 weeks Individual project Knowledge: Product research / Interface design / Visual design / Brand platform...
28
Wang Pin Yun | 2021 | Design Portfolio
Background
Interview Interviewees: Street artists； audience (people who have invested/have not invested in a long time) Number of interviews: About 50 people Location: Ximending Time: October 28, 2019 7-10pm
Problem Statement
1 Locations of artists’ activities are scattered, difficult to supervise. 2 There are many street artists operating without a license – Inconvenience management. 3 The street artist industry lacks a complete plan.
Government
Street artists
1 Not enough exposure. 2 The drawing of lots is tedious. 3 Because of insufficient control, harming the rights and interests of legally licensed artists.
Visitors
It's hard to get information about the show, and it's all about luck (Luck, though, is good sometimes)
Wang Pin Yun | 2021 | Design Portfolio
29
Competitive Analysis Target User
Street Art Cities
Age: 14-40 a. Visitors b. Graffiti art lovers
Correct use
How to use it properly
Appropriate use
Get street graffiti information and successfully reach the location.
Intuitively obtain information ; also have fun in the process through map design and interface style etc.
Better produce materials to promote own works, so as to facilitate better publicity and secure transactions.
It looks more professional to use this kind of App, so that customers can rest assured.
Simply use the map to see what's around you, also look at the routes to get your bicycling or walking on and discover the beautiful artworks in the city.
Street Art London
拾光盒子
Age: 18-45 a.Photographers b.Photography enthusiasts
App structure is simple (four level). Icons are concise and have a sense of design (modern and interesting).
Many functions, but the logic is clear and it is easy to distinguish.
Design Synthesis Based on the findings from the exploratory research,we summarize the problems and the corresponding challenges. Visitor
Value Net
Customers
Competitors
Inhabitant Limit the time and place of street artists' performances, etc.
Company
Suppliers
Street Artists 30
Wang Pin Yun | 2021 | Design Portfolio
Complementors
Attractions (Ex: Gallery) Shops nearby Instagram / Facebook / Youtube Government
Message Flow 1 Reflect people's intentions 2 Reflect the development of the industry in detail
Performance feedback
Visitors
Government
Platform Provide artist performance info Complaint Offline communication
Inhabitants
Publish official info
1 Official affairs push (lotteries, etc) 2 Audience / inhabitants evaluation
Personal promotion
Street artists
Offline communication
Application User Flow Diagram 0
Skip
Slash Screen
Next
01
Welcome Screen 1
02
Welcome Screen 2
Next
Start
1
Choose Area
1.1
Main Screen (Full Map)
1.2
Choose Performance Type
2
1.1.1
03
Select Identity (Visitor or Artist)
2.1
Artist Create Account
2.2
Artist Settings
Artist Login
Artist Information
Wang Pin Yun | 2021 | Design Portfolio
31
32
Wang Pin Yun | 2021 | Design Portfolio
Wang Pin Yun | 2021 | Design Portfolio
33
Design System Colors
Typography
#EB533B
Orange symbolizes energy, vitality, cheer, excitement and adventure. Orange is the color associated with youthfulness and play.
Oswald Medium abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Oswald, streetstyle look and clear, vivid emotion is achieved.
Quattrocento Regular
#F2F2F3
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
#1B1B1B
Logo
Hat (chapeau)
Art + Treat
"A" for Artists
Components Examples of modules user acrossed design system
34
Wang Pin Yun | 2021 | Design Portfolio
Coins
Getting Started
Artist Login
Wang Pin Yun | 2021 | Design Portfolio
35
Choose area and category
Map searching
36
Wang Pin Yun | 2021 | Design Portfolio
Artist description
• Overview street artists nearby, both on a map and in a list • View related hotspots on a map • Like arttists and see what others have liked • Collect favorite artists in your own collections • View artists' information and updating events
Wang Pin Yun | 2021 | Design Portfolio
37
Product design Intern project 5 weeks Individual project incooperation with Net Dragon Company Knowledge: Product research / Product design... August 2018
38
7.12
7.12-7.13
7.16-7.20
7.21-8.01
8.02-8.10
8.11-8.16
8.2-8.17
8.18-8.31
9.1-9.30
10.05-10.15
Kick-off
Stakeholders analysis
Competitor analysis
Concept sketching
Concept 3D model
Mock up (3D printer)
Concept presentation
Design definition
CMK / 1:1Demo
Modification design
Wang Pin Yun | 2021 | Design Portfolio
Education robot V2 BRIEF: Apply robots to school scenes, and combine with the company's software (101PPT) that aims to improve student learning efficiency and assist teachers in teaching.
Main goals
Secondary goals
• Fit for education Scenario • Transmissible • Humanoid robot
Define design variations for different users. Find suitable application scenarios and define design themes.
Able to interact with 101PPT software, with facial expression and hand movement function.
• Modular design
Wang Pin Yun | 2021 | Design Portfolio
39
Analysis Stakeholders Analysis Clients School / Authority Department Benifit
．Promote their reputation ．Increase their market share ．Make money
Sponsors Net Dragon
Users Teacher
．Enroll new students
．Inspire students’ interest in learning
．Increase enrollment rate
Users Student
Others Media
．Have fun
．Attract audience
．Increase study efficiency
．Transmissible
．Assist teacher
．Replaced by the robot
Spend extra time to learn it
．Unified teaching content
Negative impacts
．Spend extra time to learn it Demands ．Interact with for project 101PPT
．Application of advanced technology
．Rich auxiliary teaching function
．Bring attention to communication
．Teaching scene remote sharing
．More teaching interaction methods
．Modular, no mold or mold reduction
．Adapt to existing teaching scenarios
．Easy to operate
．Safe and reliable
User Journey Map
40
Wang Pin Yun | 2021 | Design Portfolio
．New and interesting ．More teaching interaction methods ．Future technology ．Affinity
With communication point
Ideation According to all of our research, hoping to make a new form of robot that is different from the market, more modern and technological. The main purpose is to be loved by our clients (school / authority department) and target users (teacher / student). It is also important to attract audience and to be transmissible.
Concept Sketching I thought about the future, the sense of science and technology, and the shape of the curved surface. I was mainly referring to the type of sports car.
Moodboard
Wang Pin Yun | 2021 | Design Portfolio
41
Net Dragon education robot v2
Liquid Crysta Air detection Panoramic ca Light detectio Face recognit
Name : Furbo Height : 150cm Weight : 80kg+ Career : Smart assistant
Sensor Voice recogn Pronunciation detection
a. Head with simple facial features b. Head has 2 degrees of freedom for simple action feedback and enhances the interactive experience
a. Arm with active joint b. Hand that can do simple gestures Intergrated Sensors
Transparent
a. With human leg shape Non-biped walking b. Walking on a wheeled base c. With self-recharge function
42
Wang Pin Yun | 2021 | Design Portfolio
al Display n amera on tion
nition n
Screen
Wang Pin Yun | 2021 | Design Portfolio
43
Project 1 Projecter GV30 and GS50 Comparison Aug 2021
Design Strategy Portable projector Instant access big entertainment anywhere
Positioning
• To see and hear more detail • More cinematic
Idea
Mobile theater experience
Segment GV
GS
Target user
Young dramatists who care about quality must be perfect in the community because of higher taste and vision to obtain self-realization and peer recognition.
The new generation of cheerful parents, regard the emotional cohesion between the family members as the most important thing in life, and bet on the spirit to give the family the best.
Statement strategy
Every corner of the room can create a real theater with personal style
Real theater where you can enjoy audio and video details even in outdoor excursions
Scenario
• Indoor • Scandinavian style
• Outdoor • Camping / glamping
Light / Color
Home warm colors
Neutral earth tones
#9b514a #c19280 #dac6a6 #edddc2 #e7c58a
#404f45 #637f6a #aaa57e #ac9763 #e7c58a
Standard color
44
Wang Pin Yun | 2021 | Design Portfolio
Instagram post
v1
v2
Wang Pin Yun | 2021 | Design Portfolio
45
Project 2 B2C Product Comparison UI flow Aug 2021
Brief: User acceptance testing at Aem with ui flow on Figma.
Add to compare
46
Wang Pin Yun | 2021 | Design Portfolio
Comparison table
Wang Pin Yun | 2021 | Design Portfolio
47
Other projects Social post Twitter / Facebook / Amazon post
48
Wang Pin Yun | 2021 | Design Portfolio
Wang Pin Yun | 2021 | Design Portfolio
49
Trends and knowledge Illustration design | BenQ business us Sep 2021
50
Wang Pin Yun | 2021 | Design Portfolio
Landing page design and website layout | BenQ monitors Aug 2021
Wang Pin Yun | 2021 | Design Portfolio
51
52
Wang Pin Yun | 2021 | Design Portfolio
Lattice eyes The presentation of light, shadow and reality
Brief: The most wonderful thing about the window frame is the ability to fuse the natural light and shadow with the artificial space, according to the traditional Chinese aesthetics and the natural view of the unity of nature and man. I use the elements of the window frame to present the light, shadow and reality.
Product design School project 6 weeks Individual project Knowledge: Prototype / Product design... April 2020
Wang Pin Yun | 2021 | Design Portfolio
53
Concept
Just like the negative film developed in the darkroom. We often care about the effect after washing, not the type of the original object. At first glance, it is just an ordinary chandelier, but after the light source is turned on, a decorative pattern such as a mullion graphic will appear on the ground.
Research In order to present a complete projection on the ground, I try to test the type of light, the distance between the material and the object.
55cm
200cm
30cm
54
Wang Pin Yun | 2021 | Design Portfolio
Experiment Model Testing
Projected Pattern Present
Wang Pin Yun | 2021 | Design Portfolio
55
Features Installation: suspension Color: black Emission: direct-diffused Environment: indoor
Dimensions Diameter: 40cm Height: 3cm Max height for ceiling: 55cm Material: steel / steel cable
Sources included Category: Led Watt: 7W Color temperature(K): 2700K
56
Wang Pin Yun | 2021 | Design Portfolio
Wang Pin Yun | 2021 | Design Portfolio
57
Thanks fo r watching!