Transition to Detail.
One of the elements I focused on was the ability to create a visual transition from the home page to the article page. Like in architecture, when you move from room to room, the experience is smooth and refined. I wanted to achieve a similar sensation with this transition, making it feel like one continuous page.
Edifícios Nuevos is quite a small website with only three article detail pages, so I wanted all details to be spot on. With the use of Barba.js and GSAP Flip, an effect like this is achievable without interfering with the users' experience. In fact, I believe it enhances it.
I built the prototype for Edifícios Nuevos in Webflow and created all the interactions inside it to ensure the team would copy all the correct values and details. To help them further, I made a visual style guide containing all metrics from text sizes to interaction animations.
Unfortunately, the website hasn't been released to the public. To this day, it's ready for launch on Naam Agency's internal servers, and I hope one day it will still become available for people to visit. Much like a building without a purpose, the code, without maintenance, will slowly fall behind and decay over time, which is fitting, considering the website's topics.