Whiteroom required a new website to showcase their work as well as implement their new content marketing strategy giving them the tools they needed to reach a wider audience.

The website needed a flexible design system to accommodate a range of different content types with in a given page, as well as a range of page types. With this in mind, the information architecture and user experience was planned from the ground up with efficiency and ease of use for both Whiteroom and the end user.

The user experience of the new site needed to showcase the studios work, showing visitors that Whiteroom are the ideal creative agency for their brand. To do this the homepage was designed as a portfolio of client relationships, showing how the studio have worked with them in long term relationships. This allowed for more of a story telling approach to a standard portfolio .

The site is based around content channels that allow users to explore their work and wider industry insights. The natural solution for this was a 'cards' based system that allowed multiple configuration options within the site's underlying grid system.

To ensure the variety of work could be shown on the site in an easily manageable way, the portfolio combined two feeds of content. A premium template for case studies and a supporting template for projects which had a simplified layout and page elements that required less time to create assets for. This also allows visitors to quickly filter through large volumes of work.

The new website had a range of page elements available to display work in. These were designed with the type of content the studio used to showcase their work, preferring more dynamic and visually exciting page layouts. The set of page elements effectively allow them to art direct each page within the constraints of a content managed system.

As part of their content strategy Whiteroom wanted to add a twist to the standard blog format. To do this, the article feed was designed to work as a customisable content feed, allowing them to add supporting content and art direct the feed with a range of additional components such as imagery, videos and statements.