Gavin Shinfield

WXG.co.uk – bold or broken?

When we started out on the design for the new WXG site (wxg.co.uk) we decided that it was going to have a very stark and spare look-and-feel. We took our pointers from the giants of early 20th century type design and eschewed all ornament or graphics other than those required by the site content, and opted for a high contrast monochromatic palette. A bold statement we thought.

A screenshot of the wxg.co.uk homepage.

This is why you don’t see any photos or icons on the site, it’s as pure a typographic layout as possible. This thinking also inspired our choice of typeface, Neue Haas Grotesk (fontbureau.com/nhg), the direct precursor to our beloved modern Helvetica. We opted for Haas as it seemed to lend the right feeling of modernist authenticity to compliment such a simple design.

The basis of a massive X forming the background and framing the layout gave rise to the panning canvas conceit. Now, this is nothing new, I think we all remember the over-engineered panning Flash sites from back in the day (Leo Burnett’s scribbling pencil et al) and how they wowed us then. But we were trying to do something a bit different, we wanted to build the site like this the right way, and make it accessible to all, combining this general idea with a responsive build gave us a few challenges.

Broken by design

One of the major decisions we made was to allow users to either use the main navigation and be whisked off to the content area of their choice, or to use the mouse/pointer/scrollbars to pan around the entire canvas. The major consequence of this latter decision is that some views that would normally only be seen as fleeting glimpses could be rested on by the visitor. This prompted some early testers of the site to say ‘It’s broken’.

Our response was, ‘No, it’s not broken. It’s meant to be like that’ – are we being hopelessly utopian in thinking that people won’t mind?

A screenshot of wxg.co.uk showing how it’s possible to scroll to an empty portion of the site.

We could have locked the site down and turned off scrolling, or we could have hijacked the scrollbar and forced the panning to run ‘on rails’ using a pre-built jQuery plugin, but we made the decision to leave it up to the user, after all who are we to dictate how people will use the site, and on what devices? Our mission is to innovate and build progressive online interfaces, usable by all and open to all.

What do you think, should we strive for pixel perfection with designer controlled views, or offer open, fluid web experiences that the user defines?

Tags: kyan, wxg, events, design

See more posts

Comments: 1

Chris
commented on

Kinda looks broken to me...

http://f.cl.ly/items/1L2K303O0L2M0k3j0s3A/Screen%20Shot%202014-03-05%20at%2023.18.30.png

Add a comment

Note: comments are moderated before publication.

Most Popular

Get on the 'social media' bandwagon

Matt Hamm

‘Social media’ is the new buzz term. Everybody’s doing it, and why? Because it can generate masses amount of traffic to your website, which can easily turn into revenue. It’s really what ‘web 2.0’ is all about.

Kyan.com colophon

Robin Whittleton

Now that our new site is live, I can finally talk about development decisions we made. The site last had a makeover in mid-2008 so what we can do has moved on quite considerably, and we’ve tried to take advantage of that where possible.

Number one in Google

Paul Sturgess

Good listings across multiple search engines can make or break a website, at Kyan we believe there are no real secrets to search engine optimisation (SEO). Transparency with our clients is key, we don’t keep our techniques behind lock and key as we believe SEO is not just the re…

Website easter egg

Piers Palmer

We decided to have a little fun now that summer is over, combining some design yumminess and behavioural goodness. See if you are up to the challenge! Can you find the indomitable and mighty web geek PROFESSOR WAKE on our website. He’s hiding there somewhere… A littl…

Google+