Post OfficeRebrand | Web development

Rebrand | Web development

The Post Office has launched a new brand as it bids to become one of the UK's biggest financial service providers by the end of the decade. The business currently has 3 million customers for banking and insurance products and 9 million for its foreign currency services.

To persist their new brand across all channels of their digital offering, a single cohesive front-end platform needed to be created. This development piece would be designed and developed from the initial discovery work and interactive specification composition that was created by the brand guardians in partnership with the Post Office digital content team.

The challenge for this was immense, with such a diverse and dense array of channels and 3rd party suppliers to Post Office, conceiving such a large platform required a rigorous amount of technical planning that would ensure each facet would adhere to the Post Office new brand. The solution would also need to make the allowance for future proofing the brand for potential extensions and to make the allowance for occasional off-brand exceptions.

The core focus of the initial digital rebrand would be required to be integrated into the Post Office main portal, which is derived from Magnolia.

Read more

We designed and developed a custom front-end framework for the Post Office, utilizing HTML5 and CSS3, encompassing the entirety of the Post Office brand guidelines from the newly created interactive specification.

The framework would deliver a collection of common element components, these components would have specific tasks and would give the Post Office digital team a highly flexible way of administering content. Additionally, the framework applied a mobile-first responsive concept and promoted the logic of decoupling components from templates allowing their usage to extend into any part of any web page utilizing the Post Office framework. The components vary from a simple breadcrumb to the large and complex multi-faceted main menu on the Post Office website (known as the Mega Nav).

In total 72 custom components were built and integrated into Magnolia with additional content delivered to 3rd party services to follow brand cohesion.

The magnitude of the framework extends beyond the capacity of a short explanation, the composition allows for each and every aspect of the Post Office online brand to be managed, both aesthetically and in part functionally through the use of custom Javascript modules and plugins.

A large emphasis of the Post Office digital platforms is accessibility and each and every component within the framework was developed and rigorously tested to adhere to Web Accessibility Priority level 2, and where possible level 3. To ensure that all possible viewer requirements where captured, each component was tested to ensure complete compliance for each of the following:

  • Keyboard only usage
  • Screen readers
  • Text only browsers

These tests were conducted on multiples of each physical device (mobile, tablets and desktops) as well as on a number of devices specific to assisted technologies.

The initial release of the new Digital Branding was implemented together with Proximity London, Accenture and IBM, integrating the codebase with the Accenture Java development team, into the Post Office portal, Magnolia.

The entire process was completed over 24 weeks, of which 16 were development split into 4 sprints. Each sprint resulted in an integration and release process with Proximity London and Accenture. Upon completion of the final release, we worked closely with Proximity London and Accenture to deploy the new branding into the production environment.

The Post Office new branding went live in the Autumn of 2015.

Back to the introduction