Case Study
Finsemble Light Theme
My initial foray into UI design involved crafting a light theme for our company’s FinTech product, Finsemble. As Finsemble facilitates interoperability among diverse apps, ensuring seamless UI, data sharing, and functionality is paramount. Beginning with the dark theme as a foundation, I meticulously refined the color palette to harmonize core colors while preserving optimal contrast levels.
Task: Create a new light theme for clients to select as a setting.
The highlighted components are Finsemble. The window contents are separate apps controlled by the individual app developers.
Challenge: Encountering issues such as random colors outside the designated color variables and unintuitive color pairings, I conducted a comprehensive assessment. Stepping back, I meticulously mapped out the alignment of each named variable with its corresponding location within the product, ensuring coherence and consistency throughout the UI design.
Solution: The color mapping allowed me to identify duplicate colors and places where we needed to add or remove color differences. You can see the two themes below.
Night theme
Day theme
