Case Study: Plan Forward's website redesign
The Plan Forward website redesign was a full-scale project aimed at improving the user experience, visual consistency, and overall brand presentation. I was responsible for redesigning the entire website in Figma, creating responsive breakpoints, building a reusable component library, and establishing a cohesive design system. Beyond the website, I developed marketing and brand materials, including one-pagers, infographics, social media assets, and a brand guidelines book. This project allowed me to translate research insights and organizational goals into an intuitive, visually engaging experience that communicates Plan Forward’s mission clearly to its audience.
Problem / Goal
The existing Plan Forward website had inconsistent branding, outdated UI patterns, and a fragmented layout that made it difficult for users to navigate and absorb the educational insights the platform provides. The goal was to redesign the website to create a cohesive, accessible, and engaging experience that clearly communicates the brand’s mission and supports user understanding.
Research / Insights
User feedback revealed several issues with the existing website: components were too large, mobile layouts appeared awkward, and color choices negatively impacted readability. Users found the overall design unprofessional and the graphics confusing, making it difficult to understand what the company does. These insights guided a redesign focused on clarity, readability, and professional visual presentation across all devices.
Design Process
I began with wireframes for the entire website, mapping layouts for desktop, tablet, and mobile breakpoints. From there, I created interactive prototypes to test layout and navigation flows. I built a component library with reusable buttons, cards, and callouts to ensure consistency across the site. Multiple iterations refined typography, spacing, and hierarchy to balance usability and visual appeal.
Solutions
The final redesign included a fully responsive website with a cohesive visual language, clear information hierarchy, and interactive elements that improve usability. A comprehensive design system was established to maintain consistency across all pages and future updates. Additional brand assets, including one-pagers, infographics, social media graphics, and a brand guidelines book, extended the visual identity beyond the website.
Impact / Learnings
The redesign created a more engaging and navigable experience, strengthening the clarity and professionalism of the Plan Forward brand. Qualitatively, users can now more easily access insights and resources, and the brand presents a unified visual identity across all touchpoints. Through this project, I refined my skills in end-to-end web design, responsive design, and creating scalable design systems that translate brand goals into user-friendly experiences.