2019 UI/UX Prodcct Portfolio

Page 1

Chester L M Wong UI/UX Product Portfolio


More About me I am a product designer from Hong Kong. My design emphasizes a problem solving approach via strategic data analysis. My belief is that details are not only “details�. Instead, they fulfill the design. Likewise, beauty is the combination of form and function.

Hello, I am


Experience and Education Contact Design Limited Hong Kong Junior Designer 2017

Jetta Company Limited Hong Kong Product Design & Business Development Engineer 2018-Present

Diocesan Boys’ School Hong Kong

California State University, Long Beach

Graduated

B.A. in Design

m Chester


UX/UI Design

TAG local

Squeak

M+ ARt

1 2 3


Product Design

Amazon Space

CR-49 Facle

Dota2 HK Wooden Axe Trophy

4 5 6



TAG Local is an online platform for travelers visiting Hong Kong. The concept of TAG Local is for visitors to meet locals Hong Kongers, based on location and hobbies of locals and visitors. TAG Local also provides different suggested travel routes within Hong Kong for users with different hobbies to travel together. The in-app conversation allows visitors and locals to communicate with each other without showing their personal contact details.


Problems that TAG Local can Solve

Nowadays, more and more visitors are coming to Hong Kong for various reaso them come to Hong Kong for vacation. While most of visitors the find Hong destination to visit, they still have troubles in their visit. For instance, they may rogue taxi drivers, or not getting to the desired destination at the quickest and Also the local Hong Kongers may not be able to meet with the visitors due to constraints. The objective of TAG Local is to enhance the experience for loca meet with each others. Below is the troubles that visitors and locals are havin For Locals: For Visitors: - Not familiar with locations and landmarks - Unable to meet some - Unable to speak the language cultures - Unable to know more about the culture - Unable to find friends with - Information in the internet might not be true - Unable to practice foreign or difficult to find - Unable to promote commu


ons, and not all of Kong an amazing y be scammed by d/or easiest route. o timing and work als and visitors to ng.

eone from other

h similar interests n language unity to foreigners


Current Options

HK Foodie: Provides private and group local food tours in H are professionals. Although the experience is pro available, and not every locals can join to show th

HK Free Tour: Provides weekly free local tours for tourists in Ho and is free of charge. Unfortunately, only one tou

Sam the Local: A platform for locals to show tourists around Hon the user due to the fact that they are not able to acting as a tour guide is unclear as well.


Hong Kong. The experience from HK Foodie is promising because the guides omising, the inflexibility of time is the biggest letdown, also no Sunday tour is he tourist around.

ong Kong. HK Free Tours provides free online Hong Kong Travel tips for tourists, ur guide is available. The content of the tour is fixed too.

ng Kong. It is easy for locals and tourists to join the platform. But it is unsafe for o communicate with each other beforehand. The regulations regarding locals


Story Board

Visitors make RSVPs

Visitors Chat with the Locals

The Locals up with Visito


s Meet h the ors

The Local Shows the Visitors Around

Tourist & the Guide rate each others


Persona Study James is a tourist from the United States. He comes to Hong Kong for his graduation vacations. James want to meet some locals in his trip. He wants to know more about the cultures of Hong Kong, and someone who is able to take him to some local places. James also is not so confident about his Hong Kong trip due to the fact that he is unable to speak Cantonese. He would like to have someone to take him to some places.


Pete is born and raised in Hong Kong. All of his friends are from Hong Kong and he wants to meet someone of a different culture.

Pete wants to meet a tourist and show them the Hong Kong that he likes. Also, He wants someone to show him around when he is in another country. Pete always wants to meet with some foreigner to practice English, also he is unable to find the people who has similar interest as him.


Wire Flow Home

EDIT

Profile

Local Profile

Search

Near by Locals

Chat with Local

Top Matches Locals Request

Message

Instagram Photos

James

Home

News

Inbox

Trips

Home

