The challenge

The existing website was content-heavy, visually dated, and difficult to navigate, making it hard for users to quickly find relevant resources and guidance. The primary challenges of the redesign were:

  • Translating the new BGS brand into a cohesive digital experience
  • Improving readability and navigation across large volumes of content
  • Supporting multiple user needs, from clinicians and researchers to policymakers and trainees
  • Creating a clearer visual hierarchy to surface key information such as news, events, and resources

Goals

The goal of this project was to modernise the interface, improve clarity and hierarchy, and ensure the site felt credible, accessible and easy to use.

Visual direction & moodboard

I began by creating a moodboard to explore how the refreshed BGS brand could translate into a digital environment. The focus was on:

  • A calm, professional aesthetic appropriate for a medical audience
  • Improved typography and spacing to enhance readability
  • Confident but understated use of colour
  • A clean, structured layout that supports scanning and quick access to information

This visual exploration helped define the tone of the redesign before moving into detailed UI work.

UI design

The final UI designs focused on clarity, accessibility, and structure. Key design decisions included:

  • Clear content hierarchy using typography, spacing, and colour
  • Modular layouts to handle varied content types consistently
  • Improved navigation to help users move easily between sections
  • Stronger emphasis on key content such as vacancies, events, and publications

The result is a modern, professional interface that better reflects BGS’s authority while making the website easier and more pleasant to use.

Outcome

The redesigned interface provides a clearer, more accessible experience for BGS members and visitors. It aligns closely with the updated brand identity, improves content discoverability, and creates a flexible foundation for future growth.