Verandaci
A real-time 3D veranda configurator that lets customers build their own veranda before requesting a quote.
01
The Brief
Verandaci sells made-to-measure verandas, canopies and glass sliding walls. They wanted customers to see and compare their options in 3D before asking for a quote, instead of picking from photos or a spec list. The tool had to live inside their existing product page and stay fully interactive there.
02
My Approach
I made the veranda in Blender, built so it could change size without breaking, and brought it into PlayCanvas. When a customer changes the width, depth, color, roof material, wall type or gutter on the website, the model rebuilds itself in real time. Parts move and scale, and repeating pieces like side panels are added and spaced out. The right materials swap in along the way. The website and the configurator talk to each other in both directions, and the final setup feeds into the quote request. I did the 3D and the code solo.
03
The Result
The configurator sat right on Verandaci's product page and covered every size, color and roof option.
04
Outcome
It was viewed over 28,000 times before the site moved to a different tool, so this version is no longer live. It was my first two-way link between an embedded app and its host page, and it pushed me to make a 3D model as flexible as possible.
03 / About
Concept first, medium second
I'm Ramon, a multimedia designer based in Eindhoven. Projects start with a problem: what the thing has to do, and how someone should move through it. The answer has been a 360 film, a VR walkthrough, an explainer animation, a configurator and an AI training platform.
My part is 3D, design and code: modelling and lighting in Blender, interface and motion in XD/Illustrator and After Effects, plus the build in PlayCanvas or Next.js.