Client: Domestika
Project: Fundamental Principles of UX – (Final Project)
Requirement
The user must have the ability to search, classify properties, select
the desired area, see precise and concise property information, contact real estate agents, leave their data, and view the web on their mobile device.
Problem to Solve
The user must have the ability to search, classify properties, and select
the desired area, see precise and concise property information, contact real estate agents, be able to leave their data, and view the web on their mobile devices.
Target: Users from 18 to 45 years old or more
Project Goals
Improve the usability of the mrhome.com.do website so that the user
has agility when buying, renting, or selling a property.
Help optimize it and that it is qualified according to web standards.
Before & After
Implemented Tools
- Figma
- FigJam
- Adobe Photoshop
Design Process
- Market Research
- Site Map
- Low-Fidelity Wireframe
- Mid-Fidelity Wireframe
- Visual Design
Sitemap
Wireframing Process
Principles of Interaction Design
Conventions
The website must be adjusted to make it easier for the user, although certain information can be understood thanks to the use of icons and titles.
Perceptibility and predictability
The consistency of buttons, cards, and icons needs to be improved since
in some sections the styles look different. Navigation can be simplified
and the layout of the top bar, logo, and main menu should be improved
for a balanced distribution in the top space.
Site Performance
I carried out an Analysis of the Mr. Home site in both its Desktop and mobile versions. I present the information provided by pagespeed.web.dev
Mobile Vesion
Mobile Version Opportunities
Desktop Version
Desktop Version Opportunities
Report Summary
The UX/UI design of Mr. Mome should be improved so that the user experience is more intuitive and actions can be performed in the shortest possible time without reading a lot of paragraphs and scrolling long.
Consistency is paramount and this project requires adjustment to achieve
a visual balance, “Less is More”. The images must be less heavy to achieve
a fast loading of the website. In development, CSS and JavaScript
that are not being used should be removed so that the performance
of the web is between average or 90-100.