Hi! I’m Chai Luanzon
I’m a Designer specialising in UX/UI and Visual Design.
Currently in my final year of Bachelor of Information Technology,
Majoring in UX Design @The University of Queensland
LEARN MORE
CV
Chai Luanzon
UX Designer
I thrive on collaboration and believe in the power of interdisciplinary teamwork to drive innovation. Whether I'm sketching wireframes, conducting usability tests, or iterating based on feedback, my goal is always to create products that not only meet users' needs but exceed their expectations.
When I'm not immersed in pixels and prototypes, you can find me exploring the great outdoors, experimenting in the kitchen, or seeking inspiration in art galleries and design forums.
Thank you for visiting my website. I'm excited to connect with fellow design enthusiasts, collaborators, and potential clients who share my passion for creating meaningful experiences in the digital world. Let's embark on a journey to shape the future of UX together.
Feel free to reach out—I'd love to hear about your project ideas, collaborate on exciting opportunities, or simply chat about all things design!
EXPLORE MY PROJECTS
A B O U T M E
A B O U T M E
A B O U T M E
A B O U T M E
Case Studies of
DIFFERENT PROJECTS
APP DESIGN
Designed a high-fidelity prototype for a university app that offers a platform for students to access key academic information as well as connecting with their peers
Adobe XD
GAME DESIGN
Collaborative game project involving 50 students but I was responsible for crafting the death screen, pause menu and player guide interface, offering clear instructions for player understanding and enjoyment of the game
PixilArt
GitHub
DIGITAL PROTOTYPING
Developed a digital prototyping to test user engagement for both the game and the controller. Conducted a total of 3 iterations to ensure that the controller and the game deliver an immersive and engaging user experience.
Unity
Arduino
UQ Assist
Designed a high-fidelity prototype for a university app that offers a platform for students to access key academic information as well as connecting with their peers.
My Role
Research & Design
Project
Group
(5 members)
Tools Used
Adobe XD
Timeline
2 Weeks
Problem Statement
Design and develop an application that will be used to support and provide guidance to first year students by collating key information and functions of some existing systems, along with new ones, in one place as well as providing students an opportunity to connect and interact with other students.
How Might We Questions
01
How might we make key information and functions from current UQ systems to create a seamless and intuitive user experience for first-year students?
02
How might we facilitate social connections and interactions among first-year students through the application to build a supportive community?
03
How might we reduce the confusion and frustration first-year students experience with multiple systems?
User Research
Existing Solutions
UQ Blackboard
Advantages
- All information in one place
- Unique login that links with all other UQ services
- Linked with course content along with assessment submission
- Updates are shown on home page
- Colours link to university and make it easily recognisable to the user
Disadvantages
- Many features are unused/not known about
- ‘Clunky’ design
- Frequent outages and updates
- No link to timetable system
- No automated assessment deadline updates
UQ First Year Facebook Group
Advantages
- Facebook Group with 9.3k members
- Updated yearly (i.e., name of group is changed)
- Public and accessible to anyone
- Members are not removed from group so audience grows each year (unless users remove themselves)
- Place for users to meet people, join course chats, organise social events etc.
Disadvantages
- Not limited only to first years (members are not removed)
- A public group online so anyone can join
- Some repetitive posts (e.g. ‘pls add me to chat for **course code**’)
- No filtering of members when they add (i.e. user’s current year / information,
Stakeholders
First Year Students
- Transition support
- Academic support
- Social Support
- An outlet where students can engage with each other without teaching staff expectations
- Clear, simple, and easy to use interface
Clubs and Societies
- A space for clubs to advertise their club/society
- Find like-minded students to join their club/society
- Encourage engagement amongst students
Staff
- A system to quickly alert students of any crucial updates regarding: Current construction (and how it may impact students), Events, COVID plans, Program information
- Students to feel more informed with a more reliable way of informing them (e.g. phone notification as opposed to emailing)
- A safe platform for students
Personas
Name: Lizelle Milan
Age: 17
Occupation: Student + Works part-time at McDonalds
Description: Born in Thailand but residing in Brisbane for 15 years.
Interests:
- Quality Time with Friends
- Likes watching documentaries
- Loves traveling
- Hobbies includes dancing and swimming
Typical Day:
- Begins with social media browsing
- Attends classes
- Visits library with friends afterschool
- Works 5 hours on weekends
Future Goals:
- Plans to study Archaeology at the University of Queensland to pursue a career in research and community support.
- Eager to meet new people and engage in social communities, anticipating the transition from high school to university.
Name: Robert Daniels
Age: 29
Occupation: Course Coordinator
Description: He is known for his unorthodox teaching approach in software programs.
Interests:
- Loves teaching code and Maths
- Enjoys cycling and outdoor exploration
- Likes to share his experience to his students
Typical Day:
- Early morning bike ride
- Engage in meetings and classes
- Supports UQ event fundraising
Future Goals:
- Potentially pursue a PhD in Mathematics for personal and professional growth
Surveys
UQ Support from faculty
UQ Support from faculty
40%
Almost 40% said No
Research Findings
Design Process
UX Target Tables
User Class | UX Goal | UX Measure | Measuring Instrument | UX Metric |
First year, casual user | Ease of use Efficiency in providing academic and social guidance | User performance, usage rate and overall satisfaction | User stay on the app for a long period of time Less complaints about getting lostq | Average time on task Average app usage Average complaints |
Staff, experienced user | Usefulness Ability to inform students about crucial information / course updates | Overall satisfaction Learnability advanced usage | Decrease in emails by student regarding any confusions | Average participants or sign ups Average class attendance |
Medium Fidelity Prototype
Teamwork: Creating Medium Fidelity Prototype | Individual Work: Responsible for annotating the Prototype Screenshots
Log In
Home Screen
Chatbox
Settings
Messages
Calendar
Account
Features
1. Consistent Layout and Recognisable Icons - The use of common icons such as lock to represent log in, person icon to represent account settings and gear icon to represent app settings is important to the user to ensure they understand the purpose of the button. In addition, consistency is an important UX design principle as it provides user-friendliness and coherent experience to the user.
2. Consistent headers and use of the colour purple - Each page will include a header to show the user what the page will be about. In terms of colour, a purple theme will be used consistently throughout the app to promote the UQ colours.
3. Utilising boxed-filled shapes to represent a button - this shows the user which elements are clickable / has actions.
4. Arrows - The use of arrows are consistently used throughout the app to represent elements that can be expanded into other options. In this instance, when the user clicks “English” it will expand to a drop down menu with all the other options such as “Chinese” or “Spanish”.
5. Utilising grey font to display subheadings- to guarantee that the user knows the hierarchy of information - the purple coloured fonts represent important information whereas the grey coloured fonts represent subheadings / further information from the heading. This also explores Visual Hierarchy in UX design principles as it displays the most important elements on the page using variation in colour.
Collaboration and Teamwork
- Actively participated in brainstorming sessions to generate innovative ideas and shape design direction.
- Maintained open communication channels with team members to facilitate feedback exchange and idea sharing.
- Valued input from colleagues and sought feedback through both informal discussions and structured sessions.
- Demonstrated flexibility and adaptability in collaborating with cross-functional teams and stakeholders.
- Responsive to changing needs and priorities, ensuring alignment and cohesion across team efforts.
- Fostered a culture of collaboration, contributing to the success of our design projects and cultivating a supportive work environment.
User Testing and Feedback
High Fidelity Prototype
