umbraco_logotype pca-predict zonecard plus Results-icon2 Results-icon1 bespoke-icon2 bespoke-icon3 bespoke-icon1 bespoke-icon4 icon4 icon3 icon2 icon1 Results-icon1 Google-translate-icon left-arrow

This site uses cookies and other tracking technologies to assist with navigation and your ability to provide feedback, analyse your use of our products and services, assist with our promotional and marketing efforts, and provide content from third parties. Cookie policy

Accept
/img/CaseStudy/msi/hg-1920x650.jpg
web.umbraco.ux

Marie Stopes International Global Website

Evoking global NGO stakeholder engagement through contemporary UX design.

Background & Objectives

Marie Stopes International (MSI) provide family planning services in 37 countries across the world. To meet their Family Planning 2020 pledge of increasing contraceptive access to 120 million women and their wider goal of empowering women in making the informed decisions of when to have children, MSI aims to increase the scale and impact of their services, improve the quality of care, and build long term sustainability around the world.

MSI first approached Screenmedia in early 2016 to redevelop the organisation's international corporate website. As a non-governmental organisation, their site is a key platform for engaging with donors, influencers, and stakeholders, showcasing the value of their work, and proving the transformative impact investing in Marie Stopes has. They felt their existing website was too clinical, and didn’t represent the open, approachable nature of the organisation. They also wanted to update their digital presence to incorporate their recently updated branding, and make it modern and responsive.

Human-Centred Planning

To kick-off the project we carried out workshops and stakeholder interviews to gather and interrogate requirements. Planning the site from the perspective of a human-centric narrative allowed us to understand and inform the information architecture, core user journeys, and wireframes. This in turn helped us to define template and content block specifications.

Strong and consistent MSI brand identity

MSI’s brand guidelines were developed exclusively for print, posing a key challenge in translating them into a beautiful, clean, and engaging design for web. Our multidisciplinary team worked together to help give the new MSI site a contemporary design style while staying true to their extensive palette.

Beautiful Design

Combining our designs with modern front-end technology approaches to layering and rotating content allowed us to enhance the site and make it more accessible to users.

Modern, contemporary design style, look, and feel

Flat design, bespoke iconography, and rich, immersive imagery

Open, accessible and easy to use site

Designed to the highest standards of usability and accessibility

Clearly laid out content

Highlighting key messages using modern front-end design approaches

/img/CaseStudy/msi/MSi-Carousel-1@2x.png
/img/CaseStudy/msi/MSi-Carousel-2@2x.png
/img/CaseStudy/msi/MSi-Carousel-3@2x.png

Umbraco 7

Our solution was designed for growth, with a flexible and scalable CMS structure using Umbraco, boasting bespoke functionality elements including:

  • News, Blog, and Insights
  • Resource Repository
  • Google Translate Functionality
  • Dynamic Statistics

Results

30%

Increase in user sessions since launch

Screenmedia has helped us reach hundreds more women across the globe. Their professional approach and thorough process gave us just the website we were looking for.

Simon Cooke Chief Executive

related case study

Marie Stopes Multinational Sites

View case study

Related case studies