Settings

EDIT

Profile

Visitor Profile

Search

Near by Tourlist

Chat with Visitor

Top Matches Tourist Request

Instagram Photos

Pete

Home

News

Inbox

Trips

Settings

Message


Chat with Local Message

Profile

Pick Date & Time FEB 2017

MAR 2017

APR 2017

SUN

MON

TUE

WED

THU

FRI

25

26

27

28

29

30

SAT

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

Booked

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

From

Till

19 Mar 2017 At Tsim Sha Tsui MTR Station BackHome to Home

Request Date

Reserve Date

Instagram Photos

Chat with Visitor

Message

Pick Date & Time FEB 2017

r

Message Lauren Message

Request

SEND

Your message

Lauren is booked on Request Message From 11:00AM to 5:00PM

MAR 2017

Profile APR 2017

SUN

MON

TUE

WED

THU

FRI

SAT

25

26

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

Booked

Lauren is booked on 19 Mar 2017 Request Message From 11:00AM to 5:00PM

At Tsim Sha Tsui MTR Station BackHome to Home

30

31

1

2

From

Till

Your message

SEND

Reserve Date

Request

3

4

5

Request Date

Instagram Photos

Message Lauren Message


Prototype Demonstration Home

EDIT

Search

Near by Locals

News

3

S Search

1

Dickson Knows Kowloon

Top Matches Locals

2

Lauren Knows Hong Kong Island

Outdoor

Adventrue time

Aaron Knows Lantau Island

Patrick Knows New Territories East

Home

News

Inbox

Trips

Settings

2 days ago

The sight of the tumblers restored Bob Sawyer to a degree of equanimity which he had not possessed since his interview with his landlady. His face brightened up, and he began to feel quite convivial. At length one of them called out in a clear, polite, smooth dialect, not unlike Home Inbox Trips Settings in sound News to the Italian: and therefore I returned an answer in that language, hoping at least that the cadence might be more agreeable to his ears.

History


Suggested Route

4

1

Near By shows the visitors or locals who are close by and willing to meet immediately.

2

Top Matches present the locals and/or visitors that have the most common interest with the user.

3

News is a platform that shows current events.

4

Suggested Route provides suggested routes for the user to travel about based on what they are interested in.


squeak Squeak is a model application for university students and recent gradates to look for jobs or internship opportunities. Squeak is not only a platform for job seekers, but also for recent gradates and university students to meet with the expert in different fields. Furthermore, there are discussion forums for the students to share their thought about the companies which they worked previously.



Current Situation

There are more and more university students nowadays. Some of them ar paths. They are not sure whether the major that they are studying is what platform to allow university students to discover different career paths. The n a platform for working professionals and university students to meet with e internship opportunities to the university students as well.

The new version of Squeak is not only able to help university students, but is connect with the students that are highly interested in joining their company. help the companies to promote their brand image by letting others leave comm


re still not sure with their career t they passionate in. Squeak is a next sept of Squeak is to provide each other. Squeak also provides

s also used for the companies to Other than that, it is also able to ments as to the work environment.


Scenario Study Jane is a university student who is studying accounting. She studies accounting because she does not know what she want to do after graduating high school. In university, she found that her passion is not in accounting. She discovered her interest in taking pictures and she would like to become a photographer after graduation. Jane would like to start a photography career, but she does not know how or where to get advice from to help kickstart her career.


Justin works in a popular international media company as a creative director. He want to have more photographers in his team. He wants to hire someone who is young and really passionate about the job because the work is demanding and requires lots of patience. Unfortunately, Justin does not know a lot of young people, so he would like to expand his network to find someone who is trustworthy.


Story Board

Jane does not want to be an accountant

Jane is passionate in photography

She goes online and meet with Justin


Justin sees her passion and offer her an internship

Jane checks the company online

She starts working as an intern photographer


Wire Frame Company Review

Match with Expert/Employers


