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.
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 cvMY 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.
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
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:
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.
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
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.
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
PROTOTYPE
I designed wireframes in Balsamiq and conducted usability testing with paper prototypes.
USABILITY TESTING
I have 12 participants for iterative usability testing. I make 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.
STYLE GUIDE
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.
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).
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
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.
IDEATION
From our research, we married the findings to the online platform solution which helped formulate a great foundation to move into feature ideation and prioritisation. I used the MVP method to prioritise the core functionalities which fulfill the primary goal of the online community hub.
PROTOTYPE
I designed a mid-fi prototype using Figma. I have also come up with five 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.
photo album
videos
training progress
health
achievements
timeline
application progress
This automated application system helps keep applicants notified of their application progress and also minimise administrative tasks for staff.
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.
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
THE DISCOVERY
Our research phase allowed us to review competitor landscape and understand our stakeholder and students vision, and I researched into user needs, behaviours and pain-points. Our 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 our interviews, I synthesised our findings and were able to create two primary types of personas.
student personas
staff personas
IDEATION
From our research, I synthesised our findings and created 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
I created a clickable prototype in Adobe XD for usability testing.
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.