Bernardes Arquitetura
Three generations of architecture told through the scroll. The work speaks first, the words come after.
- Status
- Client proposal
- Niche
- Architecture
- Studio
- Three generations
- Where
- Rio, São Paulo, Lisbon
The brief
The work comes first.
Bernardes has studios in Rio, São Paulo and Lisbon, and a story that begins with Sergio Bernardes in the 1950s. The current site shows every project in a grid, all the same size. In the proposal, the home page tells that story through the scroll: a house that grows to fill the screen, the generations changing decade, and the floor plan that turns into the finished building.
What we designed
- Home page with four scroll moments
- Project page with technical sheet, starting with Casa CLL
- Horizontal project gallery that swipes on phones
- Project list with the photo showing on hover
- Collapsing menu and a thin scrollbar
The film
The whole home page in 1 min 38 s.
Moments
Three scroll moments.
-
01
The house that grows
Casa CLL opens from a small rectangle until it fills the whole screen. When the photo settles, a single line comes in.
-
02
Three generations
Sergio in the 1950s, Cláudio in the 1980s, Thiago from 2012. The decades change as you scroll, each with its own work.
-
03
From line to building
The floor plan appears in a thin line and dissolves into the photo of the finished house. The studio’s way of working in one gesture.
On the phone
Remade for the small screen.
The scroll moments were redesigned for the phone, not just shrunk.
