PERFECT PROPERTIES

UI CASE STUDY

What do people use  Perfect Properties for?

Perfect Properties is a mobile responsive website created and designed for the modern individual that is looking to invest in Real Estate easily.

The UI is designed for users that want to quickly browse properties, find basic information and can invest, hassle free.

Based on the user Personas for the project, the users are optimistic, educated and tech savvy. With a mobile responsive design, Perfect Properties can be used on the go for all users.

 

PROJECT OVERVIEW

My role: UI Designer / User interface design

UX Design Tools Used: Sketch, InVision & Angle

 

INITIAL DESIGN

To start the initial design of "Perfect Properties'', I used Sketch to create low-fidelity wireframes and setup the basic information architecture for the mobile responsive site.

perfect properties intial design

MOOD BOARD

Keeping the user in mind and designing for mobile first, I did research and found the typical user that has interest in real estate investments would be someone that already has a business mindset. I based my color scheme off that. Blue for trustworthy and accessible, green for affordability and bright orange for the optimistic user.

mood board

BRINGING PERFECT PROPERTIES TO LIFE

One of the challenges I faced was, finding a color scheme that was not only accessible for all users, but matched with the typography and theme of Perfect Properties, which invokes trust as well as affordability and optimism so that any user would be interested in giving Perfect Properties a try.

color

High-fidelity Wireframes

  • User profile setup
updates

RESPONSIVE DESIGN

Once my mobile wireframes were completed, I began the task of adapting them to tablet and desktop sizes for a mobile responsive UI across all platforms (desktop, mobile and tablet)

website prototyping, UX UI Designer Tamara Stampone video

FINAL MOCKUPS

The Angle plugin for Sketch was a huge help when deciding how to present Perfect Properties.

app ui design interaction design
ipad perspective-min

CONTACT ME

I'm currently available for Freelance or Contract work.

Send me a message and I will be in touch with you shortly.

Please enter your name.
Please enter a message.