Contents
Overview
Dark Mode
Preference Testing
Retrospective
Chatham Financial
Over the summer of 2023 I worked at Chatham Financial as a UI Design Intern, take a peek at my work!
Year
2023
Duration
3 months
Tools
Figma || After Effects
Process Deck
Coming Soon
Overview
Throughout my internship, I worked on a variety of projects, regarding UI micro-animations, design systems, and conducting preference testing with my peer.
Save Button
Did it save?
The problem at hand was that the existing save button had minimal indicator states, making it difficult for users to understand whether their actions were completed or not. To resolve this, I iterated different ways the save button could look, making sure the animation gave clear feedback to users, while also ensuring I followed the color guidelines.
Current Version
Dark Mode
Creating something new.
Dark mode compatibility was not achievable with Chatham Financials existing design system, as the current colors were not dark mode safe. After discussing this limitation, I received approval from the lead UI designer to develop a new color palette. The solution was to create a dark mode-safe palette that remained closely aligned with Chatham's original design system.
Chatham’s Color Palette
Updated Color Paltette
Card Micro-animations - AB testing
Solutions in motion
Imagine clicking on a card, but not being sure where it went to afterwards. That is what me and my fellow intern aimed to fix. Our early concepts explored different indicator states, but user feedback revealed that it still wasn’t clear enough. This led to two final micro-animations, and AB testing which demonstrated that Version A significantly improved user understanding of card actions.
Version B
Current Version - Version A
