UWC Deutschland's previous website dated back to 2007, the year the original iPhone was introduced and three years before responsive web design became a core concept of web development. Over the years, the website's navigation structure had become a convoluted mess and the content was often outdated. So when I approached UWC Deutschland about a new website, they were excited to get started.
We kicked things off with a brainstorming meeting at UWC Deutschland's office in Berlin. I guided the team through a series of short and focused exercises to quickly sketch out the goals and expectations for the project. Each exercise built on top of the previous one.
Everyone was tasked to identify three target groups that they deemed most important. We then combined the suggestions, discussed them in the group and boiled down the list to three main target groups:
- Potential applicants: young idealists looking to study abroad
- UWC as a movement: people looking for information on UWC (e.g. donors, parents)
- Alumni: former UWC students, teachers and parents
Before the meeting my girlfriend had written the title of every page that currently existed on the website on a sticky note. This helped the team to keep a visual overview as they combined and grouped the pages according to their target groups, until an overall structure emerged.
The result was remarkable: we reduced the number of pages from 232 to 37, intuitively sorted into 6 sections.
Visualised navigation structure on the left, feature list on the right.
I had preselected a list of possible features to give the team a sense of what's possible. I also encouraged them to add further suggestions. The team then ranked the features by urgency and importance.
In preparation for the meeting I had researched and pre-selected three content management systems: CraftCMS, WordPress and Squarespace. I had also set up demo sites for each CMS so the team could try out and get a feel for the backend.
In the end the team decided to move forward with WordPress as it is open source, free, and has a large developer base.
I spent the whole of May in Sketch drafting the design for the website. I shared my progress with the Berlin team through InVision where they were able to comment and discuss the mockups. They further shared the designs with members of the target groups. Their feedback in particular was extremely valuable and helped me to optimise the design further.
Evolution of the homepage design.