About The HomeTrumpeter

The HomeTrumpeter is a property management solutions system that hopes to revolutionize how property management is operated. The goal of the HomeTrumpeter system is to create a platform that allows property owners and managers to oversee property management operations with unparalleled ease, as well as connect them with qualified and certified service providers. Hence, there are two aspects to the project: first is a property management tool, and second is a service providers business portal.

The Problem
The HomeTrumpeter already had some user interface (UI) designs and was underway to completing the project when I was brought on to evaluate and possibly, redesign the system if needed. The team already knew that the design that they were working with would not meet their project goals in terms of usability and accessibility.
Why Redesign?
The UI evaluation and heuristic analysis indicated that there was a major need to:
  • Redesign the user interface to comply with accessibility requirements and common place usability heuristics.
  • Improve the user experience by redesigning certain end-to-end workflows.

Intended Outcome

  • Consistency in the UI elements
  • Enhance error prevention in the user experience
  • Increase efficiency of the UI and workflows
  • Increase conversion rate by 50%.
  • Increase minutes of usage by 40%.

ANALYZING THE SERVICE PROVIDERS SCREEN

Current UI

ANALYZING THE ONBOARDING SCREENS

Current UI

UI ISSUES WITH OTHER SCREENS

Current UI

Pain Points

  • Feedback and error prevention: Users completed key steps during the workflow without getting any feedback as to whether their actions were successful or not.
  • Tedious and redundant processes: Users are forced to click on items on a list to first highlight it, and then click on another button to proceed, instead of simply making that option into a single click.
  • Convoluted navigation: Certain critical and essential processes, such as options for making rent payments, were buried under layers of drop-downs.

Design Strategy

1. Empathize

Preliminary phase discovery research into the problem and the unknowns of the project. This will help to frame the problem to focus on the right user pain points. This research also helps me and my team to gather enough evidence to create a hypothesis.

2. Define

I analyze my findings from the discovery research to identify extreme user needs and pain points/frictions. I then polish the insights from my analysis into well-defined problem statements that are attainable, given the project time constraints and available resources.

3. Ideate

At this stage, I and my team (researchers, developers, designers, and other stakeholders) work together to generate as many solution ideas as possible - quantity over quality. I ensure the facilitation of a critique-free and assumption-free workshop.

4. Prototype

I then create a design plan that will show different elements depending on its fidelity (low to medium fidelity). I also favor the use of wireframes to focus my attention on workflows that address user pain points at this stage.

5. Test & Iterate

I conduct usability tests, focusing on tasks that are part of the MVP, KPI, and customer’s needs. I then iterate on my design, guided by the unbiased feedback from [several] usability tests.

6. Handoff & Monitor

Collaborating with my cross-functional team, I am able to keep track of the product performance, while continually solutioning on feedbacks, and iterating on the design to better meet the evolving needs of our users.

How might we?

Now... Let's get to work!

Tables

Service requests now neatly displayed in a table format - easier to read, look for trends, and filter. Hence, making for a better user experience.

Onboarding

Neat and interactive UI for the onboarding process makes for an engaging experience.

Dashboard

Redesigned dashboard looks appealing and user-centered.

Pricing page

Unambiguous pricing page - simple and elegant!

Some more projects

LINKEDINUPWORKFACEBOOK