Simplifying a complex website experience for 43,000+ governance professionals

Web Design
UX/UI/Product

Client

Portable (UX Agency) portable.com.au

Industry

Education & Training/Non-Profit

Timeline

8 weeks; October, 2024

Role

Senior Experience Designer

More details

Deliverables -

Discovery & research: Existing user research review, analytics review, site audit, stakeholder workshops • UX strategy: User stories, user flows, content hierarchy and priorities • Information architecture: Sitemap, navigation restructuring, search experience • UI design: Visual direction, wireframes, high-fidelity interface designs, custom graphics • Prototyping & validation: Interactive prototypes, user testing, design iteration • Design handoff: Finalized UI kit and development-ready design documentation

Overview

I was brought in by Portable, a leading Australian UX design agency, to lead the UX/UI redesign of the Governance Institute of Australia’s website.
‍

With roots dating back to 1891, Governance Institute of Australia is a long-established professional association supporting more than 43,000 governance, risk, and compliance professionals. The redesign focused on transforming a complex, content-heavy website into a clearer, more intuitive experience that made it easier for users to navigate, search, and access the Institute’s extensive resources, education, and services.
‍

The challenge

The existing website contained a significant amount of valuable content, but its complexity made that information difficult to discover and navigate.
‍

The site had an average bounce rate of 62%, users were spending relatively little time exploring content, and a complicated information architecture made it difficult to understand where to go next.

‍

Search functionality was limited, navigation lacked clarity, and inconsistent visual design further contributed to a fragmented user experience.
‍

The challenge was to simplify the experience without oversimplifying the depth of information Governance Institute needed to provide to its diverse professional audience.

‍

Click on image below to see user research:

‍

‍

What I did

I worked across research, strategy, information architecture, UX, and visual design to define a clearer direction for the new website.
‍

I reviewed existing user research and conducted a comprehensive site audit before working closely with stakeholders through alignment sessions, brainstorming, and discovery exercises.

‍

‍
‍

‍

From data gathered from a card sorting workshop, I developed the site architecture, sitemap, user flows, and user stories to establish a stronger foundation for the experience.

‍

Userflows and stories. Click on image above to view Figma file.

‍

Visual direction exploration

I explored multiple visual directions for the interface, developing custom, scalable graphics and design concepts that helped define the overall look and feel. The selected direction was refined through stakeholder feedback before receiving final client approval.

‍

‍

The visual direction approved by the client.

‍

‍

‍

‍

‍

Imagery graphics for versatility and scalability.

‍

‍

Wireframes, high-fidelity designs, and prototypes for user testing

I translated the site structure into wireframes, focusing on content hierarchy, layout, navigation, and key user flows.

‍

Click on image to view wireframe Figma file.

‍

High-fidelity designs and prototypes for user testing

After wireframes, I developed the interface into high-fidelity designs and interactive prototypes for user testing.

‍

Prototype used for user testing. Click on the image above to view full prototype.

‍

Insights from testing were used to refine the experience, with the final designs packaged into a cohesive UI kit to support a clear and consistent development handoff.

‍

The solution

Introduce a significantly simpler information architecture and navigation system, helping users understand the breadth of Governance Institute’s offering while reaching relevant content more efficiently.

‍

‍

Improve search content discovery across the Institute’s extensive library of resources, education, events, and professional information.

‍

‍

‍

Bring a refined visual system with greater hierarchy, consistency, and clarity to the interface, while making content strategy shift toward helping users quickly understand what information was available and what actions to take next.

‍

Together, these changes created a more usable, approachable, and scalable website experience while preserving the depth and authority expected from a long-established professional institution.
‍

‍

‍

‍

The outcome

The redesigned website delivered measurable improvements across both usability and performance.
‍

Navigation, search, and information architecture were significantly improved, creating a clearer path through a previously complex content environment. The refreshed interface also created a more cohesive and accessible experience that better reflected the credibility of the Governance Institute brand.
‍

Following the redevelopment, bounce rate decreased by 21%, while page load times improved by 6X — resulting in a faster, clearer, and more engaging experience for Governance Institute’s professional audience.

The results

  • Navigation, search, and information architecture were significantly improved, creating a clearer path through a previously complex content environment.
  • The refreshed interface also created a more cohesive and accessible experience that better reflected the credibility of the Governance Institute brand.
  • Following the redevelopment, bounce rate decreased by 21%, while page load times improved by 6X — resulting in a faster, clearer, and more engaging experience for Governance Institute’s professional audience.
21%

Improvement in bounce rate.

6X

Page performance speed.