As a web designer on this project, I worked with the Productivity Bootcamp team to fully reimagine their website from the ground up, mapping user flows for four distinct audiences, and building a complete site architecture before a single screen was designed. From low-fidelity wireframes through to a high-fidelity Figma prototype, every decision was grounded in making it easier for young people, parents, schools, and sponsors to find what they came for.

Where do you even start with a redesign like this? Before touching anything visual, I needed to actually understand the problem. That meant sitting down with stakeholders, going through the existing site with a critical eye, and doing a proper look at what competitors were doing well. From there, I mapped out four distinct audiences, young people, parents, schools, and sponsors, because each of them came to the site with completely different questions and needs. User flows and a full site map came next, so by the time wireframes started, there was a solid foundation to build from rather than just vibes.

How do you make sure a redesign actually solves the right problems? I started rough, low-fidelity wireframes to nail the structure and flow before worrying about how anything looked. Once that was signed off, I moved into high-fidelity design in Figma, building out a visual system grounded in the brand's existing guidelines. Every colour, typeface, and component was intentional. Navigation got a lot of attention, the goal was to make it genuinely easy for each audience to find what they came for, without friction.

Did it work? What came out the other side was a site that finally felt like it matched the program behind it, clear, confident, and easy to use. The client received a fully clickable, high-fidelity Figma prototype ready to hand off to developers. Cleaner structure, stronger visual identity, and a navigation