real-estate web design.
project overview.
Design a website to provide clients with the most well-informed real estate platform that contains easily digestible information in order to have high quality clients who are genuinely interested in the property to finalize their decisions through booking a showing. Ultimate goal is to increase the ratio of offers being made for a property to the number of showings requested to save time.
goal
- “Paragon of professionalism, so I want a website that models that vision. One that builds a community of high status individuals who are not only wealthy but virtuous. When they land onto the website I want to conjure an aura of exclusivity as if you’re buying a rolex or a burberry but I am that product”
- Intuitive and new users aren’t overwhelmed by the amount of information that real estate invites
style
- Shows all of Michael Xu’s property listings
- Description of the buying and selling process
- Contracts and what they are for and why they are necessary
- Access to 3D virtual tour for every listing
- Chatbot that answers all questions concerning a given listing with an option to send an email if unsatisfied
- About me page
Whatever you want customers to know (certificate, background, blog, socials)
features & functionalities
A competitive audit was conducted to analyze the design and functionality of high-end brands' websites to establish a luxurious style and draw inspiration from real estate websites for layout and user experience. This audit assessed the strengths and weaknesses of these sites to identify effective strategies and gain a competitive edge. The analysis covered three key competitors, with detailed notes and a comprehensive report documenting insights from exploring their online presence.
competitive audit
Created wireframes of the website with a focus on layout and navigation. There were several back and forth discussions with the client to iterate on the wireframe
wireframe.
After settling on a color scheme, gathering images, creating videos, and designing icons a mockup was designed.
mockup.
Developed a high-fidelity prototype from the complete mockup, featuring interactive buttons and smooth animations for a complete user flow
prototype.
Adapted the mockup and prototype for a seamless mobile experience