SHUK RENTALS

Rearchitecting two-sided financial workflows to build trust, reduce cognitive friction, and elevate mobile payment experiences for landlords and renters.

TIMELINE

2025 Jun - Sep ( 6 months )

TEAM

Lead Product Designer (myself), Product Designer Intern, Software Engineer, Product Manager

TOOL

Figma, Figjam

MY ROLE & CONTRIBUTION

Product Designer responsible for research, wireframing, and rapid-prototyping.
‍
UX research, persona synthesis, workflow redesign, new IA, component system, cross-functional alignment.

SUMMARY

Shuk Rentals is a fast-growing rental management platform with over 2M+ payments processed, built by landlords for landlords. Despite market traction, the platform suffered from fragmented payment flows that triggered frequent support tickets, user errors, and unnecessary communication between landlords and renters. I led an end-to-end redesign across web and mobile, rearchitecting the core financial task flows and establishing a scalable Figma component library to align engineering and product teams.

⭐️ This project demonstrates

  • A unified one-time payment workflow for renters and landlords.
    • Clearer visibility into balances, autopay, and split payments.
    • A new Figma-based design system that accelerated prototyping by 50% and improved cross-team alignment

    ✔️ success metrics

    • Improved task success rate for renters completing one-time payment and split payments.
    • Reduced time-on-task and cognitive load across financial workflows.
    • Fewer touchpoints between renters and landlords for clarifications.
    • Design System Velocity: Created a Figma UI design system that accelerated prototyping speed by 50%.

    problem space

    Financial software relies heavily on user trust, yet the existing platform created unnecessary ambiguity. I conducted a comprehensive UX audit across onboarding, dashboard management, and transaction flows, surfacing three major friction areas:

    • ❌ Payments buried behind multiple menu levels, causing user drop-off.
    • ❌ Users had no easy, immediate wasy to confirm if Autopay status was active.
    • ❌ Unclear input instructure regularly led to incorrect funds distribution.
    Site audit & site mapping activity

    Cross-Functional Alignment

    With these insights, I met with the PM and cofounder to walk through the key friction points. As we reviewed the workflows, they immediately recognized the issues as recurring themes in user complaints. This confirmed that the problems I identified aligned with long-standing feedback from both tenants and landlords.

    Demonstrating how UI confusion directly correlated with high support volume established immediate buy-in to prioritize information architecture overhaul.

    User feedback

    Define design goal

    my approach

    Research revealed two distinct mental models governing the product ecosystem:

    A redesigned information architecture highlighting key financial activities

    Because renters and landlords engage with payments in fundamentally different ways, I tailored each experience to match their priorities. Landlords focus on monitoring and managing payments, whereas renters value clarity and a simple, frictionless way to pay.

    design inprovements (Renter account)

    More autopay visibility & user control

    Renters can now turn on/off autopay whether from dashboard or via bank account. Adding the entry point for users to alternate settings after onboarding.

    Error-proof split payments

    A redesigned split payment flow prevents incorrect allocations, provides real-time validation, and reduces mistakes.

    Streamlined one-time payment flows

    This streamlined payment flows covers main renter payments activities including pay required payment, and send money to landlord.

    Renter payments flows

    design inprovements (landlord)

    Centralized payments to perform key actions—send, request, and track.

    Unified transaction overview with powerful filtering and visualization

    High-level financial overview dashboard

    edge case handling

    I delivered a comprehensive design handoff that included edge cases, specifications, conditional screen logic, and variations in card design, ensuring engineering had everything needed to build accurately without ambiguity.

    Design handoff example

    bEFORE & AFTER

    design system

    RECOGNITION & Reflection

    Designing for financial trust required deep empathy for two conflicting mental models. Key takeaways from this project include:

    ‍Clarity over Flexibility: Reducing choices during critical payment tasks led to higher user confidence and lower error rates.This project reinforced the importance of designing workflows around the distinct mental models of renters and landlords. Their needs weren’t just different—they required separate structures to support clarity, control, and trust.

    Component-Driven Velocity: Investing early in design systems yields massive returns in cross-functional collaboration and prototyping speed.

    From Founder & CEO of Shuk Rentals
    ‍
    "I had the pleasure of working with Kathy on our design system project at Shuk, and I can't recommend her highly enough.

Over the past few months, she took on the challenge of re-designing our mobile and web platforms and the results exceeded our expectations. Kathy built us a complete Figma-based design system following atomic design principles, with thorough documentation and components that work seamlessly across both our app and web platforms.
What stood out most about Kathy was her ability to grasp the bigger picture of what we're building. She took the time to deeply understand our different user types and what matters most to each of them. This kind of user-centric thinking informed her entire approach to our information architecture.

Beyond her technical skills, Kathy was a joy to collaborate with. Professional, responsive, and always thinking one step ahead. Any team would be lucky to have her."