NARS Responsive Screens

Leland Management

B2C PropTech HOA Resident Portals Front-End Development UX Design Self-Service UX Performance Optimization Board Member Collaboration Accessibility (WCAG 2.1)

From Clunky Portals to Clear Resident Self-Service

Modernizing HOA resident portals into faster, more accessible digital hubs.

🎯 Overview

Leland Management needed to modernize its HOA resident portals so homeowners could complete everyday tasks with less friction — from finding community documents to updating account details and paying HOA dues online.

The existing portals were dated, slow, and difficult to navigate, especially for residents who were less comfortable with technology. High-value features were buried, document-heavy associations experienced long load times, and support teams handled too many routine account and payment requests.

The redesign focused on creating a faster, clearer, and more self-service-friendly resident experience — supported by responsive front-end features, improved accessibility, better document performance, secure payment flows, board-member alignment, and reusable UI patterns that could scale across community portals.

🙋🏼‍♀️ My Role

I worked across front-end development and UX Design, helping turn resident pain points into responsive, accessible portal features that supported documents, account management, and secure HOA payments.

I partnered with design, engineering, QA, stakeholders, leadership, and community Board Members to align portal updates with resident needs, accessibility standards, technical feasibility, and each community’s UX/UI preferences.

📌 Key details

  • Duration: 19 Months (March 2018 – October 2019)
  • Location: Orlando, Florida
  • Team: 1 Lead Front-End Developer, 2 Front-End Developers, 1 Back-End Developer, 2 UX Designers, 1 QA Analyst, 1 Project Manager, 4 Stakeholders, and Community Board Members
  • Tools: CMS (Casein) • Mockflow • Storybook • Chrome DevTools • Lighthouse • ClickUp • Slack • Google Analytics

📈 Key Outcomes

65%

Engagement Increase

Clearer navigation and surfaced self-service features encouraged more frequent portal use.

45%

Faster Document Loads

File indexing, smarter caching, and performance tuning reduced wait times for large associations.

25%

Build Velocity

Reusable components and UX-ready patterns reduced iteration and handoff time.

30%

Support Reduction

Self-service account management and payment flows reduced reliance on phone and email support.

TL;DR.

I helped modernize Leland Management’s HOA resident portals into faster, more accessible self-service hubs. The work blended front-end development and UX design, including responsive feature builds, secure payment flows, document performance improvements, Storybook-supported UI consistency, and board-member-informed portal refinements.

The redesign delivered a 65% increase in resident engagement, 45% faster document load times, 25% faster build timelines, and a 30% reduction in support tickets by improving self-service access, reducing portal friction, aligning portal experiences to community needs, and creating reusable patterns for future resident-facing updates.

01

The Problem.

Leland’s resident portals had become harder to use than the everyday tasks they were meant to support. Residents needed to access documents, update account information, manage preferences, and pay HOA dues, but the experience felt dated, slow, and support-dependent.

Large associations often housed hundreds of files, which created long document load times. Payment and account workflows were limited, forcing residents to call or email support for tasks that should have been handled online.

The challenge was not just visual modernization. The portals needed a stronger resident self-service foundation that could improve accessibility, reduce operational friction, support secure transactions, and make core tasks easier for a diverse resident base.

Slow Document Access

Large file libraries created long wait times and made community documents harder to find and use.

Limited Payment Options

Residents often had to mail payments or contact support to process HOA dues.

Outdated Account Tools

Profile updates, preferences, and password resets were harder to manage online than they needed to be.

Accessibility Gaps

The interface was not intuitive enough for residents with varied comfort levels using digital tools.

Buried Key Features

High-value actions were difficult to locate, creating unnecessary confusion and support demand.

Community Alignment Gaps

Portal updates needed to reflect community-specific preferences without creating inconsistent or fragmented experiences.

02

Project Goals.

The project focused on turning Leland’s resident portals into a faster, clearer, and more accessible self-service experience that helped homeowners complete routine HOA tasks with confidence.

Rather than treating the redesign as a visual refresh, we focused on the full portal foundation: document performance, account management, payment access, responsive behavior, accessibility, and consistent UX and front-end implementation.

We prioritized improvements that would create practical value for residents and staff: faster document access, clearer navigation, secure online payment flows, easier account updates, and fewer support-dependent tasks.

Improve Document Access

Make community files faster to load, easier to browse, and more reliable across document-heavy associations.

Expand Resident Self-Service

Help residents manage account details, preferences, passwords, and HOA payments without calling support.

Support Accessible Use

Improve labels, contrast, layout clarity, and responsive behavior for residents with varied digital comfort levels.

Align Community Needs

Incorporate Board Member feedback so portal updates reflected community needs while staying usable and consistent.

03

Strategic Approach.

To turn the portal goals into a scalable direction, we approached the work through both a front-end development and UX design lens. Every decision needed to support resident usability, technical stability, community expectations, and smoother operations for internal teams.

The strategy centered on four strategic moves: improve portal performance, clarify self-service paths, standardize reusable UI patterns, and align community-specific portal experiences around resident needs, accessibility, and Board Member feedback.

01 Improve Portal Performance

Dev Moves

  • File indexing improvements
  • Smarter caching patterns
  • Chrome DevTools and Lighthouse testing

Reduced load friction so residents could access large document libraries with less waiting.

02 Clarify Self-Service Paths

UX / Dev Moves

  • Surfaced high-value actions
  • Simplified account workflows
  • Improved payment flow access

Made documents, account updates, and HOA payments easier to find and complete.

03 Standardize Portal UI

