Guardian unveils new responsive website

The Guardian has launched a new version of its mobile website, which it says is the first iteration of a new ‘consistent and cohesive design language and system across all our products’.

New mobile homepage
New mobile homepage

The new responsive site is in alpha testing phase and introduces changes to fonts, spacing, iconography and colour schemes. The Guardian says the new site is ‘overall a much cleaner experience’.

Alex Breuer, creative director of the Guardian, says, ‘At the heart of this update is the goal to create a consistent and cohesive design language and system across all our products.

‘Key to this is a new responsive modular grid system. This will be the design “substrate” for all our digital products. Fundamentally the hierarchy, spacing and relative sizing of content components should be consistent across all breakpoints.

‘In addition it allows us to progressively enhance content for people accessing on devices with larger screens, but still maintain the fidelity of the design so orientation and navigability of articles and fronts should be familiar to users on whatever device they choose to consume the Guardian.’

New colour system on mobile site
New colour system on mobile site

Chris Mulholland, product manager at the Guardian, says ‘Our plan is that this will grow up to be a much better replacement for our current desktop site, but we’re a long while away from that.

‘Over the next weeks and months, we are looking at the display of our content on wider screens, but currently keeping the organisation of the site the same.

‘You’ll find that if you view our mobile site on desktop, we’re starting to explore ways in which the user interface will expand to offer articles that are clear to read with minimal distractions.’

Latest articles