Institutional

Aura Arquitetura

Premium institutional website for an architecture studio — immersive editorial design focused on materiality and sensory experience.

“Where vision meets matter.”

Aura Arquitetura

The Challenge

Aura Arquitetura needed a website that translated the studio's sophistication and technical rigor into the digital realm. The previous site was generic, failed to convey the brand identity, and didn't highlight materiality — a central element of the firm's philosophy. The goal was to create an experience as emotionally impactful as the architectural projects themselves.

The Solution

We developed a premium dark editorial website with cinematic animations using GSAP and smooth scrolling via Lenis. The materiality section showcases close-up textures with sophisticated hover interactions. The full-screen parallax hero and Cormorant Garamond typography create an art-gallery atmosphere. The project grid with category filters provides seamless portfolio navigation.

Highlights

Full-screen hero with golden hour photography and parallax effect
"About Us" section with editorial split-screen layout
Project grid with category filters (Residential, Institutional)
Materiality section with interactive texture gallery
Cinematic animations with GSAP and smooth scroll via Lenis
Fully responsive design with premium editorial typography

Project Gallery

Click to expand

Aura Arquitetura — screenshot 1
Aura Arquitetura — screenshot 2
Aura Arquitetura — screenshot 3
Aura Arquitetura — screenshot 4

Results

98Lighthouse Score
1.2sTempo de Carga
6Seções Animadas

Tech Stack

Next.jsGSAPTailwind CSSTypeScriptLenis
Next Project

Vitallis