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.”


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

Launching SPLYT with a Social & Media Splash

Rooster cut through the crowded taxi and sharing economy...

A new collaboration for Zatchels

What happens when one of the world’s most respected...

Typosaurus - Website Spell Checker

Spelling Errors. Extinct.  Are you a voracious verbivore or...

Cutting Through The Cards, Candy and Clutter with Savanna Serenades

Valentine’s Day is a holiday that sees increased spending...

Search campaign increases revenue by 492%

Hobbycraft had been investing in PPC for a while, but spend...