Design is not art.
It is how it works.
It is a process.
It is a lifestyle.
It is simplicity.

Design is not art, it is how it works, a process, a

person with lightbulb iconshapes iconperson icon
Smart pantry mobile screen shotPerx health screenshot

she is...

She is a UX/UI Designer and a Design Mentor, with a demonstrated history in graphic design and art direction as well.

She is a passionate visual communicator and problem solver who believes in the power of collaboration and creativity in problem solving. Her strong passion for human centered design comes from her love of gaining insights, understanding the needs and motivations of individuals and aligning them with business goals.

She is a typography and iconography lover who loves white space.

She is a food enthusiast who often finds herself in a hangry mood.

her cv

her skills

She is a creative doing what she loves best, creating purposeful designs which accentuate simplicity and relevancy. She has a vision and she pushes the definition of design to pursue her passions, turning good ideas into great realities.

her cv
User
Experience
problem solving icon
Problem
Solving
design thinking icon
Design
Thinking
sketch and ideation icon
Sketch & Ideation
wireframing and prototyping icon
Wireframing
& Prototyping
visual communication icon
Visual
Communication

her work

Her work - Project - Perx Health
Her work - Project - Smart Pantry
Her work - Project - Assistance Dogs Australia
Her work - Project - Academy Xi

Perx Health

MY ROLE
UX Research, UX Design, UI Design

SUMMARY
Working in a UX team of three, I helped empathise and visual the
re-design a simpler interface of the Perx Health app.

mobile iconPerx health logo

PROBLEM STATEMENT
Perx is looking to better understand the onboarding process of users to the patient-facing app. Onboarding is critical to create happy, engaged users, so the team would like to understand possible issues and solutions to tackle them to ensure user satisfaction during the first few sessions.

PROJECT GOALS
To understand any issues with the onboarding process and defining possible solutions to improve three onboarding milestones:  
1. Conversion from opening the app to creating a Perx account.  
2. Conversion from creating an account to scheduling a health task.  
3. Conversion from scheduling a health task to winning a reward.
To Improve overall user satisfaction with the app within the first few sessions.

RESEARCH METHODS

Desktop research iconuser interviews iconaffinity map icon
Desktop Research
User Interviews
Affinity
Map
Persona iconUser storiesinformation architecture
Persona
User Stories
Information Architecture
wireframe and prototype iconusability testing icon
Wireframe & Lo/Mid-Fi Prototype
Usability Testing

PERSONA & USER STORIES
The project started off with an intensive one-week research and discovery sprint. This included desk research, user interviews and data analysis. All the learnings were compiled and presented back to the client. Following our learning, I was able to conclude with a few clear pain points and user needs that helped develop 4 personas:

Persona Barry the health conscious
Persona Jane who loves rewards
Persona Barry the health conscious
Persona Amy the carer

IDEATION
From this exercise, we were able to highlight the existing primary features which helped ideate a more simplified solution to truly reflect the usability of the app. A well thought through experience is one that not only looks good but provides tangible value and makes users feel at ease completing the tasks they need to.

PROTOTYPE
I set up a lo/mid-fi clickable prototype using Figma to help aid the user conversations and also provide usability insights.

first time sign in
App tutorial is helpful for new users to give a quick insight into what problems the app solves and how it can help the user and what benefit it gives. It boosts usability from the first minutes of interaction.

help & tutorial
Tutorial can also easily accessed in the
help section when required.

add tasks

health records

earning rewards

USABILITY TESTING
Based on usability testing of the ideal state prototype, I have concluded:
1. Inclusion of games and rewards revoke feelings of excitement to a dull task 
2. Easy navigation and completion of tasks with the simpler and logical information architecture 
3. Users are not sure how exercises are validated
4. App needs to contain a history of exercise/fitness progress
5. Repeat medication prescriptions

FUTURE STATE FEATURES
1. Integration with wearable devices
2. Customisation option
3. Integration with health providers

