Configurator
Turning a marketing page into a full e-commerce flow, and rebuilding the design system from scratch during a rebranding.
Turning a marketing page into a full e-commerce flow, and rebuilding the design system from scratch during a rebranding.
The AppScooter configurator started as a marketing tool: a page where customers could explore colors, motor options, speed, and range. It captured preferences but couldn't close a sale. The goal was to transform it into a full e-commerce experience, with a shopping cart, delivery date selection, and a checkout flow.
Simultaneously, Etergo was undergoing a full rebranding in partnership with Momkai, a branding agency in Amsterdam. That meant redesigning the configurator twice: once to prove the concept, and again once the new brand was ready to apply.
The brief was simple: make it feel like buying a product, not filling in a form.
Before touching a single screen, I mapped out what the business actually needed: which choices had to happen before payment, what information could be deferred, and where existing flows were creating confusion. The first concept came out of that research, translated into a step-by-step flow with clear progress, real pricing, and a path to checkout.
While the configurator was in development, Etergo launched a full rebrand with Momkai. That meant pausing the existing UI work and rebuilding from the new brand guidelines: new typography, color system, component library, and tone of voice. I applied the updated identity across the configurator and kept the project moving in parallel.
This was also when I built out the UI library that the rest of the website would rely on, ensuring consistency across every touchpoint as new pages were added and the team scaled.
"Running a rebranding and a product build at the same time forces you to be modular. Every decision has to work at the system level, not just for the screen in front of you."