Skip to main content

Hello There!

Do you like discovering new things?

Porta: AR/VR property concept

02Lab

Porta

Property listings make it easy to compare photographs and prices, but much harder to judge whether a space will work in daily life. Scale, circulation and furnishing are left to imagination. My 0-to-1 challenge was to turn a collection of property features into a decision-making experience, connecting discovery, spatial understanding and the practical next step of arranging a viewing.

Back to Lab
Project

AR/VR property concept

Services

Property UX / AR tools / UI

Tools

AI + Figma

Porta app in use
Porta original opening screen
01

Visual Identity

Good bones. A little warmth. Room to imagine.

Porta needed the confidence of a considered property brand without the immaculate distance of a showroom. I chose a warm off-white, near-black structure and a terracotta accent: a palette that can sit beside wood, plaster and daylight without fighting the photographs. The accent has warmth, but it still earns its place by identifying an action or a point of interest.

Bricolage Grotesque brings personality to the larger moments; Manrope keeps the practical detail composed. I used generous spacing and an architectural sense of hierarchy to let property information breathe. The identity leaves the rooms open to interpretation. I wanted someone to notice the space and begin imagining their own life in it, rather than admire the interface from a distance.

  • WARM NEUTRALS, TERRACOTTA ACCENTS
  • CHARACTER IN THE HEADLINES
  • STRUCTURE AROUND THE PHOTOGRAPHY
  • SPACE FOR A PERSONAL INTERPRETATION
porta editorial concept: sketch into reality
Typography Bricolage Grotesque abcdefghijklmnopqrstuvwxyz 0123456789 Aa
Manrope abcdefghijklmnopqrstuvwxyz 0123456789 Aa

Colors

#242421 #B94C35 #F6F3EC
01 · Find a place. Feel at home. — original app screen and hand-drawn story
02 · Explore the neighbourhood. — original app screen and hand-drawn story
03 · A closer look at every room. — original app screen and hand-drawn story
04 · See the space. Understand it. — original app screen and hand-drawn story
05 · A room, reimagined. — original app screen and hand-drawn story
06 · Make room for your ideas. — original app screen and hand-drawn story
07 · Every corner. In proportion. — original app screen and hand-drawn story
08 · A new mood. The same home. — original app screen and hand-drawn story
09 · Step inside. From anywhere. — original app screen and hand-drawn story
10 · Your next step. Made simple. — original app screen and hand-drawn story
02

The Solution

Turn an attractive listing into an informed decision.

I structured the journey around increasing levels of commitment. Search and map views help people establish a shortlist; listing details and room views provide context; spatial tools answer the questions that photographs leave open. I kept these as connected layers of the same property, so moving into a floor plan, measurement or virtual tour does not mean losing the original listing.

I gave each immersive interaction a specific job. AR measurement addresses scale, furniture placement explores fit, and interior restyling supports comparison between possible directions. The viewing flow then provides a clear handoff from exploration to an appointment. This keeps the spatial technology tied to a decision the person actually needs to make, with a consistent information hierarchy across conventional and immersive views.