Interactive case study

The SHARP Programme

  • Landing Page
    Landing Page
  • Video integration
    Video integration
  • Interactive infographics
    Interactive infographics
  • Template used in another case study
    Template used in another case study

The Challenge

For 3 years, the SHARP Programme contributed to reducing the spread and impact of HIV among men who have sex with men in extremely hostile environments in 4 African countries.

An important part of the project was transmitting the lessons learnt, so that people designing programmes in similar situations could use it as a basis.

However, activists and NGOs operating under these conditions frequently lack the time to go through extensive reports, while short impact films fail to convey the lessons acquired in much depth.

How could the results and key lessons of the SHARP Programme be conveyed in the most succinct and engaging manner to people that have a broad range of learning styles?

Our Solution

The HIV/AIDS Alliance approached us with this challenge and we responded by proposing an interactive experience that would be built around the voices of the participants, combining them with text and interactive infographics.

To understand our end users, we surveyed and conducted in-depth interviews with HIV/AIDS practitioners in 5 continents. That provided us with an extensive picture of the learning methods and preferences of our audience, which I used to build 3 distinct personas. The research phase confirmed that our initial approach (combining video interviews, text and interactive elements) suited people with different learning styles and provided inspiration from the voices of the programme participants.

I then built a hi-fi prototype in Axure, which we tested extensively for usability. Because the interactive experience needed to be integrated into the existing HIV/AIDS Alliance website as a new template (to be used for future projects), I faced the challenge of making the UI and data architecture integrate seamlessly into the site and be flexible enough to accommodate very different case studies, while satisfying the user needs identified at the research stage.

One of these needs was getting an overview of the contents, to then decide which subjects to look at in more depth. A sticky menu, combined with a layered data architecture with increasing technical detail, proved to be a successful solution during the testing phase.

The last stage was creating and testing a number of interactive infographics for this project and for a later case study that uses the same template.

Additionally, I post-produced the video content, including a short impact film introducing the project and its results.

My process

Personas

Research report (extract)

Information architecture (extract)

Early hi-fi mock-up

Interactive infographic mock-up

The results

“The Alliance hadn’t done this before. It is a lot more attractive than other approaches and contains everything you would need to know about the SHARP Programme.”

— Manuel Couffignal, Senegal

The SHARP Programme case study has been visited extensively by people designing HIV/AIDS programmes all over the world, particularly in Africa, the Middle East and South East Asia.

The template created for this project was subsequently used to communicate the results and lessons of another HIV/AIDS Alliance project, Link Up, and will continue to be used to showcase programmes taking place around the world after they conclude.