• My GoodReal
My Smart Assistant - A platform enables real estate agents to create their own websites, save time, and increase their earnings
My GoodReal is a SaaS platform. The platform uses data from the MLS® listing site and makes it easy for real estate agents to build their own website.
It is a web solution for website marketing, showing house listings, and managing messages to help REALTORS® and real estate agents earn more income and save time.
2023, 1 month
Real estate agent, or newly enrolled real estate agent looking to establish an online presence in the real estate industry
My role and who I work with
UX/UI designer collaborating with a developer and project manager
Figma (desktop, tablet, mobile), Trello
My GoodReal consistently improves its user experience by collecting customer feedback. One pain point is customers providing incorrect email addresses during registration.
My objective is to minimize this issue of the user registration process with a short and user-friendly UX solution.
We identified missing interactions in the registration process and improved error messages for better communication, ensuring users can easily spot errors like incorrect email addresses.
Impact and results
After we implemented the proposed solution, updated UX writing for simplicity, and saw a notable decrease in registration errors. This led to a smoother account activation process and increased user satisfaction.
Research • Ideate
To address this issue, I'll develop a user flow for improved clarity. This structured approach will guide users and minimize errors, particularly in the 'Fill out the wrong email address' scenario, which currently presents a UX problem. This can lead to issues when users accidentally enter misspelled email addresses
(see image 2 for areas needing improvement)
Before: verification page
We can enhance the visuals for clarity during account activation, providing indication of the filled email address, guidance for typos in user email addresses, and suggesting users check junk or spam folders for the verification email.
Before: existing account pop-up
We can enhance user experience by simplifying text in confirmation boxes, adjusting font sizes for better balance between the user name and 'Are You?' confirmation, and providing a more complete question within the confirmation box.
Design • Wrieframe
After identifying the issue, I worked closely with the UX/UI team and Product Manager to craft user-friendly messages for the registration process. We performed A/B testing on the wireframe during implementation to validate the effectiveness of our solution and UX writing.
Consistent Design • Follow Style Guide
We use the style guide to establish consistency in visual language, streamline the design process, and ensure accessibility. Guidelines for typography, color, imagery, and other design elements reduce errors and save time by providing a common set of rules for all design decisions.
(Ths style guide was created by UX/UI designer Janice Chen, and Bill Zheng)
To ensure efficient communication with engineers, it is crucial to design a pixel-perfect draft. This leads to accurate translation of designs into code, minimizing errors and saving time during the development process, resulting in a better end product.
UX writing • Occam's Razor principle
I made the verification page user-friendly by simplifying the language, ensuring users can easily recognize and confirm their email's accuracy.
After: Verification page
After muiltples round of iterations, here are the improvements made to the verification page:
Iteration 1- Display user's email and sign-up again option, but the location and wording of the sign-up again link could be improved.
Iteration 2 - The design includes all necessary information, but the text is too lengthy and difficult to read.
Iteration 3 - The wording was simplified to improve readbility and easy reaction to actionable items. However, the visual hierarchy could still be improved.
After: Found Existing Account Pop-up
UX writing • Occam's Razor principle
As this pop-up message appears upon detecting an existing account in the database, its current content hinders user readability. To address this, we improved UX writing, visual hierarchy, font size, spacing, and button placement as follows:
Marketing Collateral: Animated Logo & Magazine Ads
My goal with GoodReal is to grow its industry presence and enhance the brand image. Additionally, I've developed marketing materials to promote our products.
The logo, featuring a house symbol and a robot arm, was designed to convey the idea of a building with advanced technology.
Insights • Key Learnings
Achieving simplicity in UX writing and pixel-perfect design
Simplicity and pixel-perfect design are key to effective communication through design. When we prioritize simplicity, our designs become more accessible to our target audience. Additionally, pixel-perfect design ensures that our visuals not only look great but also convey their message accurately. By marrying simplicity and precision, we can create designs that are both aesthetically pleasing and highly effective in their communication, ultimately leading to greater success in our design projects.