Product
The product offers the “Smart Home Price” program the assist agents to provide an online, trackable CMA to homeowners.
Problems
-
The current website is lack of product information.
-
The site is not trustworthy.
-
Contact information is missing on the page.
-
Users refused to sign up for the report details.
Projects
-
Increasing reliability of the website.
-
Provide evident local agent's contact information.
-
Be willing to log into the website.
Responsibility
Reconsidering the user flow and redesign the website to provide a better user experience to users.
Research
I searched the main trends in UI/UX design.
-
Those websites provide a searching bar with a full-width image background on the landing page.
-
One-click to log in with their social media accounts.
-
Arrange the agent's contact information on the top of the page.
User flow diagram
I cleaned up the user flow diagram that encourages users to receive their home reports by logging into the website.
Wireframe
I Built wireframes on Sketch based on the user flow diagram.
Mockup
Creating the mocks on Sketch and built the prototype on inVision.
-
I used an attractive and related image with the product description.
-
We provide local contact information and testimonials to strengthen reliability.
Before
After
-
Sign in/sign up with the social media account by one click.
-
New UI for the Home Facts section.
Before
After
Usability Testing
I completed user tests on usertesting.com and recorded user behaviors at each step in our user journey map.
16
Users
93%
Understand the purpose of the site
81%
Login/ signup on the page
87%
Satisfied with the UI and layout
Design Assets
The design assets handoff. The developers could find all materials they need in the folder, including typography, style guidelines, CSS styles, responsive layout grid, and prototypes.
Typography
Responsive Grid System
Button Guideline
Prototype
Mobile UI
Similar Projects
