Projects

Developed the frontend and core engine for a custom HTML/JavaScript card game. Translated physical board game mechanics into a smooth web experience using GSAP for state transitions and animations.

This interactive piece serves as a key awareness-raising tool for public safety and privacy education.

Contributed to the AI:Liner digital presence, a project reshaping sewer infrastructure through AI and robotics. I specialized in multi-layered GSAP and Lottie animations for the homepage and developed complex interactive SVG visualizations, including a dynamic city collaboration map and innovation diagrams.

The project showcases a high degree of technical precision and motion design.

Collaborated on the digital platform for Green Gray Group, delivering a high-performance Next.js experience. I was responsible for the site-wide GSAP animation framework, ensuring fluid transitions and interactive components that reflect the brand's sustainability focus.

The project highlights a commitment to modern web standards, performance optimization, and seamless user interaction across all devices.

Contributed to the development of Elliot, an AI-focused research platform. I engineered a complex 3D interactive timeline on the homepage using Three.js and GSAP, creating a futuristic and technically impressive entry point.

Furthermore, I implemented high-performance modular filtering systems for research data, ensuring a fast and intuitive user experience for global stakeholders in the AI sector.

Contributed to a robust corporate presence of Sparkfood using the Statamic CMS and Next.js. I architected a complex component library with TypeScript for scalable logic and implemented an interactive, data-driven D3.js GeoJSON global map to visualize market presence.

The site features advanced GSAP animations, balancing enterprise-grade performance with a high-end, premium aesthetic.

Built a high-impact, single-page commemorative site for Recordar 1755 using Next.js. This project featured a rapid development cycle of under one week, including the first integration of a headless Prismic CMS for streamlined content management.

The result is a lightning-fast, SEO-optimized landing page that combines modern frontend frameworks with flexible data handling.

Contributed to the REVIVE project, focusing on the preservation of endangered languages through digital storytelling. I specialized in creating immersive layouts for the Griko and Cornish language sections, blending GSAP motion design with interactive Lottie animations.

These pages provide a rich, tactile experience that bridges cultural heritage with modern web technologies, ensuring high engagement for marginalized European communities.

Partnered in the creation of the Infoodmation project website, a Horizon Europe initiative. I lead the implementation of complex, scroll-synchronized Lottie animations using GSAP, transforming research data into an engaging visual journey.

The design incorporates unique, non-regular geometric shapes and custom transitions, ensuring a distinctive digital identity that stands out in the academic and policy landscape.

Engineered a sophisticated, modular WordPress theme for EUSAiR, featuring a cutting-edge PixiJS-powered hero animation. This custom animation dynamically renders black-and-white photography into interactive, physics-based "coins" that flip on hover.

The project emphasizes scalability with a full suite of custom modular blocks, and replaces standard animation libraries with high-performance GSAP timelines for superior control and loading speeds.

Developed the frontend for Visit Tavira, a modern tourism portal utilizing a creative UI language with custom-shaped CSS/SVG masks for media elements.

Architecturally, I pioneered a modular PHP block-based approach within WordPress, significantly improving code maintainability and scalability. The result is a high-speed, SEO-optimized experience that captures the essence of Tavira through motion and interactive design.

Contributed to the Engage2Innovate digital ecosystem by building a highly interactive homepage. I engineered a seamless synchronization between GSAP timelines and Lottie animations, creating a rich, narrative-driven interface for EU security research.

The background features a subtle, non-intrusive Particles.js effect, adding depth and modern flair while maintaining a primary focus on content accessibility and performance.

Collaborated on the development of the Gatherings Project website, focusing on complex GSAP timelines and optimized CSS animations to create a cohesive and interactive narrative.

The project also utilizes LottieFiles for lightweight, vector-based animations, enhancing the visual storytelling of this security and privacy research initiative.

Rapidly developed and launched the frontend for "Anda Conhecer Portugal," a tourism-focused platform for Portuguese young adults, in under two weeks. This high-velocity project involved creating a high-converting landing page followed by a full WordPress integration.

Despite the tight deadline, I implemented a sophisticated GSAP animation timeline on the homepage, ensuring a premium user experience without compromising on performance or development speed.

Spearheaded the frontend development for S3 Norte, delivering a visually striking and technically accessible WordPress website.

The project is distinguished by its unique UI design, utilizing inverted rounded corners, an interactive SVG map and data visualizations with Chart.js. Beyond aesthetics, the site prioritizes inclusivity, achieving the Portuguese Government's Accessibility Bronze Seal. Performance is driven by optimized GSAP timelines for seamless scroll-triggered interactions.

Engineered a high-end digital presence for Masterlux, focusing on immersive user experiences. Key technical implementations include Locomotive Scroll for fluid animations and a bespoke JavaScript engine for 3D sequence animations using image arrays.

I also integrated an interactive Three.js 3D globe to visualize global office locations, demonstrating a blend of technical performance and creative design within a robust WordPress environment.

Developed a dynamic and engaging frontend for GenB, a sustainable bioeconomy initiative. Leveraging GSAP, I implemented a smooth horizontal scrolling experience on the homepage, enhancing user engagement.

The project features a sophisticated visual language with dynamic color transitions, CSS masks, and advanced typography, all integrated into a high-performance WordPress theme.