LEARNING
Client is very impressed with our research in developing the personas, which they all resonate with to their existing users; client mentioned they have never had research on users but only created profiles from a gaming perspective. We explained to client the value of personas which gives the company a wide understanding of who their users are and deep understanding of user behaviour and needs. It's important to communicate and educate client of all the steps involved in the project.

other projects

Smart PantryAssistance Dogs AustraliaAcademy Xi

Smart Pantry

MY ROLE
UX Research, UX Design, UI Design

SUMMARY
I researched on a common problem everyone faces with grocery shopping. I solely completed the project from problem statement, research, ideation, wireframe and hi-fi prototype.

PROBLEM STATEMENT
A person who feels dejected about grocery shopping but faces time poverty to research bargains and plan meals to keep grocery costs down.

PROJECT GOALS
To find simple and time-effective solutions on reducing grocery costs with the focus on:
1. Budgeting
2. Purchasing decisions (price comparison, buying sales)
3. Menu planning

RESEARCH METHODS

Competitor / Desktop research iconshoppers interviews iconaffinity map icon
Competitor/
Desktop Research
Shoppers Interviews
Affinity
Map
persona iconstoryboard iconinformation architecture icon
Persona
Storyboard
Information Architecture
wireframe and prototype iconusability testing
Wireframe & High-Fi Prototype
Usability Testing

THE DISCOVERY
From desktop research and interviews, I have concluded the following findings.
1. Grocery Shopping & Budget
- Majority shoppers don't know their budget
- There's grocery budget calculator or grocery shopping apps that are helpful, and even though there are, they are not Australian based.
2. Price Comparison
- Some shoppers compare prices regularly (ie. catalogues and online) to find cheap deals.
3. Shopping List helps prevent impulse shopping and keep costs low.
4. Menu planning is useful in saving money by avoiding buying too much that gets wasted and also good for eating healthy.
5. Shop in-store/online
Majority shoppers prefer to purchase in-store due to inconvenience of wrong order and waiting for delivery.

HOW MIGHT WE'S
I synthesised my findings into how might we's.
1. How might we provide a simple, time-effective way in finding special deals in supermarkets?
2. How might we assist users in avoiding impulse purchase?
3. How might we provide meal planning solutions to our users?
4. How might we assist users in reducing food waste?
5. How might we assist users in being organised with their grocery shopping?

PERSONA & STORYBOARD
I developed 3 different personas based on insights gathered. I created a storyboard for each persona, emphasising their behaviours, goals, gains and pain points.

Persona Bargain Carmen
Bargain Carmen storyboard
Persona Single Ringo
Single Ringo Storyboard
Persona Busy Lizzie
Busy Lizzie Storyboard

IDEATION
Persona and storyboard played an important role in ideating features for the app.
1. Searching weekly deals curates weekly specials based on shoppers' preferences.
2. Shopping list allows shoppers to set budget, calculate the lowest total grocery costs based on shoppers' preferred shops.
3. Meal planning assists in finding recipes and planning meals.

INFORMATION ARCHITECTURE

Smart Pantry Information Architecture

PROTOTYPE
Wireframes designed in Balsamiq and conducted usability testing with paper prototypes.

Smart Pantry Wireframes

USABILITY TESTING
There were 12 participants for iterative usability testing. Changes and refine to the user-interface design based on their feedback in order to reduce the number of usability issues.

After iterative usability testing, I created hi-fi prototype in Sketch, then import it into Adobe XD to integrate interactions.

view prototype

STYLE GUIDE

Smart Pantry Style Guide - Colors
Smart Pantry Style Guide - Typography
Smart Pantry Style Guide - Icons
Smart Pantry Style Guide - Buttons

FUTURE STATE FEATURES
1. There is request for create and save own recipes feature for those who like to plan meals.
2. Online shopping would be integrated in the shopping list feature, shopping list will be directed to the selected supermarket and shoppers can easily check out on the website.

LEARNING
Always seek feedback early and on every stage of the project. During usability testing with paper prototypes, it was helpful to have others question my ideas and challenge my design thinking. The design might have made sense to me but they have given me a lot more insights and better ways of finding solutions.

