Documenting the state violence perpetrated against displaced people at the France-UK border.

Areas of work digital
Industry not-for-profit
Website humanrightsobservers.org

Documenting the state violence perpetrated against displaced people at the France-UK border.

Areas of work
digital

Industry
not-for-profit

Website
humanrightsobservers.org

Human Rights Observers website on laptop, tablet and mobile

Human Rights Observers (HRO) are an independent watchdog aiming to document and denounce the State violence perpetrated against displaced people at the French-UK border in Calais and Grande-Synthe.

The HRO website needed to showcase their vast library of data, information and photos from their research in Northern France. This needed to be presented in a simple, clean and easy-to-navigate way using the black and white colour palette that’s synonymous with their brand. It was also essential for the website to be available in English and French versions, and to incorporate functionality to allow visitors to navigate their library of research.

Visuals of the Homepage and Our Mission webpages on the Human Rights Observers website

A series of illustrations were developed to reflect the hands-on approach of HROs work, and to soften the feel of the website. This was further enhanced by introducing a pale green shade to the black and white palette. Black geometric shapes were introduced to highlight key information so it could stand out alongside the powerful images.

The website was built using the Wordpress content management system in 2020. It incorporates search and filter functionality to allow users to navigate their vast database or research. The HRO team now make all updates to the website internally using a recorded one-to-one training session as a reference point.

Visuals of the Work With Us and Monthly Observations pages on the Human Rights Observers website

03.

The Result

3x

Sit enim quia ab reiciendis doloremque vel nisi neque vel molestiae quidem. Est cumque deleniti et sint ipsum eos consequatur omnis quo maiores molestiae rem vitae venia. Sit enim quia ab reiciendis doloremque vel nisi neque vel molestiae quidem. Est cumque deleniti et sint ipsum eos consequatur omnis quo maiores molestiae rem vitae venia. Sit enim quia ab reiciendis doloremque vel nisi neque vel molestiae quidem. Est cumque deleniti et sint ipsum eos consequatur omnis quo maiores molestiae rem vitae venia.

3x

Sit enim quia ab reiciendis doloremque vel nisi neque vel molestiae quidem. Est cumque deleniti et sint ipsum eos consequatur omnis quo maiores molestiae rem vitae venia. Sit enim quia ab reiciendis doloremque vel nisi neque vel molestiae quidem. Est cumque deleniti et sint ipsum eos consequatur omnis quo maiores molestiae rem vitae venia. Sit enim quia ab reiciendis doloremque vel nisi neque vel molestiae quidem. Est cumque deleniti et sint ipsum eos consequatur omnis quo maiores molestiae rem vitae venia.

3x

Sit enim quia ab reiciendis doloremque vel nisi neque vel molestiae quidem. Est cumque deleniti et sint ipsum eos consequatur omnis quo maiores molestiae rem vitae venia. Sit enim quia ab reiciendis doloremque vel nisi neque vel molestiae quidem. Est cumque deleniti et sint ipsum eos consequatur omnis quo maiores molestiae rem vitae venia. Sit enim quia ab reiciendis doloremque vel nisi neque vel molestiae quidem. Est cumque deleniti et sint ipsum eos consequatur omnis quo maiores molestiae rem vitae venia.