MF: Real Estate
Full-service brokerage dedicated to providing the highest quality of service and most innovative technology in the industry.
My role included UI/UX re-design to give the website a fresh look with the focus on improving search's functions, overall user experience, increased engagement and users’ satisfaction
Full-service brokerage dedicated to providing the highest quality of service and most innovative technology in the industry.
My role included UI/UX re-design to give the website a fresh look with the focus on improving search's functions, overall user experience, increased engagement and users’ satisfaction
01
Challenge
The website and all the technical aspects were built a long time ago by different companies and developers. Our task was to fit our redesign within the constraints of the existing limitations and the already established system, while making the website more appealing, functional, and user-friendly for different categories of users.
The website and all the technical aspects were built a long time ago by different companies and developers. Our task was to fit our redesign within the constraints of the existing limitations and the already established system, while making the website more appealing, functional, and user-friendly for different categories of users.
02
Discovery Phase
Understand a goal & problem statement
🗣️ Here are what users say:
Users want an easy-to-use platform with all the property details at their fingertips—no time for endless house tours
Complicated search tools and information overload leave users frustrated when browsing real estate websites
Users trust property listings that provide clear, honest details
Poor and incomprehensible design
Users want to see a convenient way to see all listings they liked and visit them, as well as get price and other updates
Understand a goal & problem statement
🗣️ Here are what users say:
Users want an easy-to-use platform with all the property details at their fingertips—no time for endless house tours
Complicated search tools and information overload leave users frustrated when browsing real estate websites
Users trust property listings that provide clear, honest details
Poor and incomprehensible design
Users want to see a convenient way to see all listings they liked and visit them, as well as get price and other updates
Understand a goal & problem statement
🗣️ Here are what users say:
Users want an easy-to-use platform with all the property details at their fingertips—no time for endless house tours
Complicated search tools and information overload leave users frustrated when browsing real estate websites
Users trust property listings that provide clear, honest details
Poor and incomprehensible design
Users want to see a convenient way to see all listings they liked and visit them, as well as get price and other updates
03
Define, ideate & design
Understanding target audience
Home buyers, home sellers, renters: Their goal is to find their dream home. They want to be able efficiently search and compare available properties, exploring detailed information to make informed decisions.
Real Estate Agents (as the company specifically works with their agents): Professionals in the real estate industry who are interested in joining the brokerage and seeking for comprehensive information to make an informed decision.
Understanding business goals
Improve user experience and increase user engagement: Enhance the overall website usability, navigation, and accessibility to ensure a seamless experience
for users across all devices, as well as encourage users to spend more time on the website by providing compelling content.Lead generation: Optimize lead capture forms, call-to-actions, and contact information placement to generate more inquiries and potential leads for real estate agents.
Ideating
During our collaborative brainstorming and discussions, it became evident that our vision for the MF website revolves around creating a personalized experience for users:
Focus on a customer dashboard that lets customers to get an easy access to their favorite listings, saved searches, etc
Improve UX copy throughout the website
Modernize the overall look of the website
Improve navigation (buttons, structure, CTAs, breadcrumbs)
Build trust by providing comprehensive and transparent listing information
Designing
Wireframes with basic information architecture structure and pages layouts
Mid-fidelity wireframes and stakeholders’ feedback
High-fidelity wireframes, usability testing and stakeholders’ feedback
Final design
Understanding target audience
Home buyers, home sellers, renters: Their goal is to find their dream home. They want to be able efficiently search and compare available properties, exploring detailed information to make informed decisions.
Real Estate Agents (as the company specifically works with their agents): Professionals in the real estate industry who are interested in joining the brokerage and seeking for comprehensive information to make an informed decision.
Understanding business goals
Improve user experience and increase user engagement: Enhance the overall website usability, navigation, and accessibility to ensure a seamless experience
for users across all devices, as well as encourage users to spend more time on the website by providing compelling content.Lead generation: Optimize lead capture forms, call-to-actions, and contact information placement to generate more inquiries and potential leads for real estate agents.
Ideating
During our collaborative brainstorming and discussions, it became evident that our vision for the MF website revolves around creating a personalized experience for users:
Focus on a customer dashboard that lets customers to get an easy access to their favorite listings, saved searches, etc
Improve UX copy throughout the website
Modernize the overall look of the website
Improve navigation (buttons, structure, CTAs, breadcrumbs)
Build trust by providing comprehensive and transparent listing information
Create a frictionless customer-real estate agent relationship
Designing
Wireframes with basic information architecture structure and pages layouts
Mid-fidelity wireframes and stakeholders’ feedback
High-fidelity wireframes, usability testing and stakeholders’ feedback
Final design
Understanding target audience
Home buyers, home sellers, renters: Their goal is to find their dream home. They want to be able efficiently search and compare available properties, exploring detailed information to make informed decisions.
Real Estate Agents (as the company specifically works with their agents): Professionals in the real estate industry who are interested in joining the brokerage and seeking for comprehensive information to make an informed decision.
Understanding business goals
Improve user experience and increase user engagement: Enhance the overall website usability, navigation, and accessibility to ensure a seamless experience
for users across all devices, as well as encourage users to spend more time on the website by providing compelling content.Lead generation: Optimize lead capture forms, call-to-actions, and contact information placement to generate more inquiries and potential leads for real estate agents.
Ideating
During our collaborative brainstorming and discussions, it became evident that our vision for the MF website revolves around creating a personalized experience for users:
Focus on a customer dashboard that lets customers to get an easy access to their favorite listings, saved searches, etc
Improve UX copy throughout the website
Modernize the overall look of the website
Improve navigation (buttons, structure, CTAs, breadcrumbs)
Build trust by providing comprehensive and transparent listing information
Create a frictionless customer-real estate agent relationship
Designing
Wireframes with basic information architecture structure and pages layouts
Mid-fidelity wireframes and stakeholders’ feedback
High-fidelity wireframes, usability testing and stakeholders’ feedback
Final design
04
Results
Key changes made
Simplified navigation: The website's navigation was simplified, with clear menu and categories options
Visually enhanced interface: Modern and visually appealing look was creating, employing a harmonious color scheme, captivating imagery, and well-organized content
Intuitive listing pages: Each listing page was restructured to display high-quality images, detailed descriptions, facilitating informed decision-making
Dashboard for clients and real estate agents: Easy access to favorite listings, saved properties, etc
Results
Bounce rate decrease: The simplified navigation and engaging design resulted in a reduced bounce rate by 13%, as more visitors explored multiple pages and stayed longer on the website
User engagement increase: With the enhanced navigation and UX, as well as visual design, the user engagement rate experienced a noticeable uplift by 24%
Positive user feedback: Customer feedback indicated higher satisfaction levels with the new website, praising its ease of use and visually appealing interface
Key changes made
Simplified Navigation: The website's navigation was simplified, with clear menu and categories options
Visually Enhanced Interface: Modern and visually appealing look was creating, employing a harmonious color scheme, captivating imagery, and well-organized content
Intuitive Listing Pages: Each listing page was restructured to display high-quality images, detailed descriptions, facilitating informed decision-making
Dashboard for clients and real estate agents: Easy access to favorite listings, saved properties, etc
Results
Bounce Rate Decrease: The simplified navigation and engaging design resulted in a reduced bounce rate by 13%, as more visitors explored multiple pages and stayed longer on the website
User Engagement Increase: With the enhanced navigation and UX, as well as visual design, the user engagement rate experienced a noticeable uplift by 24%
Positive User Feedback: Customer feedback indicated higher satisfaction levels with the new website, praising its ease of use and visually appealing interface
Key changes made
Simplified Navigation: The website's navigation was simplified, with clear menu and categories options
Visually Enhanced Interface: Modern and visually appealing look was creating, employing a harmonious color scheme, captivating imagery, and well-organized content
Intuitive Listing Pages: Each listing page was restructured to display high-quality images, detailed descriptions, facilitating informed decision-making
Dashboard for clients and real estate agents: Easy access to favorite listings, saved properties, etc
Results
Bounce Rate Decrease: The simplified navigation and engaging design resulted in a reduced bounce rate by 13%, as more visitors explored multiple pages and stayed longer on the website
User Engagement Increase: With the enhanced navigation and UX, as well as visual design, the user engagement rate experienced a noticeable uplift by 24%
Positive User Feedback: Customer feedback indicated higher satisfaction levels with the new website, praising its ease of use and visually appealing interface
