N.E.C. Nijmegen Case Study

The problem

The previous N.E.C. Nijmegen website had been around for many years and was in desperate need of replacing. After a few years of working at LinkU, I finally got my wish or redesigning the N.E.C. website, together with my colleague Arthur.

About N.E.C. Nijmegen

nec

N.E.C. Nijmegen is a professional football club from, you guessed it, Nijmegen. After having suffered a major setback in being relegated, in the 2014/2015 season, N.E.C. triumphantly returned to the highest tier in Dutch football, the Eredivisie, by absolutely vaporizing the competition. N.E.C. set a new total point record for the second tier, the Jupiler League. Never had a team scored over 100 league points in a single season.

Design

 

My main goal for the design was to emphasize the experience of the N.E.C. fan. It is after all the fan that comes to the games, buys the merchandise and thus supports the club. I wanted them to be proud of their online presence among their Eredivisie peers. To do so, I felt it would be a good idea to provide more information about the club and its players. Die-hard fans always try to find more information about their favorite players.

Homepage

The homepage mainly focuses on providing the fans with the latest news and information about upcoming matches. The page is set up to provide returning N.E.C. fans with the most recent information, so they do not have to browse through many pages to find the latest news or when the next match is.

Homepage design NEC Nijmegen

Player profile

As mentioned above, I felt the player information needed far more emphasis than it was getting at that time. A big, bold photograph of the player, with a (short) biography below. Hopefully this would feel like the fan could get to know a little bit more about the player. The page also features statistics, news, wallpapers and photos regarding the specific player.

Profiel-1

Motion design

A big part of design for my consists of providing meaningful motion. By meaningful motion I mean beautiful transitions between pages, hover states for buttons and so on. And example of motion is the appearance of the player stats, illustrated in the gif below. It draws the attention of the visitor and provides a bit of life on the page.

stats