System Moves

  • Storybook-supported components
  • Reusable front-end patterns
  • Cross-browser consistency

Created more consistent portal patterns that supported reuse, QA, and future enhancements.

04 Align Community UX

UX / Collaboration Moves

  • Board Member feedback alignment
  • Community-specific UX/UI preferences
  • Resident-facing workflow refinements

Balanced resident usability, community expectations, and technical feasibility across portal updates.

04

The Solution.

The rebuilt portals turned Leland’s dated resident experience into a faster, clearer, and more accessible self-service platform for HOA communities.

The solution improved how residents accessed documents, managed account details, and completed HOA payments. Clearer navigation, more responsive layouts, better performance, and accessibility-conscious refinements made the portals easier to use across common resident tasks.

Behind the scenes, reusable front-end patterns, Storybook-supported consistency, Board Member feedback loops, and UX-focused collaboration gave the team a stronger foundation for future portal enhancements.

01 Faster Document Experience

What Changed

  • Improved file indexing
  • Smarter caching behavior
  • Reduced document wait times
  • Better performance checks

Residents could access community documents faster, even across associations with large file libraries.

02 Stronger Resident Self-Service

What Changed

  • Online HOA payment access
  • Account profile updates
  • Password reset support
  • Preference management

Residents gained clearer paths to complete routine account and payment tasks without contacting support.

03 Accessible Portal Foundation

What Changed

  • Clearer labels and hierarchy
  • Responsive layouts
  • WCAG-guided refinements
  • Cross-device testing

The redesigned experience better supported residents with varied ages, needs, and comfort levels using technology.

04 Community-Aligned Portal UX

What Changed

  • Board Member preference alignment
  • Community-specific portal feedback
  • Resident workflow refinements
  • UX/UI consistency checks

Portal updates better reflected resident needs and community-specific expectations without breaking overall consistency.

Before & After.

The portal redesign moved key account interactions from a limited desktop-heavy experience into a more responsive, approachable flow across devices.

The updated experience gave residents clearer access to personal details, notification preferences, password support, and account actions without relying as heavily on staff support.

Account Profile – Before

Limited account options made routine profile updates harder to find and manage.

Account Profile – Before

Click to View Image

Account Profile – After

Residents could update personal details, manage communication preferences, and access account actions more easily.

Account Profile – After

Click to View Image

05

Reflection & Key Contributions.

This project reinforced that resident-facing portals succeed when UX, front-end performance, accessibility, and community context are treated as one connected experience.

The larger challenge was not simply making the portals look newer. It was helping residents complete practical tasks with less confusion while aligning portal updates to Board Member feedback, community preferences, and internal operational goals.

My front-end and UX roles worked together here. I could help shape the experience while also supporting the build, keeping resident workflows, accessibility, technical feasibility, and community expectations connected.

Reflection

The biggest takeaway from this project was the importance of designing and building around real resident behavior, not idealized portal usage.

For Leland, the strongest solution was a better system behind the experience: faster documents, clearer account workflows, secure payment access, reusable UI patterns, and community-informed UX decisions that reduced risk and ambiguity.

This work strengthened how I connect UX decisions with implementation details — making sure the team could improve the resident experience without sacrificing stability, accessibility, or community trust.

Key Contributions

  • Resident Self-Service: Built and supported portal features for documents, account updates, preferences, password support, and secure HOA payments.
  • Front-End Implementation: Developed responsive, cross-browser features focused on performance, accessibility, and usability for diverse resident needs.
  • Performance Optimization: Used file indexing, caching improvements, Chrome DevTools, and Lighthouse testing to reduce document and page friction.
  • Reusable UI Patterns: Supported Storybook-driven components and front-end documentation to improve consistency and reduce duplicated effort.
  • UX + Build Alignment: Connected design intent with front-end implementation so resident workflows stayed usable, responsive, and technically feasible.
  • Board Member Collaboration: Partnered with community Board Members and stakeholders to align portal updates with resident needs, community preferences, and usability goals.

What I’d Do Differently.

Looking back, I would bring resident-facing validation into the process earlier. Board Member input, stakeholder feedback, QA findings, and analytics helped guide improvements, but earlier usability feedback from residents could have surfaced more detail around payment confidence, document findability, and account-management clarity before more features moved into development.

Adoption & Feedback.

The redesigned portals created a clear shift in resident confidence, self-service adoption, and operational efficiency. What previously required more staff support became easier for residents to complete directly inside the portal.

Stakeholders and community Board Members responded positively to the faster document experience, clearer account workflows, improved mobile behavior, and stronger alignment with community portal preferences. The updated foundation helped Leland support growing communities with less friction for both residents and internal teams.

“The updated portals made a real difference for residents, support teams, and the communities we worked with. Documents were easier to access, account tasks felt clearer, and Board Members had more confidence that the portal experience reflected how their residents needed to use it.”

Leland Management StakeholderOperations & Resident Services

Future Opportunities.

While the redesign established a stronger resident portal foundation, it also opened opportunities to expand self-service and reduce operational load even further. Future improvements could make the portals more proactive, personalized, and useful across different association needs.

  • Expand resident dashboard personalization so homeowners can quickly see documents, payments, messages, and account actions relevant to their community.
  • Add stronger payment reminders and status visibility to reduce missed dues, support calls, and confusion around account balances.
  • Create deeper document search and filtering for associations with large libraries, archived files, and frequently accessed forms.
  • Build more self-service support paths, including guided help content, common task walkthroughs, and clearer escalation points when staff support is needed.
Be Well!

Good portal design earns trust by helping people handle everyday tasks clearly, confidently, and without needing a support call.