“Design is not just
“Design is how it works.”
what it looks like and feels like...”
Dong Khoa Portfolio
UIUX Designer +84 93992 9405 2020 - 2021 Design Works
khoasdyn@gmail.com
Table of Content
01. About Me 02. CV & Resume 03. Tina App 04. Love Note App 05. Tailor Wings Website
About Me Hi! I formerly study as electrical engineering, developer and graphic designer. But I recently focus on learning and working for user interface and user experience. My first job as UI/UX designer at start-up company, is about create digital products as websites and mobile applications. I would join in the product life cycle from the brainstorming idea, defining challenges, to designing solutions and testing usability.
My job also made me collaborate with others so much. I enjoyed working in team to empathize and understand users. You can find examples of my recent projects in the portfolio section of my website. Besides, that I love reading books, and walking outside.
Khoa Sdyn
Khoa Duong
khoasdyn
Khoa Duong
CV & Resume
I'm a 1995 UIUX designer. I’ve always admired how thoughtful design has the power to change our world. My focus is on creating digital experiences and human-centred design. I love working on projects that make people happy.
EDUCATION & CERTIFICATION
a elor in Electrical Engineering @ International University VNU HCMC (2013-2019) Gra i Design @ Arena Multimedia HCM (2018-2019) UI UX Design Specialization (CalArts) Intera tion Design Foundation IELTS .0
B ch ph c / c 6
TECHNICAL SKILLS Design Sprint
Design Thinking
Figma
System Design
Notion
User Research
Adobe Suite
WORK EXPERIENCES Feb 2020 – Jun 2021
2018–Now
Nov 2018 – Mar 2019
TailorWings is a start-up featured at TECHFEST 2020. I’m focused on defining problem, designing solutions & building prototypes.
Sharing trendy news, inspirations, & knowledges related to graphic design. I also write a lot about UI/UX, and design process.
Cooperate with COMMS Team by designing markerting materials, key visual for events and workshops.
UIUX Designer at TailorWings
Writer at iDesign.vn
Intern Designer at CHANGEVN
My Process 1
2
3
4
5
Empathize
Define
Ideate
Prototype
Test
My UX process followed by the ‘Design Thinking’ framework. It helps designers create solutions that address a real user problem and are functional and affordable. There are five phases in the design thinking process: Empathize with user, Define the problem, Idea the solutions, Prototype, and Test with user.
Tina is an app for people who want to find long-term comfort & security accommodations. Despite the large number of rental possibilites, it is still difficult to find a place to live that suits personal needs and personal budget. Especially for those who have just set foot in a new city, this can take a lot of time, effort, and money. The app designed to provide precision, complete, and personalize accommodation informations.
Product iOS App
Duration 2 Weeks
My Role UX Designer
Responsibilities User research, wireframing,
prototyping, usability testing
03.
Tina - UX Case Study Mobile iOS App
Personal Project
Read now
UX Case Study
Understanding the user
User research: summary
Quantitative research
Survey
Google Form
I used Google Form to conduct survey about 25 students and workers at Ho Chi Minh city. The goal is to find the most common obstacles they encounter when hiring accomodations.
User research: pain points
1
2
3
4
Room Picture
Hidden Costs
Amenities
Location
The room’s pictures in
There are many
The discription of
The room’s location
app or website
hidden costs that are
amenities are not
often is hard to find
ususally are very
not includes in app or
well-provided.
on the map.
different from the
websites.
reality when house-viewing.
Personas: Ngoc Quyen Problem statement Ngoc Quyen is a first year student, who needs a comfortable and affordable shared room with two others, because she want to maximizes productivity and not spend too much money.
Ngoc Quyen Ngoc Quyen has just moved to HCM city to start the first year at universtiy. She and two other close-friends want to live together. They want an affordable room that
Goals To find a comfortable place to study that maximizes productivity Hire a room with an afforable price and can cook to save money Find a room nearby school and centre.
allow cooking meal for saving money.
Age: 20 Education: University student, 1st year Hometown: Lives with partners Family: Can Tho, VN Occupation: Marketer
Frustrations Hard to find the directions when room-viewing The room photos does not match with reality There’s not much available options nearby school.
User journey map Action
Task List
Get App
Download ap Set up accoun Confirm location
Excited to looking
Feeling Adjective
Improvement Opportunities
for accomodations easy
Recommend
user some places based on location
Looking for accomodations
Goal: Find a room easily via app for 3 people Contact with owner
Appointment confirmation
House-viewing
Apply price range filter Preview room information
View detail informations of accomodatio Determine whether it is match the needs
Find contact room owener’s informatio Contact with owener via chat or direct call
Locate the room on Google Ma Tell friend go togethe Set phone reminder
Open Google Map and turn on navigatio House-viewin Sign the contract
Hopefu Excited
Confus Satisfie Hopeful
Hopefu Disapointed when owner not available
Hopefu Excited
Satisfie Excited
Show owner status online
Suggest add time and place to user calendar
Remind user to leave feedback & ratings
Provide enough preview information let user don’t waste time to tap on each
Select a accomodation
Provide as many detail informations as possible
Userflow
Contact room owner
Yes
Open app
No Homescreen
Select a room?
House- viewing? Yes
Search room locations
Preview room
Browse rooms
No
Room details
View room details
Starting
the design
Paper wireframe
Digital wireframe Home screens
9:41
Partly cloudy – 32ºC
Good morning, Đông Khoa!
Home screen is the first screen when user opening the app. At the top, the app will ask user’s permission to turn on the location access, in order to finding nearby accommodations.
Besides that, the app will also show the weather at that loctions.
Enter search here...
Filters Price range Area
Kinds
Interior
Near your location: Hem 27, W15, Dien Bien Phu, Binh Thanh District, Ho Chi Minh
Loading
Digital wireframe
9:41
earch results
Search result screens
The design included a filter at the top of the page. It helps user
S
Bình Thạnh
Dien Bien Phu street, W.21,...
Filters
filter room quickly via 4 options: Price ragne, kinds of accomodations, room area, interior include or not.
That 4 options is the most important things when user finding
Price range
Area
Kinds
Interior
room. The app would provide the best match results for user.
Best matches Room for rent Dien Bien Phu, District 3
$45
/room – 15m2
541/16 Dien Bien Phu, Ward 3, District 3, Ho Chi Minh
Room at Toapz Aparment
$37
/room – 15m2
195 Cao Lỗ, Ward 4, Distric 8, Ho Chi
Digital wireframe
9:41
Room details
Room details screen The preview information is designer to provide some decisive informations that user can quickly decide whether this room suit them or not.
In this screen, I provide some thumbnail photos, price, location, many other informations, and also the direction feature help user view room’s location on the map.
Studio
3 people allowed
Map Location 13m by bike
Room for rent Dien Bien Phu, District 3
$45 /month – 20m2
541/16 Dien Bien Phu, Ward 3, Distric 3, Ho Chi Minh City
Low-fidelity prototype
Early testing
the design
Before and after usability I used Figma to create prototype and send a link to my friends. After conducting usability testing. I’ve found some issues when user experencing with the product.
First, the old version puts too much on the homescreen, and its confused users. Also, the current location on the top make user thinks the gray section is a map!
9:41
9:41
Current location
Allow location access
Dien Bien Phu, Binh Thanh District, Ho Chi Minh
Good monring, Dong Khoa!
Enter search here...
Any
Binh Thanh
Enter search here...
Filters District 3
District 2
Price range Area
Any
Studio
Aparment
House
Filters $300 - $500
Kinds
Interior
Mới đăng gần đây Room for rent Dien Bien Phu, District 3
Distance
4,5 tr/phòng – 15m2
Before and after usability The room details screen had some changes. In the new version, I’d added a new button for map location, it lead user to another screen to view the accommodation’s location on the map.
I also replaced the ‘Far away distance’ to ‘The number people allow’, it help user estimated the area of the room.
9:41
Room details
Far away 3.8 km Room for rent Dien Bien Phu, District 3 $4,5 /room - 20m2 Studio
541/16 Dien Bien Phu, Ward 3, District 3, Hồ Chí Minh
9:41
Room details
Studio
3 people allowed Map Location 13m by car
Room for rent Dien Bien Phu, District 3 $4,5 /room – 20m2 541/16 Dien Bien Phu, Ward 3,
Refining
the design
Mockups
High-fidelity prototype Here the Figma link to run prototype.
Going forward
Takeaways & Next steps My app has already help user to find the best fit accommodations based on their need in a fast and enjoyable way. I’ve learned a lot by working on this project so far, about the conduct user interview, testing usability via Figma prototype and user research.
Below is the future plans I would like to implement that improve user experience in app.
1
2
3
Dark mode
Blogging Tips
Verified Profile
Implement dark more for entire app. The UI should auto-change to dark mode base on Local time (Sunrise to Sunset)
There is a section for providing helpful informations when choosing room, house-viewing,...
The profile of accommodation’s owners should indicate verified, it build more trustworthy for users.
04.
Love Note App Mobile iOS App
Personal Project
Watch now
Your memos
Create memo
Love Note
App
Valentine days
Watch together
on 24/02/2021
on 24/02/2021
49 days left
21 days left
Go on holidays
Her birthday
on 24/02/2021
on 24/02/2021
49 days left
49 days left
Home
Memos
Display the time have been together Create countdown event
First Love Date
Save the memories for couple Home
Memos
Good morning, Jennifer Lawrence & Brad Pitt
DATE
dd.mm.yyyy
Onboarding Name 1
First Love Date
Name 2
Add Photo
NAME
NAME
Enter name here
DATE
dd.mm.yyyy
Bratt Pi
Lorem ipsum dolor sit amet, consectetur adipiscing
Q W E
Lorem ipsum dolor sit amet,
A
consectetur adipiscing elit.
Get started
Next
R
T
Y
I
U
O P
S
D
F
G H
J
Z
X
C
V
N M
B
K
L
Next 123
space
Done return
Home screen
Add countdown event
Create event
Good morning, Jennifer Lawrence & Brad Pitt
You two have been love in...
2
YEAR
11
MONTH
19
DAY
Add countdown event
Create event
Valentine days
Watch together
on 24/02/2021
on 24/02/2021
49 days left
21 days left
Go on holidays
Her birthday
on 24/02/2021
on 24/02/2021
49 days left
49 days left
Home
Memos
Other screen
Add event
Add memo
NAME
Go on holi Add Photo
DATE
dd.mm.yyyy NAME THEME
First Kiss
Thank you for coming into my life. For letting me feel this love that I have for you. Because not everybody is as lucky as I am… To be loved by you! Monday, 23.10.2021
Edit
DATE
dd.mm.yyyy
Done
DESCRIPTION
Thank you for coming into my life. For letting me feel this love that I have for you. Because not everybody is as lucky as I am… To be loved by you!
04.
Tailor Wings Website Responsive Website
Watch now
Startup Project
Like Uber in traffic, Tailorwings is a platform that connects tailors with customers to create "tailored" clothes. This startup currently delivers products within 3-5 days with many fabric samples and designs selected by customers. Established in Ho Chi Minh City in mid-2019, Tailorwings believes that the dominant textile and garment industry and a large number of tailors in Vietnam will be a good opportunity to develop the mid-range segment. Different from foreign fashion brands that sew on-demand but still use a centralized factory, Tailorwings allows individual tailors everywhere the opportunity to join the network and build their styles. only me. This startup is in the stage of convincing the market, increasing credit scores for tailors, and expanding the user network.
Product Responsive
Website
Duration 9 months
My Role UI & UX Designer
Responsibilities User research, wireframing,
prototyping, usability testing
The belief statement The positive side of traditional garment industry needs to be maintained and developed by technology. Thereby meeting the needs of personalization of modern consumer .
Problems The positive side of traditional garment industry needs to be maintained and developed by technology. Thereby meeting the needs of personalization of modern consumer .
1
Customer Both design and fabric does not meet customer needs as same time Limit the size of people who are too skinny or too fat Personal tailor product: high price and inconvenience
2
Fashion Designer Lack of customers and inaccessible customers directly Highly skilled, not fully utilized Low income High cost of physical store or their own brand investment.
3
Social Vietnam's garment industry is mainly outsourced with low value Massively produces, large inventories will be impact badly to the environment.
Solutions
Connect designer, tailor & customer
Customer can choose design, fabric and customize measurement
Personalize products
Made to order
Date optimized option, increased experience, style information
Customer Experience
1
2
3
4
Pick a tailor
Place order
Choose fabric Choose design
& customize measurement
Desktop Website You can visit tailorwings.com for live website
C
What do you want to be tailored?
H
hoose your design and send us ideally 3 or more pictures from multiple angles for better results.
Choose the fabric type for your design (
) Just click on the fabric for
ere you can find all of our available fabrics more will be added by time .
Your measurement
Requirement Notes
Build a personalized measurement profile in minutes. Whether you're dressing for work or that style
This is an important step, so take your time. The product will be tailored to fit perfectly and be exactly
O
rder
M
anage
m
and make the tailor aware of your body perception and needs.
Shirts
Dress
fO
List o ent
O
rders
ants
Skirts
Note 1
rder date
Note 2
O
C
Silk
Cotton
Taking your measurements is
quick and
C
P
like.
P
Almost done! Your idea
P
View Guidance Videos
is awesome and we
Neck
54
y
b
Fa
y
b
ric T pe
Fa
54
Upper Bust
e
ove
e
54
Bust
43
Waist
y
Front Bodice
Back Bodice
Waist To Knee
43
Upper Hip
14
86
Long Dress
ove
34
93
44
What colour or pattern do you want?
Off
er
Est. time 7 days
8 0,00 đ
P
y
8 0,00 đ
P
Est. time 7 days
8 0,00 đ
P
3
vn
ick tailor
P
ick 1
2 2 2
0
2
Cô L
b
Est. time
y
2
tailors availa
3
4 da s
vn
icked
le
Cô L
oan
3
vn
ick tailor
3 2
t L
i
21
R
eceive date
Tailor
/0 / 0 3 2
f m
ation
Ward
Address
21
ề á á
Hi n C
O
rder Details
14
t L
i
rder Details
Cit
y
District
Hip
43
m
y
Na
P
e
hone nu
mb
er
Waist To Ankle
10
Finish date
Long Sleeve
102
that suits you best.
b
La
el
M
ai Linh
Finish date
Tailor
O
O
rder details
el
f
Bank Trans er
ai Linh
8 0,00 đ
vn
b
La
M
8 0,00 đ 3
50
/0 / 0
ề á á
Hi n C
O
Hiển thị tất cả ảnh
Shoulder
Use the filter to choose the available selection and continue with the one Back
le
I
Tailor
Rm
b
Shipping n or
eceive date
ric T pe
17
Rm
0//00
rder date
2
ending
Histor
ove
i
you.
Cotton
e
t
tailored right away for
Height
ric T pe
2 2
can't wait to have it
z
ick Si es
Tailor
b
O
/0 / 0 0
tailors availa
3
Dress
Rm
i n
Summary
R
Fa
14
0
z Use the table below for finding the right one.
C
ick 1
You can also use standard si es if you
easy with our instruction.
: 1
Weight: 230 gr / m
Price: US $ 10 per metter. omposition: 100% otton
Latin
here, or browse
Note 4
z
Standard Si e
nline
Thickness 0
Drop your image Supports: JPG, PNG, JPEG
ove
H ề Cá Lá
Sign out
O
Premium quality cotton fabrics.
H
e
Tailor
Back
ent
Note 3
Sign out
*DETAIL
Rm
m
Ao Dai
*DESIGN A OSTUME IN T IS FABRIC
Dress, Shirt .
ove
anage
1
P
Minimum image size 500 KB. The higher the quality, the higher the results.
e
m
Finding
Cotton
Rm
rder
like you want IF you give us as much detail as possible. Feel free to share your vision and imagination
blog side hustle, get ready to be spoiled by the best fit of your life.
more detail and selection to continue.
3
Casd
Choose
O
n Deliver
y
vn
rder details
Su
mm y ar
x
Ne t All
Ani
m
al
Floral
P
eople
Things
P
lain
O
thers
I
TA L
Height
OR
I GS - How To Measure : Hip ( 4/15)
Neck
54
fm
W N
54
Shoulder
54
List o
Bust
43
easure
Waist
Back
m
Find Tailor
ents
Hip
43
Dress
43
P
Cotton
icked
Upper Bust
Front Bodice
86
17
Back Bodice
34
Waist To Knee
93
Upper Hip
Typin
Height
54 Long Dress
17
Long Dress
x
Ne t
Back
Neck
54
Bust
Shoulder
54
43
Waist
43
Hip
43
Long Sleeve
Upper Bust
Back
Hiển thị tất cả ảnh
Waist To Ankle
|
x
Front Bodice
86
Back Bodice
Waist To Knee
34
93
Long Sleeve
Ne t 50
102
Your Requirement Notes Note 1
Note 3
Note 2
Note 4
P
lace
O
rder
Upper Hip
44
Waist To Ankle
10
Mobile Website You can visit tailorwings.com for live website
Step 1
Step 2
Step
What do you want to be tailored?
Choose the fabric type for your design
Choose your design and send us ideally 3 or
Here you can find all of our available fabrics
more pictures from multiple angles for better
(more will be added by time). Just click on
results.
the fabric for more detail and selection to
Tailor Offer
Orders Management
3
Your measurement
Finding
Build a personalized measurement profile in minutes.
Whether you're dressing for work or Order Date
spoiled by the best fit of your life.
23.03.2021
continue.
Pick 10 tailors
Shirts
Dress
Pants
Hiền Cát
that style blog side hustle, get ready to be
Est. time
Standard Size
Measure Online
Ao Dai
Slik
Taking your
You can also use
measurements is quick
standard sizes if you like.
and easy with our
Use the table below for
instruction.
finding the right one.
7 days
830,00 vnđ
avaiable
Skirts
Lái
Pick
Order Date
Latin
Chị Giàu
Est. time
3 days
970,00 vnđ Pick
23.03.2021
Hiền Cát
Pick 10 tailors
Lái
Hiền Cát
Lái
avaiable
Est. time 1
OF 4
2
Upper Chest
Drop your image
OF 4
Upper Wasit
here, or browse
Pending
7 days
Voan
Receive Date
Tailor
23.02.2021
830,00 vnđ
Pick
Pick
Shipping Information
Hiền Cát Lái
Minimum image size 500 KB. The higher the quality, the
Ward
higher the results.
Order Details Height
Neck
54 Waist Lụa
Latin
54 Hip
Shoulder
Bust
54
43
Upper Bust
Front Bodice
Adress
Receive Date
23.02.2021
City
7 days
830,00 vnđ
Supports: JPG, PNG, JPEG
Cotton
Est. time
Dashboard Mobile Đã báo giá
Welcom to Tailor Wings Dashboard
Xử lý đơn hàng
Mai Lê Phương Nam Tới Quận 8
Mã đơn TW-019
Đơn đợi báo giá
Đơn may mới
Áo dài
Xử lý đơn hàng
Thông tin cá nhân
Thu nhập
Số lượng thợ may đã báo giá
Thời gian đếm ngược
43
14:71
Giá đã báo
Thời gian đã báo
435.000 đ
3 ngày
Đơn sửa
Mai Lê Phương Nam Tới Quận 8
Áo dài
Đơn hoàn thành
Cấp độ 1
Mai Lê Phương Nam Tới Cấp độ 1
Đơn đang may
Quận 8
Cấp độ 1
Áo dài Số lượng thợ may
Thời gian đếm
Mong muốn khách hàng
Thông tin những yêu cầu mong muốn của khách hàng sẽ nằm ở đây.
Asset Management Dashboard Đơn hàng (18)
Bạn cần tìm gì?
Mã đơn hàng
Ngày nhận
Khách hàng
#k8pk4lz9
07/05/2020
Dương Đinh Đông Khoa
#k8pk4lz9
07/05/2020
#k8pk4lz9
07/05/2020
#k8pk4lz9
Đơn hàng
Quản lý ảnh
Nhập liệu
M002
Fabric
Product
Đơn hàng
Quản lý ảnh
Nhập liệu
Xin chào, khoasdyn!
X001
B003
M002
Upload
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
X001
ảnh
Đăng xuất
mobile desktop thumbnail
mobile
dekstop thumbnail
Tổng tiền
Thanh toán
Mới
PAID
1.653.000đ
Mới
PAID
1.653.000đ
Dương Đinh Đông Khoa
Mới
UNPAID
1.653.000đ
07/05/2020
Lê Châu Hữu Thiện
Mới
PAID
1.653.000đ
#k8pk4lz9
07/05/2020
Lê Hoàng Kym
Mới
PAID
1.653.000đ
#k8pk4lz9
07/05/2020
Trần Phương Nam
Mới
UNPAID
1.653.000đ
#k8pk4lz9
07/05/2020
Dương Đinh Đông Khoa
Mới
UNPAID
1.653.000đ
#k8pk4lz9
07/05/2020
Dương Đinh Đông Khoa
Mới
PAID
1.653.000đ
Nhập vào mã sản phẩm...
Xin chào, khoasdyn!
T ình trạng
mobile
Lã Phương Châm
Dương Đinh Đông Khoa
desktop thumbnail
#k8pk4lz9 (6 sản phẩm) Đầm Suông Keelin 540,000đ SIZE: Custom
Đăng xuất
82 / 90 / 103
Đơn hàng
Dương Đinh Đông Khoa số 6 đường số 4, khu Hà Đô Centrosa, phường 12, quận 10, HCMC
Hochiminh 72510
Vietnam
Quản lý ảnh
Đầm Xòe Keva
+84 90 683 06 79
705,000đ SIZE: XS
khoasdyn@gmail.com
102 / 95 / 78
Nhập liệu Thông tin thanh toán
PAID
Đầm Xòe Dilys 540,000đ
Total Discount
-40,000đ
SIZE: XXL
82 / 90 / 103
Shipping
0đ
Tax
0đ
Total
Xin chào, khoasdyn! Đăng xuất
Đầm Xòe Dilys 540,000đ SIZE: XXL
82 / 90 / 103
Ghi chú Đây là ghi chú của khách hàng.
2.267.000đ
Thank You
UIUX Designer +84 93992 9405 2020 - 2021 Design Works
khoasdyn@gmail.com