Redefining Digital Design Standards for National Express

National Express

Redefining Digital Design Standards for National Express

Project Details

Client National Express Group
Completed January 2018
Timeframe 5 Months
  • Our Services
  • Brand Identity
  • User Experience
  • User Interface
  • Web Development
Client National Express Group
Completed January 2018
Timeframe 5 Months

National Express briefed us to strategically evaluate & unify the brand’s user interface across its core booking website. They also required a clear direction & a consistent digital styleguide that would steer all future UI design for the company, across multiple touchpoints.

  • Our Services
  • Brand Identity
  • User Experience
  • User Interface
  • Web Development

Our Approach

We studied existing analytical user data to inform decision making during the design process. Operating in an agile method, we designed & tested core templates & functionality with users across the website.

Using a mix of qualitative & quantitative data, we were able to study user behaviour & apply this insight into further updates across the main National Express website.

National Express web design

Style Tiles

We kicked off the design process with a series of styletiles, quickly communicating multiple aesthetic approaches to the user interface. These included typography, colour palettes & various UI elements, without investing a lot of time designing multiple versions of page templates. After feedback from stakeholders, these styletiles were then developed into the final direction for the user interface.

National Express style guide

The Design Process

The National Express team were open to an agreed level of social exposure for this project, through dribbble & Invision. This allowed us to obtain an additional input of opinions & recommendations from the global design community.

Invision also played a large part of the design process, allowing us to receive rapid feedback from multiple internal stakeholders and real users.

National Express team with designs

Booking–Focused

Analytics showed that content below the hero when users arrived on the homepage was hardly clicked, with all focus on users making a booking. Therefore we needed to ensure the journey planner was as dominant as possible, whilst allowing for campaign content to also be presented in the hero area.

National Express website components

It’s All in the Details

We also introduced various small, yet important additions to the journey planner. These included clearer live & suggested search results, as well as the introduction of presenting popular destinations before a user even stars typing.

National express website wireframes

Redefining Design Styles

As a result, National Express now have an online presence that is in sync with the NX brand, is customer-focused & in line with modern design and build standards.

The internal team now have a fully documented digital styleguide (with code) to reference, including UI elements, layouts & call to actions. This allows for future content, templates and features to be created consistently & on-brand.

National Express website mockups

adaptable delivered a new look & feel that is flexible enough to be used across every one of our digital channels. As a digital content manager, this is absolutely amazing & makes my life so much easier.

Simon Partington Headshot

Simon Partington

Digital Comms Manager
National Express

We'd love to build something amazing together..

Dan Cooper

dan@weareadaptable.com
+44 (0) 121 288 1482

Renewal

Helping a Modern Church Reach a Global Audience