Floating.png

Invested (UI)

 

responsive web app

Responsive design of Invested real estate app shown on desktop, tablet, and mobile screens, offering seamless user experience across devices, designed by Victoria Scranton.

Overview

Goal: Develop a user-friendly and responsive web app catering to new, small-scale property buyers seeking additional income or financial security.

My approach: Invested was conceived as a reliable and uncomplicated solution for inexperienced consumers to make informed property investment decisions swiftly. By using this tool, buyers can conduct property searches conveniently from home or on the go, facilitating their investment choices. The web app encompasses a comprehensive database of available residential properties and land, along with detailed information about each listing.

The challenge was to set this web app apart from other real estate applications that were functional but lacked visual appeal. My goal was to achieve a clean, clear, straightforward, and elegant visual language that would resonate with my target audience—modern, busy, young professionals.

My primary focus revolved around the UI design of the project, and I independently crafted the entire process—from conceptualizing user flows and mood boards to wireframes and ultimately producing a finished prototype. My toolkit for this project included Adobe XD, Illustrator, and Photoshop.

The final prototype is accessible here.

Disclosure: The hero image on the splash screen was taken by Zhao Yangyang, while all the other images are from Pinterest.

 

mid-fidelity wireframes

Mid-fidelity wireframes for Invested real estate app, detailing the layout and user flow for property listings and client interactions, designed by Victoria Scranton.
 

moodboard

Mood board for Invested real estate app, featuring color palette, typography, and visual inspiration for a sleek, modern user experience, curated by Victoria Scranton.

I initially opted for black, white, bright blue, pink, and sans-serif typography. During the design process, I reduced the colors to three — blue, white, and subtle black. This was in order for the contrast of bright blue not to be too harsh on the pure black background.

 

high-fidelity mock-ups

High-fidelity mock-ups of the Invested real estate app, showcasing polished UI design for property browsing and client communication, created by Victoria Scranton.
High-fidelity mock-ups of the Invested real estate app, showcasing polished UI design for property browsing and client communication, created by Victoria Scranton.
 
High-fidelity mock-ups of the Invested real estate app, showcasing polished UI design for property browsing and client communication, created by Victoria Scranton.
 

Video demonstrating Invested real estate app in action, highlighting property search features and smooth user interactions, designed by Victoria Scranton.

 

style guide

Style guide for Invested real estate app, outlining typography, color scheme, and UI elements for consistent branding, created by Victoria Scranton.