Article 19

Sharing knowledge to fight discrimination

Image of Istanbul Process website homepage

Project overview

Launched in 2011, The Istanbul Process is the dedicated mechanism for following up on the implementation of the action plan set out in Human Rights Council resolution 16/18 and its counterpart at the General Assembly, resolution 66/16.  

Each year, the United Nations member states share the best practice and experience of the specific actions they have taken to address intolerance and discrimination based on religion or belief, and its root causes.

As we approach the 10th anniversary of the adoption of this resolution, our long-term client, human rights organisation Article 19, working with Universal Rights Group (URG), are increasingly focused on ensuring the consensus around the 16/18 framework is maintained. To this end, we worked closely with both organisations to create a website that serves as an accessible, ongoing information resource, to maintain momentum and raise awareness of the actions and commitments of resolution 16/18.

Features

  • Globally accessible
  • Custom icon design
  • Process timeline
  • Interactive map
  • Knowledge base

0.25g

C02 per page view

98%

Lighthouse Accessibility score

1.4s

Homepage load time

A super light, globally accessible site

All of our sites are created following our efficiency by design process, and this was no exception. Like the website and online e-reader we designed for Article 19 previously, this site needed to be globally accessible, reaching member states that may have data limits, and visually striking in a way that would convey a wealth of information in an accessible way to a wide audience including diplomats, governments of member states and civil society organisations.

Image of 3 mobile devices, each showing a different page of the Istanbul Process website

Custom icon design

To create a high quality, but low bandwidth design, we kept the focus on the bold use of colour, creating custom icon designs to draw attention to the eight action points that member states must evidence they are taking action on. 

These are displayed on the homepage and on the explainer page, on-click interaction provides the reader with further information in an easily digestible format, greying out the other actions to remove background distraction while reading.

Image showing the custom designed icons for each of the eight points from the Istanbul Process

Process timeline

To make it easy to understand and find information about the background of the Istanbul Process from 2011 – date, we created a timeline with headline information of meetings, linking to further details including summary reports.

Image showing the Istanbul Process timeline, displayed on tablet and mobile

Interactive map

The interactive map makes it easy to learn what actions have been taken all over the world, allowing the user to access case study report by country by simply clicking a pin on the interactive map, which opens up a box to the right of the map with summary information, colour coded to the icons that represent each of the eight action points.

 

Image showing the map on a tablet, with a mobile device in front to the right, showing how the interaction looks

Knowledge Hub

All of the relevant reports, plus further commentary, UN human rights mechanisms and resolutions are also available to download directly from the site’s knowledge hub, which filters all documents by type, making it easy for visitors to find the information they need, and download to review this offline.

 

Image showing the knowledge hub page, with a mobile device in front to the right, displaying an implementation report