• My GoodReal

My Smart Assistant - A platform enables real estate agents to create their own websites, save time, and increase their earnings

mgr-tag

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.

mockup-mgr-op
signup-screen
dashboard-scaled-1

Timeline

2023, 1 month

The User

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

Tool Used

Figma (desktop, tablet, mobile), Trello

challenge-v1

Problem

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.

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.

design-process-mgr-1-1

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)

signup

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.

pop-up-min

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.

wrieframe-mgr
style-guide-mgr-min

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)

pixel-perfect

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.

before-verfication after-verfication

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. 

before-popup pop-up

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:

  • Condense text in confirmation boxes by removing unnecessary introductions. 
  • Give greater prominence to confirming the user name, which is the main user query.
  • Maintain consistent verbs in headlines and buttons to enhance user understanding, and include complete context in buttons to encourage user consideration.

 

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.

mgr_logo_signature_animation

The logo, featuring a house symbol and a robot arm, was designed to convey the idea of a building with advanced technology.

marketing-ads

Reflection

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.

 

If you like my work, drop me a line to say hi .If you like my work, drop me a line to say hi .If you like my work, drop me a line to say hi .

+1 778-985-2926      dcmok@yahoo.ca       |       INSTAGRAMᕯ        BEHANCEᕯ       LINKEDINᕯ         |        © 2023 Dionne Mok - Designed with love and effort