top of page

MY WORK

Below are the professional, personal, and passion projects I've been involved with.

Looking forward to discovering what we can do together!

Deliverables include:
 

  • Research 

  • Documentation

  • Sitemaps

  • Userflows 

  • Wireframes

  • Design systems

  • Figma prototypes

  • Wix, Wordpress,
    Squarespace


 

Coming soon

Deliverables include:
 

  • Visual brand direction

  • Brand documents

  • Content pillars 

  • Content calendar 

  • Instagram Content

  • KPI report document

  • Lead Magnet Campaign


 

Coming soon

Deliverables include:
 

  • UX Writing  

  • Information Arcitecture

  • Social media copywriting

  • Feature writing

  • News writing

  • Creative writing

  • Education Modules


 

UX UI DESIGN PROJECTS

The UX UI design projects below were done with my cohort in a trusted UX UI designbootcamp, Xccelerate. Each project is a collaboration with real clients for real business problems. 

It's an honor ot be able to work with one of the clients towards the end and continue the
project that my group started.

 
Frame 313246.png
A Modern & Empowering Domestic Worker Hiring App Solution

Role

UX UI Designer, Research, Project Planning & Coordinating

Duration

1 month (Ongoing)
Case study 2.png
One Click Bill Payment Intergration For All Your Bills

Role

UX UI Designer, Research,
Information
architecture 

Duration

1 month 
image 3.png
MetaMaster Screens.png
A Blockchain App Solution for Trading 
Tangible Goods as NFT

Role

UX UI designer, research
wireframes, proto
typing

Duration

1 month 
image 4.png
Anchor 1
User Segment For Employers
Based on 5 survey participants and 5 user interviews, they were willing and generous with their time.
Xcc Capstone Project_MyHelper (Research Wall) (1).png
Gap Analysis
Our gap analysis begins with insight derived from our research. This will give us direction to prioritize the
right features.
Anchor 1
Problem
Proposal
Expectation
Site Map & Service Design
The following images show how I organised the content for information architecture as well as the operations for the administrative team in coordination with the rest of the team as well. 
Helper's view site map (Web version).png
Frame 11.png
Although obscurred for non-disclosure, this image this an idea of what these two sitemaps show two user segment views. One is for helpers and the other is for employers. Similar in quantity, however different in priority.
 
Service Design.png
This image although obscured for the same reason, this flowchart is the first version of service design upon launching. The reason we did this is so that every team member knows how they can work together for a better client experience. This will also help us pinpoint exactly what parts need to improve for future evaluation.
 
Service Design Content Flowchart
  • Chart flows from awareness to retainment
  • It involves action taken from physical to digital form.
  • Finally, each square is every action that every team member takes and how they correlate to each other.
Service Design Process
Moodboard
Hi-Fi Wireframes
Design System
Branding & UI
image 34.png
image 47 (1).png
Frame 313232.png
The following images are a snapshot of our visual branding, user interface design as well as design system consolidation. On top is the moodboard, then the wireframes and finally at the bottom is the design system. 
Frame 313249.png
User Research
Anchor 1
The following images are documentations of our research, both secondary and primary.

See table on the right for details on our research objects, user response and research method. One challenge is for user person, it is basically any age that pays bills which is very generic.
Screenshot 2023-10-12 at 11.57.55 AM.png
Screenshot 2023-10-12 at 12.01.07 PM.png
Screenshot 2023-10-12 at 12.00.34 PM.png
Insights & Recommendations
The boxes below show the four main insights which we have agreed 
on aftering gathering data from user research documents.
Anchor 1
The table below shows the how want to turn
these insights and the challenges implied into proposed solutions and what our clients can possibly expect from these proposals.

Recommendations

The following is a summary of our recommendations for the
UX direction of this project.

Recommendations.png
Test Results
Anchor 1
Usability Test Diagnosis
Frame 313253.png
Summary of Changes
This table below is a summary of the changes we made 
to the app.
Anchor 1
UI Design
Gamified Reward System
  • A promotional wheel featuring all other HKT apps
  • This will users learn about other apps they don't have

     
Payment Feature
  • It will help link children apps together
  • In-app payment features
​
​​
​

Recommendations

The following is a summary of our recommendations for the
UX direction of this project.

Recommendations.png
Anchor 1
Insights
To be able to clarify our user insights, we concluded it by writing problem statements,
user stories and jobs to be done. By doing this, we were able to give direction for
feature requirements and recommendations.
Anchor 1
Screenshot 2023-10-22 at 12.55.39 PM.png
Recommendations
The following are images from our research wall. We were able to conduct both primary and secondary research. I contributed more to primary research and analysis. We conducted 23 surveys, 10 interviews and later on usability tests as well.
  • Scarce local market and platform
  • Demand for building a community of wine enthusiasts
  • Authenticity of
    trade
  • Feature master's collection in explore
  • Be able to follow friend's portfolios
  • Set up a system to
    prove reliability
  • Choose self 
    pick up
  • Popular wines
    or spirits will
    encourage trade
  • Digital trading makes it more accessible
  • Users will trust
    the platform
  • User will have
    less concerns

After prototyping, we were able to gather data from usability tests. My teammates took the lead
to gather 5 participants and test under our top features (see above, be able to buy a
wine, check wallet balance, send a gift and redeem NFT).

Usability Test Results
As seen in the image, this is our test result for the payment flow. We learned users would like to check an order and confirm first before purchasing. So, we reiterated our userflow and screens based on this data.
Usability Test
After prototyping, we were able to gather data from usability tests. My team mates took the lead to gather 5 participants and test our main features (buy wine, check balance, send a gift and redeem NFT)
Anchor 1
Screenshot 2023-10-22 at 12.55.01 PM.png
Usability Test.png
bottom of page