Overview

Habitat is a responsive app created to help home buyers find their perfect home. What differentiates Habitat is its ability to custom curate the newest homes on the market so the user never has to miss the perfect home.

Habitat was created for users that don't want to rely on apps that generally search their area with basic criteria and don't want to place their home search solely in the hands of a real estate agent.

Research + User flow

I started off by conducting a competitive analysis on the top rated real estate apps for first time and repeat home buyers to familiarize myself with the general layout, features, and design patterns.

ESTABLISHING THE USER

Key features were then identified and turned into user flow based on the competitive analysis and the projected users motivation and needs. Home buyer in a sellers market• Doesn’t want to rely on a real estate agent• Ages 25-65• Comfortable with using technology

The goal was to create a real estate app that would do the searching work for you. In order to achieve that we needed a comprehensive on boarding process which can be seen below.

Wireframes


low fidelity

Initially, I started with hand sketched low fidelity wireframes and digitally translated them with Balsamiq to start the project off with a clean digital flow of the app.  

mid fidelity

After some thoughtful iterations I applied hierarchy, spacing & design principles to create mid fidelity mock ups on Sketch.

Refined / Final

After establishing the design and colors, I implemented a refined mockup of the app.

Colors

I created two mood boards to represent the spectrum of users that could be using the app. I ran an A/B test with 35 participants and Mood board #1 won 60% to 40%.

Decision: Mood board #1 Moody Tones. I decided to go in this direction because the colors in Mood board #1 promote a sense of wealth, calm, and nature.

Style

All design decisions about colors, typography, and other elements adheres to creating an app that feels strong, confident and calm.