The new Atelier AVmais website was built from scratch with Angular 18, leveraging its latest features — standalone components, Signals for reactive state management, and Server-Side Rendering to ensure a fast experience from the first load.
The information architecture was rethought to reflect how we work: completed projects gathered in a curated archive, ongoing works presented with transparency, and an editorial section for studio news and insights.On the technical side, the application uses OnPush change detection across all components, cubic-bezier animations for page and card transitions, internationalisation with ngx-translate in Portuguese and English, and a mock data layer designed for direct migration to a REST API without changes to the component layer.
The design follows a formal, editorial language — hierarchical typography, generous negative space, and a restrained palette that keeps the work at the centre. Every detail was treated as if it were part of an architecture project: nothing without purpose, nothing by chance