MS Barometer Project
MS Barometer Project
MS Barometer Project
CASE STUDY
CASE STUDY
CASE STUDY
The MS Barometer is a benchmarking tool collecting key information on Multiple Sclerosis (MS) in 35 countries. We helped this nonprofit initiative to achieve greater impact in two stages. In stage one, we designed a professional layout for their 50-pager report and for 35 country factsheets. In stage two, we designed a user-friendly interface and developed a hybrid future-proof web app to be able to showcase, compare and edit the data of the Barometer.
The MS Barometer is a benchmarking tool collecting key information on Multiple Sclerosis (MS) in 35 countries. We helped this nonprofit initiative to achieve greater impact in two stages. In stage one, we designed a professional layout for their 50-pager report and for 35 country factsheets. In stage two, we designed a user-friendly interface and developed a hybrid future-proof web app to be able to showcase, compare and edit the data of the Barometer.
Interactive data visualisation
Interactive data visualisation
Interactive data visualisation
Report and factsheet design
Report and factsheet design
Report and factsheet design
Comparative advocacy tool
Comparative advocacy tool
Comparative advocacy tool
Comparative advocacy tool
Influenced healthcare decision-making
Influenced healthcare decision-making
Influenced healthcare decision-making
Influenced healthcare decision-making
About the client
The European Multiple Sclerosis Platform (EMSP) is a Pan-European umbrella organisation with over 30 years of expertise. They work together with 43 members organisations from 37 countries and our partners to ensure that the more than 1 million people affected by multiple sclerosis (MS) in Europe, have a real voice in determining their own priorities.
Main Goals
REDUCE COMPLEXITY
Platform development
Develop a unique platform to showcase complex data
REDUCE COMPLEXITY
Platform development
Develop a unique platform to showcase complex data
REDUCE COMPLEXITY
Platform development
Develop a unique platform to showcase complex data
REDUCE COMPLEXITY
Platform development
Develop a unique platform to showcase complex data
MANTAINABILITY
Admin platform
Develop an admin platform to manage the data from anywhere
MANTAINABILITY
Admin platform
Develop an admin platform to manage the data from anywhere
MANTAINABILITY
Admin platform
Develop an admin platform to manage the data from anywhere
MANTAINABILITY
Admin platform
Develop an admin platform to manage the data from anywhere
PERFORMANCE
Fast load speed
Despite the huge amount of data kept load times to a minimum
PERFORMANCE
Fast load speed
Despite the huge amount of data kept load times to a minimum
PERFORMANCE
Fast load speed
Despite the huge amount of data kept load times to a minimum
PERFORMANCE
Fast load speed
Despite the huge amount of data kept load times to a minimum
The initial challenge
The initial challenge
The initial challenge
The MS Barometer has been published for the last 13 years as a long PDF report. One of the challenges of this project was not only to design an attractive layout for the report and new country factsheets, but to use the power of storytelling through visual expression to make it easier to digest.
Another challenge of the project was clearly the implementation of an interactive online platform where all the data included in the 50-pager report could be showcased in a user-friendly format, as well as offering a unique feature to compare the data of different countries across Europe.
Apart from these points, we need to highlight the custom backend, which will make it possible for the organisation to edit or create new Barometers online introducing updated data via the intuitive admin interface. At last, the key challenge of this project was the short timeline. We’ve delivered on both the printed design and platform development in only 60 days.
The MS Barometer has been published for the last 13 years as a long PDF report. One of the challenges of this project was not only to design an attractive layout for the report and new country factsheets, but to use the power of storytelling through visual expression to make it easier to digest.
Another challenge of the project was clearly the implementation of an interactive online platform where all the data included in the 50-pager report could be showcased in a user-friendly format, as well as offering a unique feature to compare the data of different countries across Europe.
Apart from these points, we need to highlight the custom backend, which will make it possible for the organisation to edit or create new Barometers online introducing updated data via the intuitive admin interface. At last, the key challenge of this project was the short timeline. We’ve delivered on both the printed design and platform development in only 60 days.
The MS Barometer has been published for the last 13 years as a long PDF report. One of the challenges of this project was not only to design an attractive layout for the report and new country factsheets, but to use the power of storytelling through visual expression to make it easier to digest.
Another challenge of the project was clearly the implementation of an interactive online platform where all the data included in the 50-pager report could be showcased in a user-friendly format, as well as offering a unique feature to compare the data of different countries across Europe.
Apart from these points, we need to highlight the custom backend, which will make it possible for the organisation to edit or create new Barometers online introducing updated data via the intuitive admin interface. At last, the key challenge of this project was the short timeline. We’ve delivered on both the printed design and platform development in only 60 days.
Our Solution
Our Solution
Our Solution
The first stage of this project was concluded with the delivery of printed designs of the 50-pager report and 35 2-pager factsheets after unlimited feedback rounds.
The second stage of the project included the development of the backend on Strapi (open source headless CMS) with some custom made functionalities. It also included the front-end development made in HTML, CSS and JavaScript.
To speed up the development we also used technologies such as React (front end library), NextJS (framework built upon react that enables SSR and hybrid SSR) and other libraries like recharts (to generate the charts dynamically based on data), material-ui (to improve UI consistency), material-table (to generate consistent table layouts) and framer-motion for animations.
The front end was detached from the backend and the communication is handled by a REST API, so the front end appearance can be modified at any later point without affecting the backend functionality. The user view consisted of a responsive 7-page layout including unique features like interactive map, chart display with chart builder functionality in the backend, comparison view, country profiles and more.
The first stage of this project was concluded with the delivery of printed designs of the 50-pager report and 35 2-pager factsheets after unlimited feedback rounds.
The second stage of the project included the development of the backend on Strapi (open source headless CMS) with some custom made functionalities. It also included the front-end development made in HTML, CSS and JavaScript.
To speed up the development we also used technologies such as React (front end library), NextJS (framework built upon react that enables SSR and hybrid SSR) and other libraries like recharts (to generate the charts dynamically based on data), material-ui (to improve UI consistency), material-table (to generate consistent table layouts) and framer-motion for animations.
The front end was detached from the backend and the communication is handled by a REST API, so the front end appearance can be modified at any later point without affecting the backend functionality. The user view consisted of a responsive 7-page layout including unique features like interactive map, chart display with chart builder functionality in the backend, comparison view, country profiles and more.
The first stage of this project was concluded with the delivery of printed designs of the 50-pager report and 35 2-pager factsheets after unlimited feedback rounds.
The second stage of the project included the development of the backend on Strapi (open source headless CMS) with some custom made functionalities. It also included the front-end development made in HTML, CSS and JavaScript.
To speed up the development we also used technologies such as React (front end library), NextJS (framework built upon react that enables SSR and hybrid SSR) and other libraries like recharts (to generate the charts dynamically based on data), material-ui (to improve UI consistency), material-table (to generate consistent table layouts) and framer-motion for animations.
The front end was detached from the backend and the communication is handled by a REST API, so the front end appearance can be modified at any later point without affecting the backend functionality. The user view consisted of a responsive 7-page layout including unique features like interactive map, chart display with chart builder functionality in the backend, comparison view, country profiles and more.
Graphic Design
Custom Development
UX/UI Design
Campaigning
Infographics
Graphic Design
Custom Development
UX/UI Design
Campaigning
Infographics
Achievements
SPEED
Loads in under 2s
Impressive performance despite the huge amount of data
SPEED
Loads in under 2s
Impressive performance despite the huge amount of data
SPEED
Loads in under 2s
Impressive performance despite the huge amount of data
SPEED
Loads in under 2s
Impressive performance despite the huge amount of data
REACH
1000+
Factsheet downloads
REACH
1000+
Factsheet downloads
REACH
1000+
Factsheet downloads
REACH
1000+
Factsheet downloads
PERFORMANCE
80+
Google Lighthouse Score
PERFORMANCE
80+
Google Lighthouse Score
PERFORMANCE
80+
Google Lighthouse Score
PERFORMANCE
80+
Google Lighthouse Score
Before/After
Our Client Said
Development
VAC-PACT Project
CASE STUDY
A multilingual e-learning web app for an EU-funded project presenting information on vaccines
Development
VAC-PACT Project
CASE STUDY
A multilingual e-learning web app for an EU-funded project presenting information on vaccines
Development
VAC-PACT Project
CASE STUDY
A multilingual e-learning web app for an EU-funded project presenting information on vaccines
Development
VAC-PACT Project
CASE STUDY
A multilingual e-learning web app for an EU-funded project presenting information on vaccines
Development
Impact Media Website Revamp
CASE STUDY
We implemented a substantial redesign of Impact Media’s website.
Development
Impact Media Website Revamp
CASE STUDY
We implemented a substantial redesign of Impact Media’s website.
Development
Impact Media Website Revamp
CASE STUDY
We implemented a substantial redesign of Impact Media’s website.
Development
Impact Media Website Revamp
CASE STUDY
We implemented a substantial redesign of Impact Media’s website.
Development
EUCAPA Project
CASE STUDY
Branding and custom e-learning website design and development for the EU funded EUCAPA project.
Development
EUCAPA Project
CASE STUDY
Branding and custom e-learning website design and development for the EU funded EUCAPA project.
Development
EUCAPA Project
CASE STUDY
Branding and custom e-learning website design and development for the EU funded EUCAPA project.
Development
EUCAPA Project
CASE STUDY
Branding and custom e-learning website design and development for the EU funded EUCAPA project.
Development
MANTRA Project Website
CASE STUDY
We built the MANTRA website to support SMEs in their green and digital transformation journey.
Development
MANTRA Project Website
CASE STUDY
We built the MANTRA website to support SMEs in their green and digital transformation journey.
Development
MANTRA Project Website
CASE STUDY
We built the MANTRA website to support SMEs in their green and digital transformation journey.
Development
MANTRA Project Website
CASE STUDY
We built the MANTRA website to support SMEs in their green and digital transformation journey.
Ready?
Got a Project?
Let's Explore It!
Book a quick, no-pressure intro call to see how we can support your goals and rock your next project with cutting-edge design and digital solutions.
Ready?
Got a Project?
Let's Explore It!
Book a quick, no-pressure intro call to see how we can support your goals and rock your next project with cutting-edge design and digital solutions.
Ready?
Got a Project?
Let's Explore It!
Book a quick, no-pressure intro call to see how we can support your goals and rock your next project with cutting-edge design and digital solutions.
Ready?
Got a Project?
Let's Explore It!
Book a quick, no-pressure intro call to see how we can support your goals and rock your next project with cutting-edge design and digital solutions.