Tommy’s

The challenge

Tommy’s wanted to increase their impact and reach in order to help more women have successful pregnancies.

To support their plans, Tommy’s asked us to take existing UX and information architecture work and realise their vision by designing and rebuilding their website to support the needs and motivations of Tommy’s varied user groups. More than just a charity, Tommy’s are an authority on pregnancy information and research and the new site needed to reflect this whilst also needing to appeal to fundraisers. With more than 72% of visitors using a mobile device, Tommy’s required a mobile-first design approach.

Our approach

With such a large site showcasing two very different areas of the charity’s work – telling people about the work Tommy’s does and providing people with authoritative pregnancy information and support – we realised early on that we needed to give users strong visual cues as to where they are on the site.  To distinguish the different areas we divided the site with a subtly different colour scheme that helps users know exactly where they are on the site.

Our solution

We created two areas within the site, one for fundraising and one for pregnancy information and support. Keeping these areas distinct significantly enhances the credibility of the health information and allows women looking for help to quickly navigate to the information that will help them.

We introduced a flexible page builder across the site which enables the team at Tommy’s to create a number of different layouts using different components. This allows the site to support a huge range of different types of content.

Tommy’s digital strategy and compelling content are now underpinned with robust technology and engaging, responsive design – helping them to fund more research and save more babies well into the future.