DDB Colombia case study

Process

1. Design Analysis: The Figma prototype was carefully analyzed to understand the desired layout, animations, and interactions.
2. Development Framework: Without the support of frameworks or libraries, I structured the page using semantic HTML, styled it with modular CSS, and implemented hover-based interactions with vanilla JavaScript.
3. Interactive Elements: Each section was crafted to react to user interactions seamlessly, with transitions and animations enhancing the experience while maintaining simplicity.
4. Testing: Rigorous testing was conducted across multiple devices and browsers to ensure consistent functionality and performance.

Solution

By leveraging a deep understanding of core web technologies, I developed a landing page that stayed true to the Figma prototype’s vision. The hover interactions were crafted to be smooth and intuitive, offering users an engaging way to explore DDB Colombia’s message without overwhelming complexity.

Result

The final landing page was a testament to DDB Colombia’s bold and innovative approach to advertising. With its immersive design and flawless interactivity, the site captured the essence of the agency’s global reputation, leaving a lasting impression on its visitors.