Orlebar Brown

The standard approach to delivering designs was turned on its head for Orlebar Brown. Instead of a whole set of page designs, an automated design system was fed with a detailed styleguide to effectively automate page designs. This allows for a rapid turn around, reducing required design time by around 40%.

hexagonal section divider

Product Detail Page

Orlebar Brown Product Detail Page Design

Bolder UI

Use of bold typography, thick outlined UI elements and strong colours is used to fit with Orlebar Brown's wish for a more confident digital presence

1

1.

Bolder UI

Use of bold typography, thick outlined UI elements and strong colours is used to fit with Orlebar Brown's wish for a more confident digital presence

Information Hierarchy

Delivery and sizing information is collapsed behind an expandable accordian section to avoid information overload.

2

2.

Information Hierarchy

Delivery and sizing information is collapsed behind an expandable accordian section to avoid information overload.

Persistent Banner

A persistent banner allows clients the flexibility to reinforce certain key added values, such as free returns or repairs etc..

3

3.

Persistent Banner

A persistent banner allows clients the flexibility to reinforce certain key added values, such as free returns or repairs etc..

List Page

Orlebar Brown List Page Design

Breadcrumbs

Breadcrumbs allow for better navigation by effectively 'showcasing' key pages in their journey so far, with the effect of encouraging exploration

1

1.

Breadcrumbs

Breadcrumbs allow for better navigation by effectively 'showcasing' key pages in their journey so far, with the effect of encouraging exploration

Horizontal filters

Horizontal filters, easily accessible behind large dropdowns, allows for filtering while not dominating too much of the screen.

2

2.

Horizontal filters

Horizontal filters, easily accessible behind large dropdowns, allows for filtering while not dominating too much of the screen.

Editorial Content

Customisable content sections give the opportunity to reinforce brand values and build loyalty.

3

3.

Editorial Content

Customisable content sections give the opportunity to reinforce brand values and build loyalty.

Want to talk more about this project?