This was a collaborative website with Hannah Colenbrander, she was the graphic designer and I was the experience designer. Initially we were tasked with redesigning stuff.com which is an extremely cluttered traditional news website. We decided we wanted to not only redesign stuff, but redesign the way web news is delivered in general. This prototype website I coded entirely by myself in 2 weeks. Feel free to download this zip file of the prototype here.
Upon loading the webpage the user is given a choice between good news and bad news. We wanted this choice to be central to the user experience and drive the theme of the website. This not only helped declutter the navigation system, but it also made it more simple to use, allowing the user to get to the news they want faster.

A brief prototype and user journey (not the final coded website)

In the early stages of the project we spent a lot of time user testing from paper prototypes. In the end it was very useful for the process as we were able to quickly mock up a new idea and get a general idea of how users would respond to it.

Here we made user interface specifications in the hypothetical scenario that someone might want to develop the whole website. This was done for all pages of the site.

Above is a brief sinopsis of the coding process. It started in blocks and then I went on to add the details.
Back to Top