Vodii – Scaling Smarter with a Modular Redesign

🧩 Problem

TxM, Vodii’s core platform for title and escrow workflows, was powerful—but dated. Built on legacy front-end tech, it was difficult to update, visually inconsistent, and confusing for users. The UI was dense, document workflows were clunky, and navigating the app felt overwhelming, especially for non-technical users.

As client demand grew, so did the cracks: support tickets increased, onboarding slowed, and scaling the platform became increasingly difficult without a cohesive system in place.

🚧 Challenge

Redesign TxM from the ground up to:

• Modernize the interface without disrupting current users

• Streamline document workflows for speed and clarity

• Build a modular, reusable design system that could scale with product growth

• Improve usability for a non-technical audience—all with a lean, two-person design team

🔍 Process

Research & Discovery

I led a cross-functional audit to align product vision with user needs.

• Stakeholder Interviews: Collaborated with founders, PMs, and client success to identify friction points

• Zendesk + Call Review: Surfaced common complaints and patterns of confusion

• Competitive Audit: Benchmarked legacy B2B tools to identify modern UI and interaction standards

  
  

Key Insights:

• Users often got lost in multi-step flows or couldn’t find key documents

• Non-tech-savvy users needed clarity, not feature bloat

• A design system was necessary to improve speed, scalability, and UI consistency

✅ Solution

1. Modular Design System

I built a reusable component library with scalability in mind:

• Tokens & Components: Cards, nav, buttons, fields, badges—all standardized

• Flexible Layouts: Expandable/collapsible sections based on user roles

• Front-End Handoff: Delivered Figma files, InVision specs, and implemented select UI in code

2. Streamlined Document Workflows

Document handling was simplified with:

• Drag-and-drop uploads + real-time status

• Linear sign-and-send experiences

• Activity logs to track interactions and reduce confusion

3. Simplified Navigation & IA

I restructured the nav based on tasks, not features:

• Consolidated key areas like Documents, Signatures, Contacts

• Clarified headers and hierarchy to guide users through processes

• Built responsive breakpoints for tablet and future mobile use

4. Visual Overhaul for Clarity

• Neutral palette for focus and trust

• Refined typography and iconography for faster scanning

• Accessibility-focused interactions (contrast, keyboard nav, spacing)

5. Prototyping & Testing

• Weekly reviews with engineering and product to test feasibility

• Walkthroughs with longtime users to validate new workflows

• Presented clickable prototypes to execs for feedback and buy-in

  
  

“It feels like a completely new product—but I don’t have to relearn anything.”

— Title Officer, User Test

📈 Impact

User Feedback

• Faster task completion and fewer support tickets

• Higher confidence navigating and completing document flows

• Positive reactions to visual clarity and reduced friction

Business Outcomes

• Supported Vodii’s acquisition by Flueid

• Reduced onboarding time with a cleaner, more demo-ready UI

• Modular system enabled faster release cycles and feature launches

💭 Reflection

Redesigning TxM as a solo designer taught me that clarity is the most underrated product feature—especially when your users aren’t tech experts. A scalable design system was the best investment: it not only improved the current product, but empowered the team to grow without reworking the UI every time.

This role blended creative autonomy with hands-on technical execution, and reminded me that in fast-moving startups, good design isn’t just about how it looks—it’s how quickly it can adapt.