pro
Simona Meleca
Web Designer & UI/UX Expert | Figma · Framer · WordPress
Atelier 3D: an Interactive Scroll Experience
Atelier 3D is an immersive, scroll-driven web experience I designed and art-directed for the Lovable Challenge, built around three products: headphones, sneakers and a smartwatch.
It starts with a 3D hero where the object assembles on load, reacts to hover with light and sound, and blasts apart when you press and hold. A pinned scroll sequence, a 3D helix gallery and a game-inspired isometric "Smart City" map, with one district per product, take it from there. The whole experience is scored with 80s-style game sounds, from hover blips to level-up jingles. A live settings panel lets you tweak explosion, rotation, panel density and sound in real time, and every sound is synthesized in the browser. The finale turns the products into a playable city, shifting the user from spectator to explorer.
5
436
AURA ONE - a landing page built to feel as considered as the product itself.
For this challenge I designed and built a single-page site for a true wireless earbuds brand: 11 mm bio-cellulose drivers, 4.6 g per earbud, machined aluminium. The page tells that story the same way, scroll-driven sections, 3D product visuals, a materials breakdown, full technical specs, and a studio-grade editorial look from hero to contact form.
Everything on the page moves with intent: the product assembles piece by piece as you scroll, the specs reveal themselves like a product sheet coming alive, and the whole experience runs hands-free — which is exactly what the showcase video captures, start to finish.
Built end-to-end with Lovable. No templates, no shortcuts.
2
8
1.2K
Aurelia - Chronos One
A luxury watch landing page built around one idea: instead of describing the product, you assemble it. Every section of the scroll reveals the watch's components, sapphire crystal, 316L steel case, in-house automatic calibre, floating in 3D space and coming together as you scroll, until the finished piece lands on the configurator.
Highlights:
Scroll-driven 3D assembly experience, with parts that float, rotate and lock into place
Cinematic dark aesthetic with elegant serif typography and subtle gold accents
Technical storytelling: specs presented as an integral part of the narrative, not a spec sheet
Frictionless ending: a clear "Configure yours" call to action at $4,200
Fully responsive, built end to end with Lovable (https://lovable.dev/)
https://screenshot-perfect-view-24.lovable.app
3
6
1.3K
Hero Section - Car Accessories E-commerce 🚗
An hero section in Figma for an e-commerce site focused on tires, spare parts, and car accessories.
The goal was to communicate performance, safety, and reliability from the very first impression, while keeping a clean, conversion-focused layout: a bold headline, two clear CTAs (Shop Now / Contact Us), and a side section with info cards for the main categories (tires, spare parts, accessories).
Dark palette with metallic accents and bright yellow highlights to evoke energy and speed, paired with bold typography for a headline that immediately signals the brand's positioning.
2
2
535