Mobile website design

Mobile website design

Here at our Surrey marketing agency we take web design for mobile seriously. We have just launched a new Microsite for one of our FMCG clients, Bahlsen, to support a campaign for the launch of their delicious new PiCK UP! chocolate biscuits and announce the presence of the ‘Ninja Chihuahua’ to the world!

Mobile first approach

As the target audience are consumers at home, the level of mobile visits was expected to be very high so designing the website for mobile and tablet first was the obvious approach. Our first decision was to embrace touch screen scrolling as that is natural behaviour on mobile devices. This meant that we went for a single page site with everything in clear zones with bold, on brand colours, which help identify the different features of the site and therefore increase the level of engagement and improve usability.

Creating a vibrant, on brand experience

The overall plan for the site was to not only engage the user with the content but to act as a springboard for further, deeper engagement with the brand and the other digital channels which in this case were Facebook, Twitter and YouTube as well as product and competition details on the main website. With a vibrant and engaging design approved by the client and with the content and assets underway or awaited our next step was to put together the actual platform that would need to support a wide range of users, devices and browsers.

Responsive Website Design

Over the years we have been building mobile specific templates and of course more recently we have been using responsive design techniques, the method developed by the rather innovative Ethan Marcotte. The benefits of a responsive design over anything else are that they can be made to respond to screen size rather than device or a set screen size which gives you almost infinite opportunity to display your content with opportunities to scale, hide or replace elements of the page.

Responsive web design examples

Our most recent responsive site is enjoying a high profile at the moment as it supports a TV advertising campaign but we apply this technique to most of our new website builds as we see the incessant growth of mobile visitors accessing our sites via a wide variety of resolutions, hardware and browsers. Desktop is not dead though and for many of our B2B clients it is likely to remain king for quite some time.

If you want some more information about how we can help design and build your new mobile website using responsive techniques discussed in this blog then contact our full service marketing agency on 01483 863 338 or email us at

06 March 2014

Got a question or something we can help with?

Call us on 01483 863338 or email us at

We have placed cookies on your computer to help make this website better. For more information please click here

By continuing to use this site or closing this panel, we'll assume you're OK to continue. You can view our full privacy policy here