
Introduction
FrontLobby’s mission is to empower the businesses of landlords and property managers while enriching the lives of responsible tenants.
We provide a leading industry tool to secure better renters, reduce the frequency of tenant delinquencies and provide tenants with a liberating way to improve their credit.
My role was to modernize the user experience for the FrontLobby application, revamp the company’s website, observe product feedback and manage the product pipeline.
My Role
Lead Product Designer
Tools
Adobe XD, Asana, G Suite, Mouseflow, Miro
Platform
Website & App
Methods
Management: Sprint Planning, Backlog Grooming, Competitive Analysis
UX: Current State Evaluation, User Research, Task Analysis, Prototyping, Usability Testing, Moderated User Interviews
QA: Administrative Maintenance, Weekly Regression, Product Acceptance, Heuristics Evaluation

Discovery
At FrontLobby, the dedicated users are landlords and tenants with landlords constituting for about 70% of the database. As a SaaS, the company’s goal is to bridge the gap between landlord fairness and tenant delinquencies. Some problems that I’ve tried to tackle include:
Inconvenient navigation experience
Limited data visibility
Lack of engagement within certain areas of app
Scalability of signups
Define
To get more insight into reporting needs and empathize with the most common pain points, I gathered data from our marketing and sales team who conducted user interviews with a large sample of volunteers from our user base.
The marketing team closely advertised and followed up with the premium members of our product and essentially represented our power users. To design an inclusive user experience, both the app and website had to be intuitive enough for non-tech savvy users and robust power users alike.
“ How might we streamline tasks in the app for rent reporting, improve the navigation experience and encourage more active engagement for our users?”

Ideation
The team and I remotely collaborated on Miro in real time to brainstorm ideas, vote and give feedback on how we could build a best in class product. This was especially useful during ideation for branding, our core experience upgrades and how to bolster our strengths in contrast with competitors.
I received majority approval from stakeholders for wireframes that would improve user experience by a large scale. Comment boxes allowed me to comb through everyone’s feedback.
Design
Dashboard
A recurring point that kept being brought up in our feedback loops was the ability to see all relevant information/data at a glance upon login. Many users were logging in and clicking around randomly.
Our first dashboard iteration was strictly functional but created confusion among users who needed more visual cue or graphic information. KPIs were also scarce so many users reported not knowing whether the platform was keeping track of their tenants’ rent reporting properly.
Iteration 1
I designed a more visual dashboard that would update monthly and act as a home page “portfolio health” update for prospective landlords. The idea was to have the most urgent or important KPIs appear if they needed to be addressed and rotate out on completion or viewing.
The feedback we received after several months of releasing this design into production was that landlord navigation was still scattered and the dashboard ultimately needed even more fine tuning to help focus their attention.
Iteration 2
After our company rebranded, I tried to tighten up navigation and gamify dashboard viewing once again.
The overhead bar was slotted into the sidebar which opened up page real estate. The most important landlord statistics were converted into donut graphs and the KPI cards in the column would rotate based on urgency or relevance in any given month.
Our heatmap data in the following months showed an immediate upward trend in clicks and engagement (approx 11%). There was also a drastic decrease in support tickets questioning whether the platform is tracking rent properly.
Iteration 3
Pricing Page
Before
This pricing page was a pain to navigate because it utilized a vertical and horizontal scroll to see all plans. Our qualitative data conveyed that users were getting lost on mobile and customer support was getting tons of tickets even though the team thought the page was intuitive.
After
The new pricing page helped to funnel users into premium accounts more readily. Moreover, the new design was also much better in terms of accessibility on mobile form factor and we saw 21% more hover-to-click ratio on the upgrade to premium CTA than our previous design.
Signup Flow
Old Signup Flow
Our heatmap data showed that many users’ scrolling movements moved straight down to form fields. This was problematic for our existing signup page because half of the content above the fold was being disregarded entirely and the real estate was not wisely being used.
In order to make it even easier for our users to signup and create accounts, I tried to keep everything above the fold and divided signup into 2 steps. Identity verification would occur after signup and after logging in to allow users to get a feel for the app while restricting premium features.
Subsequently, our analytics validated the decision to revamp signup flow because our conversion rate increased by a whopping 33% and on our social media platforms, people started commenting on how much more pleasant the onboarding experience was compared to the past.
New Signup Flow
Lease Record
The most used and viewed component of our platform was the lease record which used to be called the tenant record. When the form was initially designed, we felt that dividing the form into sections up top would be powerful and intuitive.
We could not have been more wrong. Customer feedback AND moderated usability testing invalidated this assumption. Most of the landlords on our platform skewed past 60+ years of age and it was simply not intuitive for them to scroll back up to the top of the form and select a different section to fill out.
This, combined with the fact that many users were revisiting previous sections multiple times informed us that forgetfulness was a very real thing. What we thought was an intuitive user flow ended up translating into much more added time when processing the form.
Old Tenant Record
In the redesign, I strayed away from a top sectional design because ~60% of our users were forgetting their form inputs and in extreme cases, not filling out enough info.
The new lease record design was initially released as an A/B test. In the following months, our analytics indicated that 83% of our users had warmed up to the new design and the adoption became permanent. The analytics also indicated that users were spending 1 min 20 seconds less, on average, filling out the form properly.
New Lease Record
Results & Takeaways
Our users and product owners have been pleased with the redesigns and revamping of the FrontLobby platform so far. We’ve received ~30% less support tickets since these major changes have been made and have seen an influx of positive reviews on our social media platforms.
It was invaluable to see the designs pivot in different iterations before producing the final deliverables and it was equally important to involve the devs early on.
Next Initiatives
Implementation of a guide/wizard upon initial signup
Bi-weekly email to premium users letting them know what the rent reporting toggle does and how to turn it on.
Referral program for landlords
Partnering with a lender like Borrowell or Aura via API integration to grow our user base exponentially.