Originality and connection through a modular design system
With a trio of websites needing a redesign, this project needed a flexible approach that enabled unique customer journeys while retaining a consistent brand identity.
Services
Website design
Design system
UX and digital product design
About the Client
The Akessa Healthcare Group manage outstanding medical facilities, and needed to bring them all into alignment, while retaining their individuality. They were looking for a modern, flexible design that could be re-worked for each of their properties, without having to compromise on content or UX.
Flexible design
Unique content and customer journeys
UX focused
Fast, modern & secure
Technologies
The world’s most popular open source Content Management System.
Block-based WordPress editor enabling modular, customisable content layouts.
Converts WordPress websites into lightweight, fast static sites.
The challenge
In design, providing editorial flexibility can restrict your ability to design something truly unique, and with Akessa, the design needed to be flexible enough to work for multiple websites, whilst retaining their unique character.
Flexible design
As well as having unique brand identities, each website needed to provide for slightly different users, with different requirements. For example, The New Foscote Hospital needed to highlight their in-house MRI and scanning facilities, and The Royal Buckinghamshire Hospital has a dedicated Neuro & Spinal Rehabilitation Centre.
So we needed a solution that was customisable enough to enable these unique user journeys without losing the connection between the different websites.
Design systems
Early in the planning stage, we decided that the best option for this would be a design system. This would enable us to create styled blocks and elements that could be re-used across all three websites.
This prevented us from needing to create original layouts for each website individually, and saved a lot of duplication of effort.
Key Feature
Gutenberg
Wordpress’ modular design system was the obvious choice for this project, enabling us to re-use layouts across multiple websites, but customise them to each hospital’s unique branding and colours.
Gutenberg also ensures that Akessa can expand and update each website easily, building new pages from pre-designed blocks. It’s a fantastic balance of usability and customisation.
Unique graphical elements
To keep the balance between consistency and contrast, we introduced unique graphical shapes for each website.
We created a unique graphic for each hospital that could be used throughout their design, a diamond for Foscote, hexagon for Royal Bucks and a circle for Harley Street.
These flourishes bring texture and interest to the different sections of the website, and despite being different, are visually similar enough to show the connection between all three as well.
- harleystreetmaxillofacialclinic.com
Maxillofacial Clinic Homepage
- thefoscotehospital.co.uk
Content layouts
- royalbucks.co.uk
Unique content sections
- royalbucks.co.uk
Rehab Centre Inner page
- harleystreetmaxillofacialclinic.com
Information layouts
- thefoscotehospital.co.uk
Image Card layout
- thefoscotehospital.co.uk
Departments page
- royalbucks.co.uk
Contact form
- harleystreetmaxillofacialclinic.com
Content heavy layouts
- royalbucks.co.uk
Test & Scans page
- royalbucks.co.uk
Specialists page
- harleystreetmaxillofacialclinic.com
Contact page
- thefoscotehospital.co.uk
Consultant Profile page
The Outcomes
The Akessa Group now have three high-performing websites that show their connection whilst remaining unique. And by basing the websites on a core modular design system, they have been able to do it at a fraction of the time and cost of 3 stand-alone projects.
Other case studies
View all Case Studies
Arrange a discovery call
Get in touch with Hannah directly to discuss your project or alternatively contact us via our form.
Hannah Laird
Client Manager