Skip to content Skip to footer

Work in practice

HansaWorld website redesign

Role and scope

Lead designer from discovery to delivery. Partnership with marketing and subject experts. Scope covered the homepage, key product pages, pricing, resources, navigation, and the enquiry flow.

Problem

People were not finding the right content fast enough. Journeys looped, labels were unclear, and proof was scattered. The team needed a single story and a simpler path to enquiry.

Choices and approach

  • Research to structure Stakeholder interviews, analytics review, content audit. Defined primary audiences and top tasks. Wrote a clear information architecture and a short content strategy with one idea per section and a clear action.

  • Wireframes Low fidelity wireframes to test order and priority. Several rounds of working sessions to remove noise and confirm what matters.

  • Design High fidelity screens with a readable type scale, a tidy grid, and colour used to guide. Components named and documented for reuse.

  • Prototypes Clickable prototypes on desktop and mobile so the team could feel pace and hierarchy.

  • Testing Task based usability sessions to see how quickly people could reach product detail, pricing, and enquiry. Iterations on wording, hierarchy, spacing, proof placement, and button text.

  • Access and quality Colour contrast checked against guidelines, keyboard focus visible, touch targets sized for comfort. Image sizes optimised and libraries kept tidy in the CMS.

Result and impact

The new site tells one clear story and reduces effort on the path to enquiry. After launch, marketing reported stronger engagement, longer sessions on high value pages, and an uplift in qualified enquiries. Feedback from stakeholders noted better first impression and easier handover for future pages.

What I learned

  • Put the why and the next step at the start of each section.

  • Trimming the menu and merging look alike pages reduced loops in testing.

  • Simple headings and direct button text moved more people forward.

  • Placing testimonials and metrics beside the call to action lifted clicks.

  • They speed design now and keep the CMS build tidy for future updates.

  • Contrast, visible focus, and comfortable touch sizes make the difference.