
Designing a Scalable UX System for Complex Immigration Workflows
CaseHero helps immigration lawyers generate complex petitions faster with AI. As the product designer at VSDesign, I designed the core workflow system, aligned stakeholders, and delivered features continuously into development. Three tools are live with 10+ more handed off, driving early adoption and momentum.
Company
Casehero
Website
Year
2025 - Ongoing
Duration
Phase I (6 month); Phase II (Current)
CaseHero is in progress of launch smart tools. We are actively handing off features to engineering, with a full release planned for early 2026.

Six core tools are now live on CaseHero.ai, enabling early lawyer adoption and strengthening investor confidence. Our system reduces preparation time by ~70%, increases accuracy, and provides a flexible foundation for 10+ future tools currently in development.

Challenge I: Manage File Uploads
When using the generator tool, it requires uploading 15-60+ files across categories (evidence, contracts, publications, reference letters and more)

User flow of [Petition letter] generator tool
Solution: A Guided Upload System That Reduces Friction
I designed a scalable upload framework that tells users what to do next, reduces errors, and prevents dead ends. Core Principles ✔ Prioritize clarity over sorting ✔ Minimize scrolling & cognitive load ✔ Show progress, not just inputs ✔ Reuse the same pattern across tools
Iteration A
Category-Based File Checklist
Dropdown → saw related documents → upload

Iteration B
Compact Panels + Scrollable Lists
Modular scrollable panels with adaptive layout.

Final Iteration
Tabs + Required Status + Guided Completion
• Improved confidence and reduced filing errors • Required-file indicators and progress tracking • Scalable system: a solution both clients and engineers aligned on.

System level impact
A scalable upload system built for expansion and workflow continuity
• Built a scalable upload system that works across multiple visa types, reducing future redesign and engineering effort. • Unified components into a consistent, reusable design framework that clearly guides users through required documents. • Added seamless entry points to other CaseHero tools, allowing users to generate missing documents without leaving the workflow.

Challenge Ii: MULTIPLE DATA ENTRY

User flow of [Award] summary tool
Iteration A
Tab-Based Entry Management + Add-New Workflow
Award 1 → tapped + Add new → a new tab appeared for Award 2 → and so on.

Iteration B
Numbered Case Navigation + Collapsible Pages
To support users with many awards, We replaced tabs with numbered navigation (Award 1, 2, 3…). Each form could collapse after completion to reduce clutter.

Final Iteration
Paginated Award Entries + Clear Progress Cues
We replaced the long horizontal list with pages of three awards. Users still had direct access to any award number but with far less visual clutter.

System-Level Impact
The final pattern scales to other CaseHero workflows, including: • Multiple awards or evidence items • Multiple job entries (High Salary tool) • Multiple signers (Referral Letter tool) This dramatically reduces redesign effort and allows engineers to reuse a single pagination + case control logic across different products.

Summary tool for the real estate
Our client has an ambitious plan to expand CaseHero into real estate document workflows as well. Some patterns we designed for immigration lawyers now translate into real estate use cases, such as the Deal Sheet Generator and Contract Generator.

File management
CaseHero relies on session storage today, meaning progress is not preserved after closing the browser. Our design now lays the foundation for future cloud saving and real-time sync.



