For Ecologi, a platform dedicated to environmental action, I designed and implemented advanced carousel components in Framer to enhance user interaction and storytelling. A standout feature of this project was a dynamic carousel linked to an interactive map. When users select location pins, the carousel updates in real-time, displaying relevant cards with project details tied to those locations. This feature required precision and creativity to ensure a seamless, intuitive user experience.

Building this functionality involved leveraging Framer’s native capabilities combined with custom logic to synchronise map interactions. The challenge was to maintain smooth transitions and responsive performance while handling dynamic data inputs. Every detail, from the carousel animations to the alignment of map pins with corresponding cards, was carefully designed to create an engaging, cohesive experience that aligns with Ecologi’s mission.

This project highlights my ability to push Framer’s limits and craft interactive components that connect visual storytelling with functionality. By combining innovative design with technical expertise, I delivered a solution that helps Ecologi showcase their impact while keeping users engaged.

Explore the live demo.