Haags Gemeentearchief

The Municipal Archive of the Hague brings factual and personal stories tied to places in so called "projects". These projects require coherent, modern design to support the content. "Making interesting content also look interesting".

Year

2021-2022

Agency

New Designers Agency

Project Type

Expert Review, UX Design, Gamification

Role

UX Designer, Head of Gamification

Project Overview

Matching history with future

The Hague archive contains loads of information that are meaningful to many curious residents. The current state of the website, however, was quite messy and needed a refresh. That's where my job began.

Challenge

Create an overhaul plan of the website, with the focus on the "Project" page.

My Role/Responsibilities

UX Designer
Gamification
Expert review

Research & Planning

Taking a step back

To create a new scheme, the current one has to be analyzed. Someone designed that website with connections in mind that the new design should contain. That's why the first step was expert review, making sure we understand the scale and themes of the website.

Expert Review

In order to understand what needs to be changed and why a redesign is happening, we first dove into deep expert review and analyzed parts of website that disturb user flows, confuse users or also what features could be missing.

Competitive Analysis

After understanding what's wrong with current design, we dove into identifying industry trends on how color, hierarchy and layout impacts complex article pages. We explored various archive pages within NL but also around the world, to see underlying themes and some of the "Do's and Don'ts".

Design

Establishing the backbone

With a clear scope of the competitive landscape, we dived into creating the new structure of the website - to better link relevant pages together, and show how the individual articles link to the bigger projects.

The Trident of the new structure

01

Minimal linking possible

02

Show belonging within episodes (linking factual and personal stories together)

03

Keep the link of latest articles

The visual structure

To better communicate the new structure, a simple visual description was made.

Paper Prototype and Lo-Fi Prototypes

Once we had the structure of the page laid down, it was time to decide on the layout and interactions of the pages. That's why in the design team, we had a session for paper prototypes that we then translated to Lo-Fi prototypes.

Final Design

Designing for ease of use and engagement

The final design aims to "make interesting content also look interesting". This design carries that out through gamification, as well as improved visual hierarchy, engagement and modern overhaul.

Project Page

Centralized hub to view all episodes within a project, read about what connects them all and how it is structured, or find similar projects.

Blog, article and events page

These pages are smaller, article pages that have gamification at the end to further engage the users.

News Page

Though without gamification, this updated design of the News page bring better visual hierarchy and fresh look to the News posts.

What's Next

Launching soon!

Now that the design is done, the new projects of Haags Gemeentearchief will implement this design. The product team plans on following up with user testing to further iterate the design and validate design choices.

More Case Studies