UI UX PORTFOLIO

PORTFOLIO

Chu Duc Chinh

Email: phillip.chu@techvify.com.vn

About me

Chu Duc Chinh is a Vietnamese-born UI-UX designer crafting systems and experiences in Ha Noi, Viet Nam. I am a designer with a technical background. My passion lies in building empathy, prototyping concepts, and iterating for the solution.

Education

FOREIGN TRADE UNIVERSITY OF HANOI

Major: International Business Economics | 2018-2021

Enterprise Design Thinking Co-Creator

Issued by IBM | 2023

GOOGLE UX DESIGN SPECIALIZATION

Issued by Google | 2023

Enterprise Design Thinking Practitioner

Issued by IBM | 2023

Work Experiences

TECHVIFY

UI - UX Designer | Feb 2023 - Now

VMO GROUP

UI - UX Designer | Dec 2021 - Jan 2023

SYNODUS

UI - UX Designer | May 2020 - Dec 2021

Data Analyst | Nov 2019 - May 2020

Skills

DESIGN

UX Research

Data Analyst

UX Writing

UI-UX Design

A/B Testing

Usability Testing

TOOLS

01 WEBSITE DESIGN

CRM System

CRM System is my personal project of improving and redesigning the CRM system that I worked on about 4 years ago when I was a student. This was a very interesting project as I was free to explore and try many different design layouts to improve an old system.

User Management

Plan Configuration

Content Management

Subscription Management Report

Subscription Plan Yearly Plan Monthly Plan Individual Plan

Plan Lists

Plan Name 1

In the Batch user import template file, in this phase only includes column User name and User email. Does not include other columns such as Country, Postal code...etc. In the Batch user import template file, in this phase only includes colu... Mar 20, 2022 9:00

Plan Name 1

In the Batch user import template file, in this phase only includes column User name and User email. Does not include other columns such as Country, Postal code...etc. In the Batch user import template file, in this phase only includes colu... Mar 20, 2022 9:00

Subscription Reports

Sort by: Name A-Z

Breakthrough Report 2023

Breakthrough Report 2023

Breakthrough Report 2023

Breakthrough Report 2023

Breakthrough Report 2023

Breakthrough Report 2023

Breakthrough Report 2023

Breakthrough Report 2023

CRM System

In the Batch user import template file, in this phase only includes column User name and User email. Does not include other columns such as Country, Postal code...etc. In the Batch user import template file, in this phase only includes column User name and User email. Does not include other columns such as Country,

Note 1

In this phase, BO admin is the only role to access. So other user types are currently disabled.

Note 2

In the Batch user import template file, in this phase only includes column User name and User email. Does not include other columns such as Country, Postal code...etc

Note 2

In MVP version will not have role Company Admin yet. As a result, button for enable "Is User Admin" is currently disabled from editing

WEBSITE DESIGN

Luxurique

02 MOBILE DESIGN

Muji

This is a part of my freelance project when I has a chance to collaborate with my best friend in the Design Field. We were able to

8:22

フランネル

8:22

フランネル

商品説明 配送

この商品は【ネットストア限定、消費税込

以上で配送料無料、対象商品】です

配送料

いくつ買っても 500円

配送区分

5,000円

宅配品. 無印良品の店舗で受け取って 配送料無料

最短お届け日

住所を入力

レビュー (22件)

シバさん

4.8/5

2022/12/21 本当に満足

購入サイズ： Ｍ サイズ感: ちょうどいい

初めてのフランネルシャツです。店舗で一目惚れしました。買

おうか迷って一度お店を出ました。でもなんだか気になってし

まい、結局無印さんのお店に戻ってしまいました。それくらい

可愛くて素敵なシャツです。Lを試着しましたが、とてもゆ

1,990円 消費税込みで カートに入れる

参考になった (12人)

1,990円 消費税込みで

MOBILE DESIGN PROCAT

PROCAT is a part of my personal project which dedicate to task management. I come up to this idea about this app while laying in my bed using laptop to check tasks on Jira & Trello every other night, so why not making a mobile app to solve this problem?

PROCAT

MOBILE DESIGN Visit Lapland

Visit Lapland is a part of my personal project which is about Lapland, Finland. I still remembered how I was so overwhelmed by the beauty of this place when I first scrolled through their Instagram feed. Thinking about Visit Lapland in the future, I decided to design the mobile version of Visit Lapland.

MOBILE DESIGN

9:41

Destination Details

Reindeer Farm Visit in Kuusamo- Kujalan porotila

16/12/2022 - 20/12/2022

Rovaniemi in the Lapland region of Finland.

4.8 (930 Reviews)

General Photos Reviews Related Trips

Description

A tour around one of the oldest and biggest reindeer farms in Kuusamo. Meet and feed all the farm's hundreds of reindeer in the ancient corral in Kujala Reindeer Farm!

What’s included?

Thermal outfit, guidance in English, snowmobiling 2 persons / snowmobile, fuel, traffic insurance (maximum personal liability €980), reindeer farm visit, 1km reindeer sleigh ride, hot beverage and sweet pastry.

