Rebranding CodePath and Redesigning the Website to Streamline Access and Boost Impact
In collaboration with Friday, I evolved CodePath’s brand to reflect its bold mission—energizing a new generation of diverse tech talent—and redesigned the website to streamline course access, reduce friction, and support student success at scale.
Worked on
Web Art Direction
UX/UI Design
Design Systems
Component Library
The UI strategy was to establish the brand, design several key pages and create scalable modules designed to build any future needs
Aligning on Visual Direction, Fast
We used style tiles to quickly explore and define the visual language of the new CodePath brand. Each tile showcased different combinations of color, type, image treatment, and illustration style—helping the team zero in on a direction that felt bold, inclusive, and distinctly CodePath.
Brand Foundations for a Bold Future
We built out CodePath’s brand guide to support consistency across teams and platforms. From refining the type ramp and color palette to defining image treatments and illustration styles, we created a system that’s as inspiring as it is usable.
Homepage
Blog
Events
Page design
Key pages were designed to establish the design system and in order to maximize future impact.
Module library
Built a flexible system of modules and Figma components, enabling the CodePath team to quickly spin up new pages as needed.