Dong Khoa Portfolio CV

Page 1

“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

Tax

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.