user interface (ui)

Interface projects

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

Bd'A Architecture Studio

2026

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 →

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

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

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

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

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

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

Collaborations page: a black and white grid of projects from Ricardo's career, each cell showing the development name and client

← back to projects