What do I need to bring?

Weather appropriate clothing and shoes

Please note

Children under 12 years only in the company of parent

9:41

Destination Details

Reindeer Farm Visit in Kuusamo- Kujalan porotila

16/12/2022 - 20/12/2022

Rovaniemi in the Lapland region of Finland.

4.8 (930 Reviews)

General Photos Reviews Related Trips

From € 320.00 Book now

Cancellation Policy

We will charge a cancellation fee of 50% if booking is cancelled 12 hours or less before the event

From € 320.00 Book now

Top Navigation

Design

Typography

Font

SF Pro Text

Typeface family

Whereas recognition of the inherent dignity

Whereas recognition of the inherent dignity

Whereas recognition of the inherent dignity

Design based

Color

Brand Color #44B392

Secondary Color #1E3254

Bottom Bar

Function / Text Color #4B4B4B

Function / Background #E3FEF3

MOBILE DESIGN

9:41

Destination Details

Reindeer Farm Visit in Kuusamo- Kujalan porotila

16/12/2022 - 20/12/2022

Rovaniemi in the Lapland region of Finland.

4.8 (930 Reviews)

General Photos Reviews Related Trips

Ratings & Reviews

4.8

930 Reviews

Great Experiences!

Isabelle Haak

Sort by: Most Recent

9:41

Destination Details

Reindeer Farm Visit in Kuusamo- Kujalan porotila

16/12/2022 - 20/12/2022

Rovaniemi in the Lapland region of Finland.

4.8 (930 Reviews)

General Photos Reviews Related Trips

Related Trips

5/5

14 Dec, 2022

It's time to meet the quintessential animal of Lapland! In this safari, you'll turn onto the snowmobile track and ride through snow-covered nature to a local reindeer farm. There, the reindeer owner has a carefully selected group of reindeer trained for sledge pulling. Get ready to sit snugly in the sleigh while the reindeer takes you for a 1km ride!

Great Experiences!

5/5

Rovaniemi

Santa Claus, Skiing & Arktikum museum

€ 266 6h

Saariselkä Ski Resort

Santa Claus, Skiing & Arktikum museum

€ 320 24h

From € 320.00 Book now

Isabelle Haak

14 Dec, 2022

It's time to meet the quintessential animal of Lapland! In this safari, you'll turn onto the snowmobile track and ride through snow-covered nature to a local reindeer farm. There, the reindeer owner has a carefully selected group of reindeer trained for sledge pulling. Get ready to sit snugly in the sleigh while the reindeer takes you for a 1km ride!

From € 320.00 Book now

Rovaniemi

Santa Claus, Skiing & Arktikum museum

€ 266 6h

Rovaniemi

Santa Claus, Skiing & Arktikum museum

€ 266 6h

MOBILE

DESIGN

Ivy Music

I have always loved listening to music, a lot of Genres, different Artists, many songs made just for your taste is about Ivy Music.

Ivy Music

Millions of songs for you

Listen now

CASE STUDY

As technology develops, products that have been launched in the market for a while also need to meet the technology needs of their users. This case study will not be about building a completely new app but following the approach of developing more features for products that have been used in the market, namely integrating more online payment features into the market. an E-commerce app

Work Process

Use Double Diamond Design Process

PHASE 1: DISCOVER

Phase 1: Discover

PHASE 2: DEFINE

PHASE 3: DEVELOP

PHASE 4: DELIVER

In the first phase, it is necessary to clarify the issues in developing new features in the app. Conduct an Survey after launching the app for 3 months (which clarifies questions asking what problems users face when encountering the app, categorizing flowrelated issues, bugs, and improvements). From this data, I have analyzed to filter out the feature that needs further development in the app, which is online payment.

Target User

People who want to buy goods online (students, office workers, ...); 18-40 years

Phase 2: Define

Business Problem

App lacks card payment function and QR code in payment activity

Clarifying the functions in online payment to be developed: including payment by ATM/Credit/Debit card and payment by QR code

Integrating more online payments in the app will have a big impact on the payment behavior of users, giving them more options when paying.

T-shirt sizing the process (Estimate how big the project is gonna be) , In this case for an UX designer is 12 working days.

Phase 3: Develop

After having clear requirements and already scoped out what i’m going to be working on. It’s the time to wide in explorations of the design ( brainstorming ideas on paper, create initial wireframes)

After I had the first sketches of the interface on paper, I digitalized it and crea a better view of the features and their place in the new interface of the applica

In this phase, we will figure out what is going to be actually shipped in the end of Develop phase. Wireframes and equivalent user interfaces should be deliver on time and with accurate work scopes.

We would do 1 - 2 rounds of Usability Testing to make sure the design solutions is going to have the impact that we initially wanted to have and that's actually solving a real user and business problem. Based on Usability Testing results and feedback, we’ll do necessary iterations of redesign (Which spend most of the time in the last phase)

USER INTERFACE DESIGN

In this section, I will detail the elements in the new user interface of the newly added online payment feature in the application. Every new UI design will have a big influent to the development team when it comes to implement after, so I need to carefully “upgrade” the design from the confirmed wireframe with the Project team or it may turn to a unfeasible cases for dev team to code in the future.

CHECK OUT

For the old interface of Checkout screen, the Payment option was fixed with Pay with Cash, but in the new version, there’ll be 2 new payment options.

User can see what are the others options in a different screen and can change it due to there desire.

4. PO (Pay with QR Code)

When user select Pay with QR Code option, they can see the list of supported E-wallet in the app and choose due to their reference

If they tap to one of these E-wallet option, the system will navigate them to the Transaction Screen that exact E-Wallet app which out of Nome app.

2. PAYMENT OPTIONS (PO)

The screen will have 3 payment options to be listed which are: Pay with Cash; Pay with Credit/Debit Card; Pay with QR code

There will be a note to inform user that there transaction will be completed encrypted and secured.

5. TRANSACTION CONFIRMATION

This screen will only appear when user choose Pay with Credit/Debit Card and then Check Out.

In this screen, user can see the total amount of money they need to spend, the product overall description and transaction fee.

There will be also a note and time to inform user about that purchase

3. PO (Pay with Credit/Debit Card)

When user select Pay with Credit card options, if they have already purchased before and user this option, the default card will appear If the user is new, they will have to enter Card information in order to purchase

6. COMPLETE TRANSACTION

This screen will show user if there transaction is successful, there’ll be other cases in transaction I will need to face after

User will be informed that they will get a receipt of order and order ID in the email they registered before. They can also view order to see whether it’s been shipped or not.

Usability Testing Plan

The purpose of the UT plan is to document what I’m going to do, how I’m going to conduct the test, what metrics I’m going to capture, number of participants I’m going to test, and what scenarios I will use. Please note that not all of the Test Plan nor Test Script will be displayed in the Portfolio.

Objectives

Determine user's first impression and observe how users navigate through the new Checkout Flow

To figure out what specific difficulties users encounter when they try to complete the transaction using new Payment Options when using the app.

To identify any critical errors or confusions that prevent users from completing their tasks efficiently

Determine the findings from testing results to make improvements and hot fixes on iterations for the next round.

Background

NOME is an E-Commerce App that has grown to encompass a huge array of goods including housewares, lighting and clothing.

Goals

My aim is to test for usability and utility. I want to identify existing pain points and critical errors.

Methodology

The study will be held at the participant’s work place and will be conducted as Moderated In-Person Tests.

Participants

There will be 6 participants all recruited via my social network. They were screened to ensured that they fit with the user persona of NOME.

Sessions

Each session will be 8-10 minutes in length. The testing will be done with recording mode in an iOS environment.

Roles

There’d be 3 staffs participate in the Usability Testing which are: 1 UX Designer, 1 Product Owner, 1 Technical Leader.

Metrics Errors will be measured using Jakob Nielsen’s scale

0 I don't agree that this is a usability problem at all

1 Cosmetic problem only: need not be fixed unless extra time is available on project

2 Minor usability problem: fixing this should be given low priority

3 Major usability problem: important to fix and should be given high priority

4 Usability catastrophe: imperative to fix before product can be released

Usability Testing SCRIPT

Introduction

Hello! Thank you again for taking the time to participate in this study. Before we get started, I'm going to give you a brief overview of the test and how it will work.

Today, we'll be asking you to try out our app called NOME and do a few activities using the app. The fee during the test will be covered by us. We want to understand what you think that works well about the app, as well as what doesn't. Please feel free to let us know at any time if there's something you like, dislike, if you're confused, etc. If at any point you have questions, please don't hesitate to ask. We encourage you to think aloud as much as possible.

With your permission, we're going to record this session, which will only be used to help us figure out how to improve the app, and it won't be seen by anyone except those working on this project. Ok, let's get started!

BACKGROUND INFORMATION

1. Please select your age range:

18-24 years 25-35 years 36-50 years 51+ years

2. What is your highest level of education?

3. What is your current position?

you use payment by card or QR code (1 to 10) 0-2

We’ll give you a scenarios to discover the feature of the app. You’d like to buy a sofa and when online looking for one in our app. Using NOME you can select the sofa you like and pay for it without using cash. As you complete each activity, we’d like you to tell us your thought and feeling as you navigate through the feature.

1. Overall, how difficult or easy for you to pay for the sofa with Credit/ Debit Card?

very easy

very difficult

2. Overall, how difficult or easy for you to pay for the sofa with Pay with QR Code?

very easy 1

3. Do you think NOME would be a safe app for you to store your account and do payment online for stuffs? (1-10)

0-2 3-6 7-8 9-10

4. Do you think the app is clean and attractive? (1-10) 0-2 3-6 7-8 9-10

very difficult

USABILITY TEST RESULTS AND PLANNING FOR NEXT STEPS

BACKGROUND INFORMATION RESULTS

MOBILE APP USABILITY TEST RESULTS

Negative Comments

Positive Comment

I like the design, looks neat and clear