See the Ex-Interns

Messaging the Expert

Chat with Ex-Interns


Final UI

jobs

interns

exchange

Search

HSBC

Product Analyst HSBC 2019-05-16

Product Analyst Intern Apply Now

gossip

requirement

predecessor

Celina CUHK Programer at IBM

1

James UST Business Devlopment Intern at Lenovo

105 Views

Ana S

Peter Smith Management Trainee IBM Cathay Pacific Director 2019-05-20

Experence

92 Views

Senior Project Manager Apple Feb 2012 - Oct 2017

schne

Project Management Officer AXA Project Manager 34 Views 2019-05-27 HTC Nov 2000 - Dec 2011

Amy OUHK Product Analyst Intern at Bank of China

Senior Engineer Human Resources Assisstant HP Hong Kong Jockey Club May 1996 - Sept 2000 45 Views 2019-06-08

More about yo

What are

Matt HKU Product Engineer Intern at Apple

2

Global Investment Research Analyst

What are

UBS

Ali Poly U Graphic Design Intern at IDEO

How you

2019-06-11

58 Views

Where a


1 SETTINGS

Schneider

Predecessor allows users to meet and chat with the people who work in the company with the same position.

2 Connections matches work professionals and users to chat with.

eider@cuhk.edu

ou

3 More About You is a survey for Squeak to match the perfect job for the user. 3

e you intrested in?

u want to work?

e you studying?

are you studying?



M+ ARt is an concept developed in M+ Hakathon. The main idea for M+ARt is to enhance the experience for the visitors by solving the common problems when people were visiting museums. The technology of AR is able to help the visitor by showing the information about the art piece. Other than that, M+ collects data and informations by using the built-in chatbot to directly communicate with the visitor. At the end of the visit, a data art for the visitors will be generate to be shared in social medias to promote M+.


M+ Situation

M+ is a museum located in West Kowloon Culture District in Hong Kong. M+’s m on 20th and 21st century visual culture, broadly defined, from a Hong Kong with a global vision. With an open, flexible and forward-looking attitude, M+ delight, educate and engage the public, to explore diversity and foster creat offering a location to present the art piece, M+ also holds activities to promot such as the M+ Human Library. M+ focuses on human interactions, so most o very interactive. Therefore, the objective of this project is to enhance the M+ v


mission is to “focus g perspective and + aims to inspire, tivity.� Other than te the idea of M+, of the events are visitor experience.


Interact with Touch Screen

Find Route

Planing

Read Information

Know When to go to Another Zone

Plan Date for Museum Trip

Get Directions Head to Museum

Research Museum Check Opening Hours

Identify Cost

Journey Map Navig

Explo Muse


oring eum

Share Photos on Social Media

Leave Reviews on Online Platform

Visit Museum Store

Use Facilities

Take Photos

Talk to Friends About the Trip

Use Map

gating Feedback


Paint-Points Of Visiting Museum

As one can reasonably imagine, there may be many pain-points or inconven going to a museum. For instance, visitors may have difficulties in finding washr specific art pieces, or knowing the latest changes in opening hours.

Also, visitors who are not experienced in viewing art may not be able to appre unless they are able to read comments and critiques from expert art critics.


niences to visitors rooms, location of

eciate an artwork


Flow Chart Going to the Art Discussion M+ AR Information

Visual Art

Visual Art

Going to the Art Discussion

L3 L2 L1 L0 B1


Share the M+ Experience

Going to M+ Chatbot

I

the

Q W E A

S D Z

123

R

T F

IĘźm

Y U G H

X C V space

I J

O P K

L

B N M return


Suggested Solutions

Visual Art

L3 L2 L1 L0 B1 Firenze Lai The Bone Setting Clinic

Wucius Wong Superimposed Thoughts #3

Congrations, here is what you have created in this visit of the M+. This creation is based on the art piese you have seen in M+. Please share it with your friends and families.

