
Color Reference & Accessibility tool
Chatham Financial Intern Project
During my internship at Chatham Financial as a User Interface Design Intern,
my main summer project was to redesign the technology team's current color reference and develop an accessibility tool that would check color contrast.

_gif.gif)
Going exploring
My first step was to see what the current page looked like. I explored the current page without any information about it other than that it was used by developers to reference color codes.
Asking some
questions
The next stage was to figure out very specifically what the page was being used for and how it was navigated. I split up my findings into "uses", "likes", "pain points", and "suggested changes and additions". Each dot represents a response that mentioned that piece of feedback.


What's your favorite color?
I then asked users to sort which colors they used the most in their work. The results showed a lot of repeating patterns.
Bringing the responses to life
Based on the information collected, I had a solid foundation to start creating a few different ideas for cards and containers. In this stage it was important to keep in mind how the different containers would exist alongside one another, and how each would transform and respond if the page dimensions were changed.



Getting feedback
from the team
After showing the design to the team, I got a great idea of what was needed to move forward in the process. The areas to improve were the breathability and tightness of the design, and what was working was the hierarchy of the information.
Final Container & Card Design

Final Design

Container Before & After
Mapping color search
scenarios



Color Accessibility Checker
