Novation
- Web
- B2C
- E-commerce
- Component reuse
- BigCommerce
Focusrite's sister brand, with a look and feel of its own.
A move to BigCommerce on the structure built for Focusrite. Leading design within the limits of the previous build, while ensuring it reads as an independent brand.
Defining the problem
- 01Reuse the Focusrite structure to keep the build efficient.
- 02Make the result unmistakably Novation, not a recolour.
- 03Work within platform constraints without flattening the brand.
Two brands, one platform. The design question was what to inherit and what to redraw.
Shaping the approach
Inherit the structure. Page layouts and component logic carry over from Focusrite.
Redraw the surface. Colour, product staging and imagery are Novation's own: blue product stages and an amber brand bar in place of Focusrite red.
Let the product lead. Listing pages put the lit pads and keys first, so a grid of similar controllers is quick to scan.
What we shipped
- 01
Reuse audit
What carries over from Focusrite and what changes.
- 02
Listing and category templates
- 03
Product page, restaged for Novation
- 04
Support and specification content blocks
Proof of the craft
Built on the Focusrite build
A second full store on the same BigCommerce foundation, launched in 2023.
Shared structure, distinct brand
Same layouts underneath, nothing shared on the surface.
Less to build, nothing generic
Reuse cut the work without the site feeling borrowed.
- Year
- 2023
- Role
- UX/UI designer at Space48
- Sectors
- Music technology
- Platform
- Web
- BigCommerce