other projects

Perx HealthAssistance Dogs AustraliaAcademy Xi

Assistance Dogs Australia

MY ROLE
UX Research, UX Design, UI Design

SUMMARY
Continuing on from previous service design project, I worked in a UX and Service design team of four and designed the online portal based on research of understanding volunteers and stakeholders experience and motivations with Assistance Dogs Australia (ADA).

Assistance Dogs Australia logo

PROBLEM STATEMENT
As a non-profit organisation with a small team of staff, ADA seeks to enhance communication and engagement with existing and potential volunteers. An online portal would improve volunteer experience as well as reduce time-consuming manual administrative tasks for staff.

PROJECT GOALS
To further develop one of the key concepts defined from previous service design project; an online centralised hub for communication between ADA and volunteers community that focuses on:
1. social sharing, engagement  
2. digitalised and engaging training material  
3. monitor application and stage of progress with ADA

RESEARCH METHODS

desktop research iconvolunteers and stakeholders inteviewsaffinity map
Desktop Research
Volunteer & Stakeholder Interviews
Affinity
Map
customer journey iconpersona iconinformation architecture icon
Customer Journey
Persona
Information Architecture
wireframe and prototype iconusability testing icon
Wireframe
& Mid-Fi Prototype
Usability Testing

THE DISCOVERY
From desktop research of studying information from previous Service Design team and understanding current state from stakeholder and volunteers through interviews, I have unfolded the following insights.
1. Training Materials
- Adapting training materials to different types of volunteers
- Video demonstrations are more engaging and easier to comprehend.
2. Community Gatherings
Volunteers want to meet more people in the community
3. Application Progress
Volunteer applicants want to be kept informed about application progress.
4. Puppy Sitting
Supervisors have to arrange all of the carers and B&B’ers (lots of emails, phone calls, back and forth), sometimes PE’s need to arrange carers/B&Bers at short notice.
5. Social Media
ADA currently has Facebook group for volunteers and staff to communicate and engage with each other. However, not everyone uses Facebook.

HOW MIGHT WE'S
As a team, we synthesised our findings into how might we's.
1. How might we create a community of puppy educator’s that support and encourage each other and create a positive environment? 
2. How might we facilitate self-server and self-learning for low-level enquiries?
3. How might we adapt training materials for different types of volunteers?
4. How might we design a portal support PE with training materials that is both engaging and personalised according to puppy progress?
5. How might we increase transparency between PE’s and ADA while maintaining client/sponsor privacy?

PERSONA
Following our interviews, I combined our findings and were able to refine personas from previous project as well as developed a new persona.

Persona Puppy educator Kevin Reed
Persona Puppy carer Daisy Donnelly
Persona Puppy educator Lily Matthews

IDEATION
From the research, we married the findings to the online platform solution which helped formulate a great foundation to move into feature ideation and prioritisation. The MVP method is used to prioritise the core functionalities which fulfil the primary goal of the online community hub.

PROTOTYPE
Mid-fi prototype designed in Figma, with 5 user scenarios for the following features.
1. Feed - social engagement; news update
2. Events - create event and RSVP
3. Training - digitalised manual and video demos
4.
Community - puppies, volunteers and staff directory and profiles; find a carer
5. Application Progress

puppy profile
An important feature designed for puppy educators to record their puppy's health and progress and share reports or any information with their supervisors. The profile acts like a log book which includes photo album and videos of the puppy, training progress, health, achievements and timeline throughout their journey.

Assistance Dogs Australia puppy profile page - photo album

photo album

Assistance Dogs Australia puppy profile page - videos

videos

Assistance Dogs Australia puppy profile page - training programs

training progress

Assistance Dogs Australia puppy profile page - health

health

Assistance Dogs Australia puppy profile page - achievements

achievements

Assistance Dogs Australia puppy profile page - timeline

timeline

application progress
This automated application system helps keep applicants notified of their application progress and also minimise administrative tasks for staff.

