UX/UI Project #5: Property Website

Posted on:  


tag: UI 

Source: Pedzai, C. (2024). UX/UI projects for beginners #5: Property Website. Retrieved from https://uxdesignmastery.com/ux-ui-projects-for-beginners-5-property-website/

Design

Client Rowlly Properties

Timeline 1–2 weeks

Objectives

We are a property management company specializing in selling and renting residential and commercial properties. We want to create a modern, user-friendly website that will allow customers to browse and search for available properties, view property details, and schedule property tours. The website should be designed to attract and engage potential customers, focusing on usability, speed, and accessibility.

Success Metrics to Consider:

Target Audience

Design

Emily Anderson, 28 | First-Time Home Buyer
NEEDS
Wants listings in her desired area, along with details about the property, the neighborhood, and the buying process. She is concerned about finding a property within her budget and wants to ensure the neighborhood is safe and has good schools for her future family.

Ethan Singh, 34 | Upscale Renter
NEEDS
A successful business executive who is looking for a high-end rental property in a desirable location. He wants a website that provides him with a range of options that meet his specific requirements, such as a certain number of bedrooms, parking spaces, and amenities.

David Kim, 50 | Commercial Property Investor
NEEDS
David is a seasoned real estate investor who is looking to expand his portfolio. He needs a website that can provide him with a range of options for investment properties and detailed financial information, such as the property’s revenue, expenses, and potential return on investment.

Limitations/Specifications

The site must load quickly; hence, any large interactions must be minimal. Please design website screens for desktop (1440px wide and mobile view 365px wide).

References

References that our company would like the website to follow in terms of structure and layout. It will be your job to replicate something close to these websites but add your creative flair to it.

https://www.Zillow.com
https://www.Redfin.com
https://www.Realtor.com

Deliverables

• Sketch of conceptual and initial ideas

• Wireframes/UI designs of

⁃ Homepage – featuring property search and featured properties

⁃ Property Listing Page – showing images, descriptions, location maps, and details of each property

⁃ Property Search Page – allowing users to filter properties based on location, price, size, etc.

⁃ Agent Profile Page – showcasing real estate agents, their experience, and contact information

⁃ Contact forms for property inquiries and scheduling tours

⁃ Integration with social media and email marketing platforms

⁃ SEO optimization for search engine visibility

Testing and Results section

Show your wireframes to 5 people and ask them what they think about them, what they would improve, and an overall rating. Take their feedback, iterate the designs, and have a final round of testing with 5 users. See that you improve your overall rating. If not go back to the drawing board and change your designs and retest.




Code


Art


Design


UI/UX


Video


Projects


Social