The face of Sven Uilhoorn.

Sven Uilhoorn

Interaction Designer based in Groningen, the Netherlands
+316 11 294 LinkedIn
Back to homepage

Website Squadraat

New site for student squash club Squadraat, aimed at serving existing members with news, forms and (members-only) pictures and documents, while also serving Dutch and international new members.

Roles and Responsibilities

I was responsible for the entire project;

  • client interview
  • user interviews
  • prototype building (HTML/CSS) and user testing
  • development and release
  • final user testing
  • polish and after care (manuals)

Final Product

Homepage with news messages, monthly events and information for potential members further down the page.

A training sign off form, of which the entries can be exported to .csv, so it's easily imported into Excel, reducing the workload of the board.

Tables per competition level that will only appear when filled.

Some parts of the website appear on various pages, but are only maintained on one page in the back-end for ease of use and contradicting information becoming impossible.

Documents and pictures for members of the club, accessible only by login. Wordpress dashboard access is restricted to normal members.

English page for international students new to the club. Left out navigation as this confused the users when testing, instead it has a clear link back to the Dutch site.

A footer that can be maintained on a separate footer page in the back-end, with the international page also being updated (with English text on that page's back-end)

The website is fully responsive, as was the prototype.

Process and Methods

I set up a plan including the following stages:

  • client interview
  • user interviews
  • prototype building (HTML/CSS) and user testing
  • development and release
  • final user testing
  • polish and after care (manuals)

Squadraat Website Prototype

After the prototype was approved, I started development of a custom theme in Wordpress. This was the first website project were I didn't use a style guide and just (very agile) chose fonts and styles on the go, while not straying too far away from the approved prototype, and making lots of small improvements in the process.

Toughest Challenge

As in all of the other website projects I've done, the toughest challenge wasn't in the interaction design part, but in the technical side.

It features a custom built calendar, messages that can be posted in any of the three categories and are featured on their respective pages, restricted user access for the members account, a training sign off system that exports to .csv and a back-end that's optimized for user friendliness by using smart defaults and loads of conditional logic.

What I'd do Differently

Work faster.

Tools Used

  • Notepad: documentation, todo lists, code building
  • LibreOffice Writer: client manual (all as .pdf)
  • Trello: checklist and project planning
  • Notepad++ & Dreamweaver: custom theme development
  • Xampp: local hosting
  • Wordpress: CMS + plugins (Advanced Custom Fields (+ACF Table Field), Contact Form 7 (+CFDB7), Duplicator, Peter's Login Redirect, Remove Dashboard Access and Restrict User Access

Back to homepage

More Projects

Squadroddels 2017-2018
Three magazines for student squash club Squadraat
Strategy board game around the Dutch merchant fleets
Cosy Racing Community
Forum and website for international sim racing community
Card Race Series
Simultaneous action forum card game, play as a race car driver
Gibu Bestratingen
Website for paving company showing projects and expertise