Redesigning a legacy app usually starts with one problem: you don’t really know how big the problem is. Old apps hide screens inside screens, conditional paths, outdated flows, and pages that nobody remembers building. Before touching UI, you need a clear map of what’s actually there.
For the Trillium Health electronic health records app that I’m currently working on, I start by collecting screenshots of every single screen in the section I’m redesigning. This means tracking down odd corner cases, editing capability triggered only by specific user types, and pages buried several clicks deep. Once everything is captured, I lay the screenshots out in Figma as a flat sitemap so I can see the actual footprint of the work.
I group screens into sub-sections of the app and color-code them so they’re easier to see. From there, I find out what the business still uses and what’s been abandoned.
These groups help me draw boundaries around scope. It’s easy for redesigns to balloon when you’re working from memory. A clean map forces clarity. It shows what will be redesigned now, what gets archived, and what needs deeper discovery before touching anything.
After the grouping, I add status badges to the screenshots, and as I design, I add them to each screen. Each tile becomes a living card that shows where it sits in the UX and UI process—business review, business demo, flows and tasks written, designed, edited, etc. This turns the sitemap into a progress dashboard instead of a static diagram. I can see at a glance what is done, what’s in motion, and what’s needed as follow-up from the business users.
With this mapped system in place, the redesign work becomes straightforward. Further meetings with the business visually verifies that nothing is missing and allows them to test designs before developer hand-off. And I could work through redesigns systematically without losing track of which screens were tied together.
By mapping the legacy Trillium Health EHR app section in Figma and turning it into an interactive progress dashboard, I helped the product and business teams clarify scope, reduce redundancies, and streamline reviews. This organization enabled faster design iterations, easier stakeholder validation, and more predictable developer handoffs across complex UI flows.
✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢✢
I’m Anne, a Design Systems Specialist and UI Designer who blends systems thinking with design craft to create cohesive, scalable, and visually refined products. Follow me:
