A rebuilt shopping experience for a brand that had outgrown its website

Aeris

By 2018, Aeris had completed a full rebrand. New identity, new campaign, new direction.

The website was built on outdated technology and structured around a product range that no longer existed. The brief was a ground-up rebuild: new architecture, new visual direction, new e-commerce experience.

Role: Design lead
Agency: Mortar and Pestle
Year: 2023
Dev: Rob Mapple

The structure

The existing site had accumulated too much. The first task was stripping it back — a new sitemap focused everything on what actually mattered: the product range, the brand story, and the path to purchase.

The process

The full site was built as a wireframe before a single visual decision was made. That gave the client a clear picture of how the new structure would feel to navigate, and gave the content team something concrete to write against rather than filling in blanks at the end.

aeris-2.png
aeris-5.png
aeris-3.png
aeris-4.png
aeris-6.png

The configurator

Aeris products are highly customisable — seat covers, frame colours, spring types, base options. For a consumer that's a feature. For a specification professional selecting across a project, it's a decision matrix that needs to be legible and fast.

We designed a five-step product configurator with a live 3D preview that updates in real time as selections are made. Type, seat cover, frame and spring colour, spring strut, base — each step rendered immediately on the left while the right panel guides the decision with contextual copy explaining which option suits which environment. A persistent summary bar at the bottom keeps the full configuration visible throughout, so nothing gets lost across steps.

The goal wasn't novelty. It was removing the gap between imagining a product and committing to specifying it.

aeris-8.png
aeris-9.png
Previous
Previous

Century Soho Private Club

Next
Next

Simudyne app