arrow-circle arrow-down-basicarrow-down arrow-left-small-white arrow-left-small arrow-left arrow-right-small-white arrow-right-small arrow-right-white arrow-right arrow-up arrow closefacebook instagram linkedin new-tab pinterest quote search tick-small tick twitter whatsapp video-icon

The Historic Dockyard Chatham UX & Website Design

Your voyage to discovery

Redesigning the digital gateway to one of Britain's greatest maritime heritage sites.

The Historic Dockyard Chatham is one of Britain’s most significant maritime heritage attractions, welcoming visitors to over 400 years of naval history. But the organisation is much more than a visitor destination. As an independent charity, it preserves historic buildings, protects nationally important collections and delivers education programmes that safeguard the Dockyard for future generations.

Following the success of the previous website we had designed, the Dockyard returned to us to evolve the experience. The business had expanded, visitor expectations had changed and the website needed to do far more than sell tickets. It had to communicate the breadth of the organisation, showcase its attractions and create clearer journeys for visitors, donors, educators and supporters alike.

The heartbeat
Every visitor arrives with a different purpose. Some want to plan a family day out. Others are researching naval history, booking an event, making a donation or discovering the Dockyard for the first time. The website needed to support all of those journeys while introducing a story many visitors never knew existed: that every ticket helps protect one of Britain’s most important historic sites.

We reorganised the information architecture around real visitor needs, creating intuitive pathways through attractions, events, learning, retail and charitable giving. The Dockyard’s independent charity status became a much more prominent part of the experience, woven naturally throughout the website rather than hidden behind corporate information. Interactive maps, richer storytelling, improved accessibility and a refreshed UI brought greater clarity to an extensive and evolving destination, while collaborative workshops with internal teams ensured the platform could continue to grow long after launch.

The impact
The redesigned website gives the Historic Dockyard Chatham a platform that reflects the scale and significance of the organisation, balancing visitor inspiration with charitable purpose in one connected digital experience.

Clearer navigation, integrated booking journeys, ecommerce functionality and a more flexible content management system have made it easier for visitors to discover everything the Dockyard has to offer while empowering internal teams to manage and expand the website independently. More importantly, the platform helps visitors understand that every interaction supports the preservation of one of the world’s most complete historic dockyards, strengthening the connection between heritage, education and the charity’s long-term mission.

Attractions and services

The new website seamlessly organises the array of services and attractions offered by Chatham Historic Dockyard. An interactive map allows visitors to explore the dockyard’s diverse offerings, including historic ships, museums, and event spaces. Clear and concise descriptions accompany each attraction, providing visitors with a comprehensive understanding of what the dockyard has to offer as well as a story-filled information about each.

New UI kit

A refreshed UI kit was implemented to create a cohesive and visually appealing design across the website. The colour palette was updated to reflect the maritime heritage, and intuitive navigation elements were incorporated to enhance user engagement. The responsive design ensures a seamless experience across various devices, catering to the needs of modern users. Most importantly focus was given to accessibility through the website to ensure the website is available to all.

Enhanced UX

Incorporating user feedback and industry best practices, the UX was revamped to improve overall navigation and accessibility. Intuitive pathways guide users through the site, through a wide host of offerings, ensuring a smooth journey from discovery to engagement. Emphasis was placed on creating an immersive experience, utilising multimedia elements to showcase the historical significance of the dockyard.
To ensure a collaborative and informed approach, workshops were conducted with Chatham Historic Dockyard’s internal teams. These sessions facilitated knowledge transfer, allowing the team to actively contribute to the redesign process. Insights gained from these workshops played a crucial role in shaping the website’s content and functionality, aligning it more closely with the organisation’s goals.

Technology insights

Overview

Chatham Historic Dockyard’s existing website used K3 Merac / MStore for all it’s ticketing and events sales through an externally hosted portal. As part of the evolution of the website we were briefed to look at ways to best integrate the booking experience further and also incorporate an onsite retail e-commerce solution. The shop also needed to incorporate a multi vendor system as the business side wanted to build out both a retail gift shop and a whole side for a sister business Master ropemakers. Woocommerce was used to build out a multi channel e-commerce system fully integrated into the website which could filter orders to separate sides of the business.

Key integrations

  • K3 Merac / MStore
  • Woocommerce
  • Mailchimp

Trouble finding
your heart?