Dwell Web App

UI & Interaction Case Study

Overview

Dwell, a real estate web application, was designed as a UI case study for Career Foundry. After receiving most of the UX research, I worked through the UI process, designing everything from wireframes and prototypes to logos and style guides.

I acted as the UI Designer on this project and used Figma to prototype the mobile web app and create screens for both tablets and desktops.


Problem

Buyers new to the real estate market need access to organized information regarding potential property investments.

Solution

Utilizing a black & white color scheme with warm accents, Dwell thoughtfully presents comprehensive real estate data in a structured, user-friendly format.


Detailed User Flow Diagram Map

User Flow

With the UX research in hand, a single user flow was created to better understand all screens and features the user may encounter while attempting to achieve their goal.


Style Guide

The Style Guide became an essential document to house all visual design components and UI elements. I referred back to it as I moved forward with the high-fidelity prototype and responsive designs.

Dwell Typography and Color Palette Sheet

High-Fidelity Mockups

Transforming wireframes into polished, accessible user interfaces. The visual language balances clean data presentation with rich imagery to guide the user naturally.

Dwell Desktop Homepage Mockup Desktop Landing Experience
Property Search Results Tablet View Tablet Map & Search Filter Interface
Property Detail Mobile Screen Mockup Mobile Optimized Property Insights