UAStart a project
Travessa logo
Case study · Real estate05 / 39

Travessa

Travessa is a small residential building on the site of an old Lisbon print works. The site had to sell the feeling of the place and answer the practical questions buyers ask before they book a visit.

Project
Travessa, Príncipe Real
Industry
Residential real estate
Scope
Web design · Build · Motion
Built with
HTML, CSS, JS, Three.js
Year
2026
Travessa — A sales site for twenty-one new homes around a courtyard in Lisbon's Príncipe Real.
Overview

Twenty-one homes, one page that sells the light

The brief

Off-plan buyers can't walk through the finished building yet. They need to see the light, the materials and the street, and they need straight answers on price, availability and payments. Many of them buy from abroad, so the site does the first visit for them.

What we did

We built the page around large daylight photography and a wide grotesk headline. Availability is a full-screen axonometric model of the building you can turn, with the price list floating over it: hover a home in the model or the list and the floors above lift away to show it. The homes open as an accordion, the materials scroll past a pinned image, and a site diary shows how far construction has got. The page ends with a viewing form where buyers pick a day.

The live site

Scroll the site right inside the frame, or open it full screen.
webraw.studio/sites/travessa/Open the site

The first screen

Homepage · Desktop 1440
Travessa: first screen of the homepage

The full page

One long scroll, split into three columns — top to bottom, left to right.

Travessa: full page, part 1 of 3
Travessa: full page, part 2 of 3
Travessa: full page, part 3 of 3

Details

Travessa: Four home types in one accordion
Four home types in one accordionHomes
Travessa: Materials scroll past a pinned photo
Materials scroll past a pinned photoMaterials
Travessa: A full-screen model where the floors above lift away
A full-screen model where the floors above lift awayAvailability
Travessa: Walking times and today's sunset
Walking times and today's sunsetNeighbourhood

Colour & type

Palette — from the project file

  • Chalk#F2EEE7
  • Limestone#E6DFD3
  • Clay#B5532F
  • Olive ink#24251F
  • Ink#191A17

Typefaces

AaArchivo ExpandedHeadlines, numbers and the wordmark, set wide and tight
AaGeistBody text, forms and the availability table, with Geist Mono for labels
Next case

Levain & Co.

Levain & Co. — A landing page for a bakery supplier that delivers frozen pastry, desserts and pantry goods to hotels, cafés and restaurants.
Start a project

Let’s launch.

Send a short brief or a link to your current site. You’ll get a clear plan, timeline and quote — no sales call required.

  • Reply within one business day
  • Design, build and launch by one team
  • One week of post-launch support included

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw