Pular para o conteúdo
Voltar aos projetos
Produtos sob medida
Em produção
2026

Estúdio Dupla Face

Site e portal do cliente para estúdio de arquitetura

Estúdio Dupla Face — Site e portal do cliente para estúdio de arquitetura

Contexto

O Estúdio Dupla Face trabalha com residências, interiores e cenografia, e define o próprio ofício por duas faces: a que se vê — luz, material, paisagem — e a que sustenta — desenho preciso e documentação que a obra entende.

O desafio

Um projeto de arquitetura vira um monte de arquivo espalhado: plantas, desenhos técnicos, referências, fotos de obra e decisões combinadas por WhatsApp. O cliente não sabe onde olhar, e o estúdio repete a mesma informação por meses. O problema não era guardar arquivo — era dar a eles um lugar onde fizessem sentido juntos.

A arquitetura

A planta baixa virou a interface. O arquiteto marca um ponto sobre cada ambiente e acumula ali dentro quantos desenhos, imagens e textos quiser — a planta deixa de ser uma imagem e vira o índice do projeto. Em volta dela, um portal em que o cliente conversa com o estúdio e baixa documentos, e um painel em que o estúdio publica o que quiser mostrar no site.

Fluxo da arquitetura

  1. Painel do estúdio

    • Pontos marcados sobre a planta
    • Publicação no site
  2. Supabase

    • PostgreSQL com Row Level Security
    • Bucket privado de documentos
    • Realtime
  3. Portal do cliente

    • Acesso só após aprovação
    • Conversa em tempo real
    • Download com URL de 60 segundos

Decisões de engenharia

Marcação fiel em qualquer tela

As coordenadas de cada ponto são gravadas em porcentagem da imagem, não em pixels. A marcação continua exatamente sobre o ambiente certo em qualquer largura de tela e em qualquer nível de zoom — detalhe pequeno que decide se a funcionalidade é usável no celular da obra.

A proteção mora no banco

Cada tabela tem Row Level Security, e as políticas partem de três funções: is_admin(), is_approved() e a posse da linha. Cliente aprovado enxerga apenas os próprios projetos, conversas e documentos — mesmo que a interface erre.

Documento privado, link que expira

Os documentos ficam em bucket privado com o identificador do cliente como primeiro nível do caminho, e o download passa por uma rota que revalida a posse antes de assinar uma URL de 60 segundos. Link vazado deixa de ser um problema um minuto depois.

Falha do banco não derruba o site

As requisições ao banco têm teto de tempo. Se ele não responde, as leituras do site público viram estado vazio e o erro vai para o log — a página continua de pé. Já as escritas falham de forma visível, porque ali o usuário precisa saber.

Acesso por aprovação

Todo cadastro nasce pendente e só vira acesso depois que um administrador aprova — o portal de um cliente nunca abre sozinho.

Stack completa

Next.js 16
TypeScript
Supabase
PostgreSQL
Row Level Security
Supabase Realtime
Zod
Tailwind CSS v4
Artigo completoQuando a planta baixa vira interface: como construí um portal de arquitetura com acesso privado e contexto6 min de leituraLer o artigo