Special Event at M+

1

2

3


1 Hi, Welcome to M+, How may I help you?

Floor Plan identifies the locations of the art piece based on the category chosen by the user.

Hi, I would like to know where is the gallery for product design? It is on L3, to the left of the elevator.

Thanks a lot.

You are welcome, is there anythings elese I may help you?

No thanks, have a great day.

I

the

Q W E A

S D Z

123

R

T F

IĘźm

Y U G H

X C V space

4

I J

O P K

L

B N M return

2 AR Identification shows the information of the art work, and also view and be involved in the discussion room of the art. 3 Sharing will generate a data art based on the path time and the art work they see for the visitor to share it on social media. 4 Q&A is a chatbot from M+ will directly communicate with the visitor, answering questions they have and asking for feedback.


SPACE Amazon Space is a wireless portable Hard Drive that is developed for Amazon. As Amazon is the largest cloud services company in the world and the idea of Amazon Space is to bring the cloud services offline. The main feature of Amazon Space is that it is to allow different devices to connect and share data with each other.



Amazon Brand Research

Amazon is one of the largest online retailer and cloud computing compan Amazon goes beyond by providing online services. Amazon now produces their such as Kindle, Amazon Fire and Echo. To develop a product to represent t bring the cloud storage from online to offline. Below is the list of requirement

Wireless Connections

Visual Communications

Portable

Share with Other Devices

Rechargeable


ny in the world. Nowadays, r own consumer electronics the brand of Amazon is to ts for the product.


Product Ideation



Product Configuration Front Shell

Motherboard

Back Shell


Lithium Battery LED Light Clear ABS

Antenna



SPACE



CR-49 FALCE

LONG RANGE SUPPORT VEHICLE Model Ki t

This model tank portfolio demonstrates my CAD drawing and toy design skills. I call this design CR-49 Facle. The “CR” stands for crush rover. While 49 is my lucky number. Finally, The word “Facle” is the Italian word of a scythe, depicting fear and terror.


Manufacturing and Prototyping

CR- 49 Facle is a model kit that designed for hobby collectors with different m with injection molded with ABS. The gear will be injection modeled with POM a The details of the model will be tempo printed on.

During the prototype process, I used multiple rapid prototyping methods,incl I painted the base coat with gray primer, then I used enamel paint to paint it details, and at the end, I shielded it with a Matt finish clear coat.


model building skills. Most of the parts are made and the track will be molded in polypropylene.

luding Poly Jet, SLS and SLA. For the finishing, t. Then put on water slide decals for the extra


Key Ideation



Internal Mechanism Bevel Gear for Movement

Polycarbonate for Strength

Linkage for Steering Movement


ABS for Outer Shell

Polypropylene for flexibility Tempo Printed Details



CR-49 FALCE

LONG RANGE SUPPORT VEHICLE Model Ki t


This portfolio is a demonstration of my CAD modeling, rapid prototyping, air brushing and dry brushing skills. DOTA2 Wooden Axe Cup Trophy is for the DOTA2 e-sports event by DOTA2 HK in 2018. DOTA2 HK is formed with very passionate Dota2 gamers in Hong Kong, and the Wooden Axe Cup is the first DOTA2 e-sports event organized by them. The wooden axe on the trophy stand is an item from DOTA2, called the quelling blade. The quelling blade is one of the most popular item for Dota2 beginners. As DOTA2 HK is a beginner in the e-sports industry.



Fabrication Method

To make the DOTA2 Axe, I use multiple technique. At the beginning of making t model. After finishing the CAD model, I used FDM to print out the axe. At the finishing for the axe’s vintage look. For the base, I laser cutted it with plywood the pattern of the wood.


the trophy, I used Fusion 360 to draw the CAD e end, I used airbrush and dry brush to do the d sheet. Then I had to stain the wood to show


Key Ideation





Contact wong.chester.lm@gmail.com +852 6090 8987


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.