← ProjectsInterfaces · 4 interfaces

Interfaces

Interface projects

Screens, flows, and prototypes — from Figma to code, with links to explore each project live.

Projects

Year: 2026
Tools: Static site in HTML, CSS and JavaScript with GSAPCode with Claude Code

Bd'A Architecture Studio

Website for Ricardo Baddini's architecture studio, which works with real estate development. A "masterplan" identity, a horizontal project showcase and one page per development, built on a technical foundation that lets the portfolio be read by search engines and AI assistants.

Live site ↗

Bd'A home page: the Toca 55 Pinheiros render fills the screen, with the line "Arquitetura que se constrói junto" and the prompt to scroll to the projects — Fig. 1

One project filling the showcase: the Catuaí + Even Jardins title, a large render on the left and, on the right, a short description with location, occupancy and year — Fig. 2

The horizontal showcase mid-transition: one project leaves to the left as the next enters from the right, with the position counter in the corner — Fig. 3

Opening of the Toca 55 Pinheiros project page: a colour panel sampled from the render, the development name, a facade thumbnail and the concept line — Fig. 4

Middle of the project page: the client's description in two columns, the list of services, built area as a large number and the complete data sheet — Fig. 5

Fig. 7

← projects

user interface (ui)

Interface projects

Screens, flows, and prototypes — from Figma to code, with links to explore each project live.

Bd'A Architecture Studio

Live site →

Static site in HTML, CSS and JavaScript with GSAP · Code with Claude Code

← back to projects