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
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.
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.
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.
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.
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.