28 May 2012 - 10:49am | posted by | 3 comments

London NHS Trust becomes the first to launch ‘fully responsive’ website

London NHS Trust becomes the first to launch ‘fully responsive’ websiteLondon NHS Trust becomes the first to launch ‘fully responsive’

Central London Community Healthcare NHS Trust has become the first body of its kind within the health organisation to adopt ‘responsive web design’ on its website – allowing it to provide tailor made experiences for desktop, tablet and mobile browsers.

Designed by Precedent this adopts a fluid grid based system to provide information on the Trust’s 160 facilities and homes spread across four London boroughs.

This breaks information down for two main audiences, service users and referrers with tabbed content and accordion style headers used to separate the differing strands of communication.

Head of communications and engagement at CLCH, Joanna Kowalski, said: “When we made the decision to refresh our website we realised we needed to make our online content much more user friendly, especially in London where a lot of people access information on the move. Being able to format our information to suit different devices makes it much easier for people to access and find our services.”

Don't miss out... Get your Digital news by email

See all specialist newsletters

6 related companies from Profile Hub:


28 May 2012 - 14:02
respo79720's picture

Great to see another site moving towards a responsive design. Be sure to check it out in this weeks feature on http://responsivedesignweekly.com

26 Jun 2012 - 12:46
james_young's picture

Would be nice to see fewer elements being hidden away with display:none and actually have some craft put into it and to be honest, nearly half a mb for a relatively simple layout/homepage on mobile is still a lot. (http://www.blaze.io/mobile/result/?testid=120626_XM_BF6)

Just doing this alone really isn't what being responsive is all about.


26 Jun 2012 - 13:14
thecodezombie's picture

You might want to amend those bits of the article/headline that says it "adopts a fluid grid" and is 'fully responsive'...as it doesn't, and it isn't.

Fluid would use percentages, and therefore cater for any viewport; this site uses px values that increases with each Media Query stack...it actually caters for 3 fixed sizes (320px, 768px, 1000px).

A better description would be 'smart' or 'catered' fixed-width.

And as James said, making something "responsive" includes much more than just adapting content to fit the viewport better; it's about being responsible with page weight and creating a single experience that works regardless of viewport (not hiding bits that don't fit smartphone).


Please sign in or register to comment on this article.

Latest Projects from the Profile Hub

Video your best #ThriftyFamily saving tip for a chance to win £100

Saving money doesn’t have to be tedious – it can be fun too...

Case Study | RLH

Chris Ross, MD of full-service B2B advertising agency RLH,...

Brand new logo design for The Scottish Graduate School for Arts and Humanities

The Scottish Graduate School for Arts and Humanities (SGSAH...

DrupalCon 2014

We were selected by the Drupal Association through a...

New Forest National Park - Young David Attenborough discovers the Tech Creche

Research conducted by the New Forest National Park...