Superfried Logo
menu Collapse
TRIPOM Website image 5
TRIPOM Website image 6
TRIPOM Website image 7
TRIPOM Website image 8
TRIPOM Website image 11
TRIPOM Website image 12
TRIPOM Website image 13
TRIPOM Website image 14
TRIPOM Website image 15
TRIPOM Website image 16


Website Design + Dev

With the TRIPOM brand identity complete, Dr Sam Bampoe and Dr John Whittle now required help to develop the not for profit educational website. The target demographic would be students and trainees in the rapidly growing field of Perioperative Medicine – medical care of patients from the time of contemplation of surgery through the operative period to full recovery.

For the styling of the brand-led material and website, based on the name I employed a versatile 3 column grid system. To maximise usability and speed, the home page focused on 6 quick access icons linking directly to the key site content.

The site would be complex – time to call in the expertise of my regular developer James at Cotton – and required to feature an eclectic mix of searchable content including pdf tutorials and research, resource links, podcasts, videos and details of fellowships and courses. Consequently, delivery of information was key, so with this in mind clean layouts and simple usability were employed. Images were also kept to a minimum to avoid distraction and ensure simpler updating for team members short on time and appropriate software.

This worked well, but as requested, I wanted to avoid the common, sterile feel of information led literature whilst ensuring content remained a priority. To create vibrancy without compromising the data, the page backgrounds were coloured, ensuring content remained minimal without looking dull. A pastel palette was selected ensuring colours did not become over bearing. Rather than assigning a separate colour per category – the number of which may change/ increase in the future – an alternative approach was sought. The desired the ambitions of Perioperative Medicine is for all patients to experience the same consistent care and smooth transition from pre-op through to recovery. What if this could be reflected in the user experience? A system was developed so that their path through the site always followed the same sequence of page colours regardless of the route taken. The palette was based on a perpetual spectral loop – blue – green – yellow – orange – pink – purple and then back to blue, ensuring colour transitions were less abrupt.

The client had previously created monthly tutorials in word. To ensue brand consistency the existing files were re-created on a new brand-led template that would also enable the team and guest academic contributors to create on-brand documents from that point forward. All future files would be saved and uploaded to the site in pdf format to maximise user accessibility and ensure formatting is maintained.

You can view the site here – TRIPOM site.

This project was acknowledged with two awards for Branding + UI in the Fresh Future Awards 2019.

This work was also featured on Creative Boom, HOW Design, Creative Bloq and Prolific North.

As directors of a not-for-profit educational group [TRIPOM] aimed at improving education in Perioperative Medicine for doctors in specialist training, we were looking to increase the impact of our brand, create an up-to-date, fresh and appealing look to our internet presence and produce a website that was interactive, cohesive and functional. Mark & James provided us with that and more. They were responsive, interactive and smart, and in short went well beyond their brief in providing us with an instantly recognisable brand and a superb web presence. Mark took every effort to understand the medical space they were working in and the TRIPOM audience. The major advantage of working with Superfried + Cotton Creative, was their ability to create a cohesive brand across multiple formats that retained a unique identity while enhancing content. We at TRIPOM would not hesitate in endorsing them.

Dr John Whittle/ MBBS MD FRCA FFICM/ US Director/ TRIPOM