Enel Grid Blue Sky
Grid Blue Sky is a digital communication project commissioned by Enel to present their new operating model focused on organization, processes, and systems transformation.
The initiative introduces a new global-local hybrid architecture aimed at simplifying workflows, enhancing decision-making, and integrating technological infrastructure.
The platform was designed as an interactive visual narrative, blending motion design, data-driven messaging, and modular front-end development.
Description
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.Problem
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.Solution
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.Impact
-
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
