blackpatient.com required a powerful CMS lead site to showcase its regular content and dynamic tools. Aimed at the African health market, the website covers numerous Men’s, women’s and children’s health topics; such as nutrition, fitness and well being.
Managed by WordPress CMS the site uses custom php code to display a multitude of engaging NHS API feeds and tools. The admin section has also been enhanced so that each tool can be easily selected and embedded within new blog posts. Whilst some of the tools are simple iframe embeds, the Health A-Z and Symptom Checker, pull data directly from NHS Direct API feeds.
NHS Direct API feeds
Health A-Z tool
The health A-Z tool brings in a series of xml feeds from NHS Direct, which link to individual articles. These are displayed under tabs.
Body Figures image maps with hover effects
The NHS direct articles are reused in for the Symptom Checker tool, which uses two body image maps to as an interactive way to navigate between symptoms and medical conditions, and treatments. Visitors can select a body part on the male or female client map or use the whole body area (Blood, Nerves, Bones, Muscles, Circulations, Skin, Hair, Joints) to find relevant treatment information.
Subtle Logo Design
A simple logo design featuring an orange icon and strapline, was also created in keeping with the overall site look and feel.
This is displayed in .svg format for a crisp appearance on mobile devices and tablets.
Tool icon sprites
The numerous colourful vector icons across the site were grouped together as a sprite, helping the homepage to load quicker by reducing http requests.
If you’d like to help to update your website, perhaps by making it responsive, having greater CMS control or by giving it a design refresh then give us a call!
