Site Institucional Imersivo / Case Study
Estúdio Lentz
Site institucional imersivo para um escritório de arquitetura em Florianópolis — um canvas 3D fixo onde o scroll ergue a obra camada a camada, da planta ao espaço habitado.
Projeto
Cliente
Estúdio Lentz
Setor
Arquitetura
Tipo
Site Institucional Imersivo
Ano
2026
Stack
Visão Geral
Construir é pensar — o scroll vira obra
O Estúdio Lentz projeta arquitetura em Florianópolis de dentro para fora: estrutura, luz e material em linguagem direta. O desafio era traduzir esse método numa presença digital que não apenas mostrasse projetos, mas fizesse o visitante sentir como uma obra ganha forma.
A resposta foi uma camada de conteúdo HTML rolável sobre um canvas 3D fixo: um único valor de progresso (0→1), alimentado pelo scroll, dirige a construção da cena — da planta baixa à estrutura, das paredes ao material, da luz ao espaço habitado. Rolar a página é, literalmente, erguer o edifício.
O sistema é escuro e técnico — off-white sobre verde-petróleo com um acento vermelho que marca o ritmo. Archivo dá o peso de manchete às headlines, Schibsted Grotesk sustenta a leitura e Spline Sans Mono assina os rótulos com precisão de planta. O resultado é um institucional que se comporta como uma maquete viva, sem perder a sobriedade de um escritório de arquitetura.
Desafio
Traduzir o método de um escritório de arquitetura — projetar de dentro para fora — numa experiência web onde o scroll constrói a obra em 3D, mantendo performance e a sobriedade do institucional.
Mockups
As Telas · 07
Responsivo
Pensado pra qualquer tela.
A mesma precisão no mobile — layout, hierarquia e performance adaptados, sem perder a identidade.
Veja ao vivo
Nada substitui
ver funcionando
Abra o projeto no ar e navegue pelo resultado final.
← Todos os projetosPróximo: Machado Plataformas →