Elecctro is a vending tech company building hardware-software solutions for unattended machines – from vending units to EV chargers.
Our client was expanding into Spain and other markets.
The challenge was that complex IoT hardware is hard to explain and might feel too technical.
Our client wanted a website that doesn’t just explain the product – it makes people feel it, understand the hardware quickly, and stay engaged.
We presented this by using interactive 3D and a playful visual style that makes the machines feel like real-life objects.
Solution
Instead of traditional product pages filled with technical explanations, we crafted an interactive experience where the machines become the main focus.
Designed to feel premium, perform fast, and drive real leads
3D models move into view as users scroll through the site, subtly rotating and shifting into focus to highlight key features. Motion and micro-interactions guide attention to the hardware.
A colorful, slightly cartoon-inspired visual style softens the industrial feel of the machines and makes the complex IoT ecosystem more approachable and easier to understand.
🖥️ UI and Interactions
The interface was designed in Figma and built in Webflow, combining Spline scenes, GSAP animations, and Osmo interactions to create smooth scroll motion, hover states, and micro-interactions across the website.
3D objects were created in Cinema 4D, rendered with Redshift, and animated in After Effects.
Result
The result is a product experience that makes the brand feel friendlier, less technical, and easier to connect with.
🏆 Awards & Recognition:
Awwwards x 1
GSAP x1
CSSDA x4
Elecctro has been granted a Site of the Day (SOTD) on CSS Design Awards 4 times for its awesome interaction design and visual execution, as well as received an Awwwards recognition and GSAP award.
View award ↗
🌐 Google Analytics Stats:
Active users grew by +524% | 50K views on the main product page for the first month