The Belgian Red Cross website : backstage of a revamp like no other

Benoît Vrins
Jan 18, 2018 · 4 min read

It’s a pleasure for the whole team to announce today the release of the new Belgian Red Cross website. It was an opportunity for Spade to implement several innovative ideas for managing a large project with budgetary constraints in collaboration with Julien Lambé and his Themosis framework. The challenge was huge, back on the essential steps of a revamp like no other.

Digital strategy: 18 involved departments

Information Architecture: a website in network with 16 subdomains

Each department has its own space for expression: a custom homepage, section pages, landing pages for different campaigns and a custom navigation.

Each team has its own editorial freedom supported by Sophie and Sandrine from the central team who manages the Red Cross marketing/communication.

The classic domain,”www”, hosts the “cross-platform” pages that will ensure navigation to all strategic pages.

The menu “Activités” provides access to the entire network of sub-websites.

UX Design: live prototypes to test real content in different contexts

  • A single prototype to directly test numerous navigation contexts (different screen widths, tactile surfaces,…) by applying the rules of responsive design;
  • The HTML structure can be reused directly for the development step;
  • Speed to build variations, sharing similar components (use of “snippets”);
  • Easy to insert realistic textual content to test the future digital platform.
The wireframes directly integrate real content which allows early in the process to work with a proven content strategy.

UI design: human at the centre of attention

Many subjects were covered in photo reportages. It was a real pleasure for the design team at Spade to immerse in it and to propose a graphic approach that emphasizes this internal wealth.

We used as much as possible the photos of the Belgian Red Cross internal medial library.

Then we provided a CSS styleguide, the idea is that the site could offer a huge variety of content types.

The styleguide lists all the rules set up for the Red Cross website, here are the rules for using buttons, colors and grid positioning of objects in the pages.

Technical development: a Belgian backend framework to encapsulate WordPress

We worked directly with the Belgian creator, Julien Lambé, to set up a flexible content management tool (We will return in a second article on the philosophy developed with Julien and the technical architecture he designed).

There were several challenges such as the integration of 2 Red Cross services available as an API or the management of resources to be shared between different sites in the configured WordPress network.

Within WordPress, each page has its own “builder” to guarantee a great flexibility in the contentl management of the website.

Collaboration with BeCode

A long-term project

In the end, we would like to thank all the participants for their enthusiasm, good will and sometimes the patience they have shown to achieve this beautiful project.

Originally published at blog.spade.be on January 18, 2018.

spade-be

Collection of posts from people working at Spade.