Mood work

DIUS

Positioning The Department for Innovation, Universities and Skills (DIUS) online presence. Creation of an online styleguide which allowed the department to intergrate a range of other departments and brands into the DIUS site framework.

Client Department for Innovation, Universities and Skills
Agency Atticmedia
Role Art Direction / Design
Outputs Brand Site / Guidelines
Credits Mike Burgen & Lone Warberg Design

DIUS distributes approximately £20 billion and has a remit for developing the knowledge and skills of all adults in the UK. DIUS realised their initial website failed to communicate their remit and wanted to engage a creative agency to undertake a top to bottom review and redevelopment of their web strategy, presence and activities. In particular they wanted to reflect the forward thinking, innovation focused remit the Department has.

Please note that in the recent Government reorganisation DIUS has been revamped into BIS, the Department for Business, Innovation & Skills. Due to this reshuffle the successful pitch work is presented.

Positional axis

Positional Axis

After a successful proposal and pitch, the positional axis was the first activity employed to determine where DIUS could sit within the marketplace. The three designs created traveled across the positional axis from Government / Official to Friendly / Citizen.

DIUS home

Pitch Homepage

The prefered design route (featured) from all designs submitted at pitch stage is built on the brand motif. The guidelines emphasise that the shapes that form the brand motif communicate collaboration, growth and visually act as a graph. Building on this, the brand motif under the main content area generates a pulse, or an upward growth in creativity, knowledge and innovation. The upward surge illustrates the societal impact that DIUS aims to achive.

Components

Components

The flexibility of the design allows DIUS to display content in the main lead news area in a variety of ways and users can customise their content on the homepage. Two related but different grid systems were devised for flowing in content.

Content page

Content Page