<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T5QRGD" height="0" width="0" style="display:none;visibility:hidden">
Warburtons logo

B2B Customer Portal

Warburtons website on laptop

Warburtons B2B Customer Portal Web Design Overview

Warburtons is a family business headquartered in Bolton, North West England. Founded in 1876, they are the number one bakery brand in the UK. The challenge was to create a web application for their independent trade network so that users could manage orders and get current product information.


Based on Warburtons brand guidelines, the website has been designed to allow for complex data to be presented in an easy to digest and efficient manner so that their broad range of independent retailers can access a system that is simple to use and adds value.

Colour Palette

Warburtons have a vibrant colour palette that is very distinctive. We focused on the orange colour range to mirror the corporate website and interspersed this with supporting colours form the guidelines to help highlight certain areas of the site.

Warburtons brand colour swatch

Lime Green


Warburtons brand colour swatch



Warburtons brand colour swatch



Warburtons brand colour swatch



Warburtons brand colour swatch



Warburtons brand colour swatch

Dark Orange



Warburtons use a series of fonts from the Shire family and the Hernandez family which have a very bold and unique set of characters. The fonts are based around a very British style of display type. Using this for headings and combining with sans serif fonts helped give the web application a connection to the other websites within the Warburtons family.

Warburtons font

Font Family: Hernandez


Icons and graphical elements are centred around a particular styling that Warburtons use across their identity. This includes grainy illustrations used throughout backgrounds to enhance the layout alongside industry standard simple icons to highlight actions.

Warburtons iconography
Warburtons point of sale screen

UI Components

Designed and built around SAP ERP technology and given that the application needed to present tabular data in a simple to read format, the UI has been designed with simple, efficient components in mind. It is imperative that users require no training to uptake and use the system, therefore, we removed complex design and instead introduced UX friendly components wherever possible.

Warburtons primary button styling Warburtons secondary button styling
Warburtons orders screen
Warburtons orders screen

On Page Marketing

Warburtons use of celebrities and movie icons is used across promotional on page messaging, along with pack shots and graphical ‘pings’ to enhance details. Promotional banners and messaging ‘pings’ appear throughout the application.

Warburtons responsive website on ipad
Opening quotation mark
Closing quotation mark

Get in touch

If you think we’d make a great partner for your business, get in touch and let’s discuss how our creative and technical expertise can bring you clarity and risk-free accelerated growth.

Contact us today

Take A Look At Some Of Our Other Projects

Smyths Toys portfolio

Smyths Toys

B2C eCommerce Website Design

View our work
Flair Thumbnail

Flair Leisure Products PLC

B2B eCommerce Websites for Europe

View our work