Productivity Bootcamp

What happens when a great program has a website that undersells it? Productivity Bootcamp had been doing genuinely good work since 2015, training young Australians in construction skills and setting them up for real careers in the trades. The website, though? It wasn't doing the program any favours. Content was scattered, navigation was clunky, and the design felt outdated. Parents, schools, and sponsors, the exact people the program needed to reach, were landing on the site and hitting walls before they even understood what was on offer.

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