Responses by Jordi Garetta, creative technologist, and Naiara Odriozola, digital designer and art director.

Background: The site is an introduction to the latest portfolio of Adrià Paituví, a freelance creative producer navigating the intersection of art, film, music and dance. The site serves as a digital showcase of his diverse projects and creative achievements. It targets potential clients, collaborators and industry professionals who seek innovative interdisciplinary talent. While not part of a larger promotional campaign, the website plays a critical role in establishing Adrià’s online presence and offers an immersive experience that highlights his unique approach and expertise.

Design core: The site is a creative portfolio with a brutalist and minimalist approach. The idea behind it is to highlight the quality of the video productions, making it a fun explorative experience.

We wanted to show the videos in a futuristic, glitchy style. The typography is carefully curated, and the use of space lets the work speak for itself.

Challenges: The site heavily uses video content and images that could make it very slow to run and load. We compressed and edited all of the videos without compromising the quality. We also managed not to use any loaders or make people wait.

New lessons: Throughout this process, we learned new techniques for video optimization and advanced animation with GSAP and Framer Motion.

Navigation structure: We designed the navigation to be intuitive and user-friendly, enabling visitors to easily explore Adrià’s diverse projects. We implemented a minimalistic menu that includes sections for his work and contact information. The navigation is always fixed, so users can navigate through the website easily.

Technology: The back end is built on the headless Sanity CMS, enabling Adrià to effortlessly edit and update his content. The front end is developed using Next.js for server-side rendering and enhanced performance. For animations, we used GSAP and its ScrollTrigger Plugin along with Framer Motion to create engaging, responsive interactions. Additionally, we implemented responsive design principles to ensure the site looks and functions beautifully across all devices.