COMMERCE / 3D CONFIGURATION / 2026

Custom foam, configured in 3D.

Sage Six designed and developed a Shopify Hydrogen storefront for DURAFOAM that combines bespoke 3D foam configuration with familiar standard e-commerce — one platform for made-to-measure foam and everyday comfort products.

Client Location
United Kingdom
Industry
Foam Manufacturing & E-Commerce
Services
Product Strategy, UI/UX, Web Development, 3D Configuration, Shopify Integration
Technology
Shopify, Hydrogen
Duration
2 months
Team
2 Developers, 1 Designer
Status
Launched
DURAFOAM custom 3D foam configurator and Shopify Hydrogen storefront developed by Sage Six
01 / THE CHALLENGE

Making custom foam understandable.

The previous DURAFOAM website had an outdated interface and relied on conventional custom fields for made-to-measure foam. A technically complex product became difficult to understand, placing too much responsibility on customers to interpret shapes, measurements, materials, and optional finishes without enough visual guidance.

DURAFOAM library of 15 configurable bespoke foam shapes
02 / THE SOLUTION

Measure. Visualise. Price.

The solution is an interactive 3D Foam Designer built into a modern Shopify Hydrogen storefront. Customers select from 15 configurable shapes, enter shape-specific dimensions in millimetres, centimetres or inches, choose foam type and optional additions, and watch the 3D preview respond while pricing updates dynamically.

Interactive L-shaped foam configurator with dimensions, material selection and dynamic pricing
03 / FROM FOAM TO FINISH

From foam to finish.

Beyond bare foam, customers can choose optional finishes such as stockinette or Dacron with stockinette, then configure custom covers with fabric varieties, colour options, material information and visual swatches — all inside one guided flow instead of disconnected forms or manual quotation requests.

DURAFOAM foam materials, optional additions, custom fabrics and cover colours
04 / COMMERCE

Custom when needed. Simple when standard.

For standard-sized foam, mattress toppers and pillows, the platform provides conventional Shopify collection and product pages with imagery, model information, starting prices, stock status, predefined dimensions, thickness options and VAT-inclusive pricing. One storefront supports both technical made-to-measure purchasing and quick everyday shopping.

Standard-sized foam, mattress topper and pillow shopping experience
05 / SHOPIFY INTEGRATION

One cart. Every configuration.

Custom foam configurations are converted into Shopify-compatible line items that preserve the selected shape, exact dimensions, foam material, covering option, quantity and calculated price. Bespoke foam and standard products coexist in the same cart, and Shopify manages the unified subtotal and secure checkout.

Unified Shopify cart containing configured L-shaped foam and standard DURAFOAM products
06 / BUILT FOR EVERY SCREEN

Built for every screen.

The redesigned system provides a consistent experience across desktop and mobile. Navigation, product discovery, custom configuration, cart management and contact options adapt to smaller screens while retaining clear hierarchy and accessible actions.

  1. Discover
  2. Design
  3. Customise
  4. Checkout
  5. Support
Responsive DURAFOAM commerce system across desktop and mobile screens
07 / OUTCOME

A clearer path from measurements to checkout.

The launched platform replaces an outdated, field-heavy purchasing journey with a clear visual configuration and commerce experience. It was designed to reduce ambiguity and manual clarification, make custom orders easier to understand, and accelerate the path from measurements to checkout.

Built with

  • ShopifyCommerce, cart, checkout and operations
  • HydrogenModern storefront framework

Build with Sage Six

Building a product that needs more than standard e-commerce?

Sage Six designs and engineers custom digital experiences around the way your business actually works.