Mobile-Centric Website

For most websites, at least 50% of visits is via a tiny canvass: the smartphone. For Non Stop Action, over 60% of visits to their website is from mobile phones.

Besides a few minor technical issues, everyone was happy with the existing desktop/ laptop design. However, the user experience on the phone was extremely poor.

Displaying key information on screens roughly 6cm by 12cm means every pixel used must justify the space it takes up.

Using the existing styling, a complete rebuild was required to create an accessible smartphone interface:

• Large clear buttons: Home links to PE, Holiday Camps, etc;
• Green means action: for remaining buttons;
• Tap to call: replaces manual copy & paste phone number;
• Toggles: reveals additional content, reducing page length;
• Single column layout: maximises clarity;
• Videos no longer auto-play: conserves bandwidth;
• Minimised animation on phone view.