Interactive frontend with Lottie flair for Enel’s smart energy future
Commissioned by Studio Mistaker, I led the development of the full front-end architecture for the project. I set up a modular JavaScript structure using Barba.js and Webpack to ensure seamless transitions and scalability. I integrated Lottie animations to bring rich, dynamic interactions to key sections, and developed interactive modules that respond intuitively to user behavior with GSAP and custom scripting. Throughout the process, I closely collaborated with the lead designer to refine layouts and transitions for maximum consistency and visual impact, while also ensuring high performance and cross-browser compatibility despite the experience’s visual complexity.
Enel needed to present a complex internal transformation — involving organizational, technological, and procedural shifts — in a way that was clear, engaging, and visually powerful, without overwhelming users with text-heavy content. The challenge was to combine narrative depth with interaction design, delivering a website that felt more like an experience than a presentation.
We created a single-page interactive experience that guides the user through Enel’s transformation story across three pillars: Organization, Processes, and Technology. Each section uses scroll-triggered Lottie animations to reveal content dynamically, while Barba.js page transitions and lightweight modules create continuity and flow. The design blends motion, clarity, and modularity, helping users absorb structured information through elegant visual metaphors and animations.
Successfully launched as part of Enel’s internal and external communications strategy
Helped convey abstract organizational concepts through interactive storytelling
Demonstrated the power of tech-driven design in high-level corporate messaging
Received positive feedback from stakeholders for its clarity, elegance, and performance
