ATOLL's modular kitchen configurator turns a complex planning process into a fast, guided shopping experience, helping customers explore and validate more than 5,000 real setup combinations with confidence.
Role
Senior Frontend Web Developer
Company
Bridgemaker
Project
ATOLL modular outdoor kitchen platform and configurator
Project Context
ATOLL needed a fast, flexible multi-market platform that could support localized content, complex modular kitchen logic, and a custom payment flow aligned with its business model.
The result was a robust digital commerce experience that combined design consistency, strong maintainability, and advanced product personalization. The configurator became a key business enabler for both customer self-configuration and internal go-to-market teams, with more than 5,000 valid setup scenarios, multilingual readiness, and a custom payment integration. The product was also recognized with a German Design Award, reinforcing the quality of both its UX and brand execution.
Built a modular kitchen configurator supporting 5,000+ valid product combinations.
Used by sales and leadership teams as a reliable pitch asset for new business conversations.
Adopted by marketing teams as a high-impact storytelling and campaign tool.
Delivered as a multilingual platform across markets with localized content flows.
Integrated a custom payment provider tailored to the business model, without relying on Shopify-style off-the-shelf commerce stacks.
Contributed to a product experience recognized with a German Design Award.
Developed the storefront with Next.js and TypeScript for maintainable, high-performance delivery.
Implemented Strapi CMS workflows for easier content management across countries and languages.
Contributed to a custom atomic design system without external UI libraries.
We built the platform with Next.js and TypeScript and connected it to Strapi so editorial teams could manage localized content without engineering bottlenecks. To keep UX and implementation tightly aligned, we created a custom atomic design system tailored to ATOLL's brand and product complexity. The centerpiece was a bespoke configurator that validates user selections in real time and guides customers through thousands of compatible combinations.
The result was a robust digital commerce experience that combined design consistency, strong maintainability, and advanced product personalization. The configurator became a key business enabler for both customer self-configuration and internal go-to-market teams, with more than 5,000 valid setup scenarios, multilingual readiness, and a custom payment integration. The product was also recognized with a German Design Award, reinforcing the quality of both its UX and brand execution.
Next.js
TypeScript
Strapi
Atomic Design
i18n
Configuration summary with pricing details and selected modules.
Responsive flow for configuration on smaller devices.
Strapi content model supporting country and language variations.