Assistance Dogs Australia volunteer application page 1
Assistance Dogs Australia volunteer application page 2
Assistance Dogs Australia volunteer application submission confirmation
Assistance Dogs Australia volunteer application - application status

USABILITY TESTING
The usability feedback I received from interview puppy educators are:
1. Training Materials
- Volunteers like to be able to refer back to content and choose chapters easily.
- Video demonstrations are more engaging and easier to comprehend.
2. Community
- Since not everyone uses Facebook, a separate platform is better for everyone to connect.
- Directory of puppies, volunteers and staff is useful to search everyone in the ADA community.
3. Puppy Profile is useful to keep track of health, activities, training, milestones.
4. Events
Volunteers finds the events page useful to search for upcoming events and RSVP.
5. Puppy Profile
ADA currently has Facebook group for volunteers and staff to communicate and engage with each other. However, not everyone uses Facebook.

LEARNING
As this project has very specific users, it is out of our control to randomly select participants for interviews to avoid unbiased findings; client has selectively provided individuals they feel are the best interviewees for research.

other projects

Perx HealthSmart PantryAcademy Xi

Academy Xi

MY ROLE
UX Research, UX Design, UI Design

SUMMARY
Working in a UX team, I helped understand the needs
of both students and staff and prioritise main features to
re-develop Academy Xi's website.

PROBLEM STATEMENT
As the business has grown, new courses and formats have been developed, the UX of the Academy Xi’s website has not kept pace with user behaviour and expectations. Academy Xi aims to expand their portfolio through the redevelopment of the website, which needs to be end-user focus, as a touchpoint that connects the organisation with potential and existing students.

PROJECT GOALS
To develop recommendations on how to best approach the rebuild of the site, focusing on:
1. How user can easily access course content  
2. Format select 
3. Submitting enquiries

RESEARCH METHODS

Competitor
Research
Customer & Stakeholder Interviews
Affinity
Map
Customer Journey
Persona
Information Architecture
Wireframe & Lo/Mid-Fi Prototype
Usability Testing

THE DISCOVERY
The research phase allowed us to review competitor landscape and understand our stakeholder and students vision, specifically user needs, behaviours and pain-points. The insights helped redefined external and internal facing business goals.

core student needs
1. Present clearer and relevant information in the audience's language
2. Deliver content specific to locations
3. Reflect the Academy Xi brand through showcasing the sense of community

core staff needs
1. Reflect achieve market recognition for student outcomes
2. Create efficient and seamless backend process
3. Achieve internal organisational alignment

PERSONA
Following the interviews, the synthesis from the findings and were able to create two primary types of personas.

student personas

staff personas

IDEATION
From the research, the findings led to creating customer journey and personas that helped formulate a great foundation to move into feature ideation and prioritisation. The main focus are:

1. The Academy Xi tone of voice needs to resonate with the audience.
2. Quiz me feature allows potential students to assess their own suitability to courses offered by Academy Xi.
3. Compare courses feature provides a quick overview of content at a superficial level that allows potential students to understand disciplines in which course is suitable.
4. Easy access and viewing information about courses
Easy access and viewing information in one place is ideal. Comparison table will clear metrics such as price, opportunities/outcomes, depth of content and duration.
5. Interactive elements
Potential students need to connect with the website in an interactive way and feel approachable, such as rich media, drag and drop.6. From course to career
Potential students want to know how the course will help their career prospects, hence videos of career stories and case studies from alumni are very engaging content.

PROTOTYPE
Clickable prototype created in Adobe XD for usability testing.

view prototype

compare courses
This feature gives a quick overview of which courses to choose.

interactive elements
As opposed to text, interactive elements such as rich media, drag and drop is more engaging.

quiz me
Discover your perfect course quiz helps potential student to assess which course is most suitable.

LEARNING
Despite the close collaboration between ideation and prototype, there could have been more conversations on dividing work and teams. There were a lot of double-ups in working on wireframes and prototypes which resulted in inadequate time for refining designs for usability testing.

other projects

Perx HealthSmart PantryAssistance Dogs Australia

ask her

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.