A Style Guide for Careful Cents

With a UX audit in hand, and wireframes in the making, the next step in an overhaul is of course, updated branding standards. As I did not want to build new standards from scratch, I took a lot of inspiration from the initial color scheme and typography styles.

Fintech Branding Redesign Web Design Careful Cents
Slide titled ‘Our Mission’ on a dark gray background with bold white text and a light-green underline accent. Centered block of body text on light gray describing the Careful Cents mission to democratize finance and refresh branding. Slide titled ‘Logo & Explorations’ on a green background discussing logo concepts inspired by keys, interlocking Cs, and a cents symbol. Grid of Careful Cents logo explorations showing sketches of keys, interlocking Cs, and stylized cents symbols with a refined gradient CC logo on the left. Typography slide showing header, paragraph, and hierarchy examples in the chosen brand font. Color palette slide displaying green and neutral swatches with corresponding values for the Careful Cents brand. Layout examples demonstrating the new branding across web components such as headers, typography hierarchy, and card-style content blocks. Grid of redesigned line icons representing the Careful Cents iconography system. Mockup of a redesigned Careful Cents homepage showing hero imagery, refreshed navigation, and updated styling. Series of UI mockups for content pages illustrating article layouts, hierarchy, and the applied visual identity. Full-page mockup showing redesigned article pages with new typography, spacing, and imagery for better readability.

Careful Cents: UX Audit

I conducted a UX audit of Careful Cents to identify friction points and opportunities for better retention. I documented issues, reorganized workflows, and set the foundation for the redesign that followed.

Fintech UX Audit Accessibility Web Design Careful Cents

Careful Cents: Style Guide

I created a detailed style guide to sit alongside the new branding and help developers understand how the product should behave. I defined components, spacing rules, and interaction patterns to reduce guesswork during the development process.

Fintech UX Audit Redesign Web Design Careful Cents

Careful Cents: Web Redesign

I brought the audit, branding, and style guide work together into a full redesign of the Careful Cents website. I reworked layouts, navigation, and page structure to make the final experience cleaner and easier to use.

Fintech Web Design Product Design Careful Cents