Project overview

ColourMate is an accessibility app for colour-blind users who struggle with colour-coded tasks in daily life. Unlike existing colour-blind modes or costly glasses that are inaccurate or limited, ColourMate uses AI to identify and label colours on screens and in real life, detect food freshness, and explain colour meanings through a clear, customisable interface



What is the issue?


Colourblindness is caused 
by a malfunctioning colour sensor in a person’s eye. Different types of colourblindness cause confusion with different colours.

3,000,000 people


More than 3 million people in the UK have Colour Vision Deficiency, also known as colour blindness. (Colour blind Awareness, 2024).

66%

According to Scope.org (2024), 66% gamers with CVD, or attention deficit hyperactivity disorder (ADHD)claim that they have encountered barriers in video games.



User insight

Colourblind users may struggle with everyday tasks due to difficulty distinguishing colours.
Don’t eat green potatoes! They are toxic Oh well...
Interview script

Conducting interviews with my friend who is colourblind helped me learn more about their daily inconvenience. 




Personas




Summary of problems

Struggle to identify colours accurately in daily life and digital environmentsDifficulty matching clothing colours confidently. Trouble distinguishing raw, cooked, or spoiled food.



Competitor analysis
What does the user say? Direct quotes from online forums, comments in Google Play, and user interview.
interviews



The current market lacks accurate, efficient, accessible
and affordable tools for the colourblind.
 



Solutions


Struggle to identify colours accurately in daily life and digital environments?

An AI-powered colour detector that labels colours on both the screen and the camera with high accuracy




Trouble distinguishing raw, cooked, or spoiled food?

A food freshness and meat rawness checker that scans food colours to indicate safety or ripeness.




Difficulty matching clothing colours confidently?

A colour meaning and context guide that explains the emotional and visual associations of colours.






High-fidelity






Conclusion: 
The app delivers an efficient, accessible UI with customizable labels, clear typography, and high-contrast black-and-white design. The desktop version and promotional website follow the same visual system, enhanced with features like a slider and keyboard shortcuts.

Seen something you like? Let’s chat!
@matthewlui_design
www.linkedin.com/in/matthew-lui-567667304
matthew306247@gmail.com





See my other work


UX/UI design  Problem solving  Competitor analysis


Colourmate


Make daily activities easier for Colour blind
indivuials

Client
University project

Completion date
May 2025

Deliverable
UX app prototype and website built with Figma


Try out the prototype here

Check the website here 

See the full report here