https://www.figma.com/file/swFUcaWaAbeI6lLEmk1DCk/Capital-Properties-Prototype?node-id=0%3A1

Bootcamp UI/UX Design Project
Capital Properties

Project
Student Project
Role
UI/UX Designer
Timeline
2 Months
Objective: A responsive web app that provides property buyers with information on properties of interest.
Who: This web app is made primarily for new, small-scale property buyers who are looking
to invest for additional income or financial security.
What: This will be a user-friendly, responsive web app containing a database of available
residential properties and land, and comprehensive information on each listing.
When: Buyers will use this tool when conducting property searches, and making a decision
about where to invest.
Where: Buyers will use this tool at home or on the go. Users can search for properties
anywhere, as long as they’re logged in on a device.
Why: Unseasoned buyers need access to reliable, uncomplicated information about their
potential property investments. Buyers get a feel for a place by viewing
comprehensive information about the property and its neighborhood before spending
time on-site.
Guiding Questions
What are some frustrations that property investors have?
How can we speed up the process of buying a property while following rules and regulations and without sacrificing accuracy?






Incorporated Best Practices
The sign-up form goes from top to bottom to aid people who use text-to-audio software.
The sign-up form has labels, along with placeholders where appropriate.
The sign-up form uses the terminology of "given name" and "family name" to be inclusive.
The logo is at the top-left corner, where people who use a left-to-right alphabet expect it to be.
Incorporated Best Practices
Buttons are 56 pixels in height, exceeding the requirements of Human Interface (that is, 44 px by 44) and of Material Design (that is, 48 px by 48 px).
The grid system uses four columns for the smartphone.
The container of the button for the primary action on the screen is filled.
The container of the button for the secondary action on the screen is outlined.
Design is based on Material Design, which is the guideline that is used by the most people in the smartphone market.
Incorporated Best Practices
Primary actions are associate with 1 colour (that is, green) while secondary actions are associated with other shades of another colour (that is, blue).
Links are underlined, and are in colour #0000EE.








What have I learned?
Include more photos and fewer words in future mood boards.
Potential Next Steps
Conduct a round of usability testing, and revise the designs based on the results
Conduct a round of preference test.