Case study / Real estate, concept website

A concept for a Vienna real estate agency: every home opens with its floor plan, and every room is one touch away from a photo.

Web designWeb developmentGenerated photos
A living room photo from the HALDEN concept2026
Year
2026
Scope
Web design, web development, generated photos
Niche
Real estate, Vienna
Format
Four pages: home, homes, apartment, viewing request
Languages
English
Client
Fictional agency, a concept
01 / The task

The goal: a real estate site where a buyer understands a flat before visiting it, so the floor plan comes first and a photo of any room is one touch away.

02 / What we made
  1. Plans to scaleWalls, windows, doors and furniture are drawn from the room data. The room areas add up to the total area.
  2. Touch a roomHover, tap or use the keyboard on a room: it turns red and its photo appears.
  3. Six homes, three filtersA list of six homes with district, rooms and area filters.
  4. Viewing request in 3 stepsPick a day and a time and see the office on a map of the districts. The form is a demo and sends nothing.
03 / The pages

THE PAGES

Tap any page to see it large.

HALDEN: Home
01 Home

The plan first. Point at a room and its photo appears, joined by a thin line.

HALDEN: Homes
02 Homes

Six floor plans with district, rooms and area filters. Hover a card to see its photo.

HALDEN: Apartment
03 Apartment

The plan, a photo of the selected room, the room list and the facts.

HALDEN: Viewing
04 Viewing

Choose a day and a time, and see where the office is on a map of the districts.

HALDEN mobile 1HALDEN mobile 2HALDEN mobile 3
05 Mobile

On a phone the plan scales to the screen and the viewing form uses large, tappable chips.

04 / Images

The photos that carry the site: generated interiors, one painted red room on the plan.

Living room photo
Living roomGenerated photo
Kitchen photo
KitchenGenerated photo
05 / Brand look

LOGO, COLOUR,
TYPE

HALDENVIENNA
Logo / Wordmark
The red room

Palette

Paper and ink, with a single red room

Typefaces

Aa
Display
Newsreader
Aa
Labels and numbers
IBM Plex Mono

WANT A SITE
LIKE THIS?

Tell us what you sell. We will design the first screen.