← ProjetosInterfaces · 4 interfaces

Interfaces

Projetos de interface

Telas, fluxos e protótipos — do Figma ao código, com links para explorar cada projeto ao vivo.

Projetos

Ano: 2026
Ferramentas: Site estático em HTML, CSS e JavaScript com GSAPCódigo com Claude Code

Bd'A Estúdio de Arquitetura

Site institucional do estúdio de arquitetura do Ricardo Baddini, voltado a incorporação e desenvolvimento imobiliário. Identidade "masterplan", vitrine de projetos em percurso horizontal e uma página por empreendimento, sobre uma fundação técnica pensada para o portfólio ser lido por buscadores e por assistentes de IA.

Site no ar ↗

Home do Bd'A: o render do Toca 55 Pinheiros ocupa a tela inteira, com a frase "Arquitetura que se constrói junto" e a chamada para rolar até os projetos — Fig. 1

Um projeto ocupando a vitrine: título Catuaí + Even Jardins, render grande à esquerda e, à direita, a descrição curta com a ficha de local, ocupação e ano — Fig. 2

A vitrine horizontal em transição: um projeto sai pela esquerda enquanto o próximo entra pela direita, com o contador de posição no canto — Fig. 3

Abertura da página do Toca 55 Pinheiros: painel de cor amostrada do render, nome do empreendimento, miniatura da fachada e a frase de conceito — Fig. 4

Miolo da página de projeto: descritivo do cliente em duas colunas, lista de serviços prestados, área construída em número grande e a ficha técnica completa — Fig. 5

A mesma home no celular: marca, botão de menu, etiqueta do projeto e a frase de abertura sobre o render — Fig. 7

← projetos

user interface (ui)

Projetos de interface

Telas, fluxos e protótipos — do Figma ao código, com links para explorar cada projeto ao vivo.

Bd'A Estúdio de Arquitetura

Site no ar →

Site estático em HTML, CSS e JavaScript com GSAP · Código com Claude Code

← voltar aos projetos