Category:
Web Design / Data Platform
Client:
Avande Inc.
Duration:
4 weeks
My Role
UX & UI Designer
Scope
Dashboard Design, Settings & Client Management Screens
Overview
Parser is a web-based internal tool designed to simplify and accelerate the ingestion of structured medical data from complex file formats like CMS-1500 and UB-04. The platform helps healthcare teams manage claims, users, and clients with accuracy and speed.
I was responsible for designing the initial MVP screens, including client and user management dashboards and global settings, ensuring clarity for a highly technical workflow involving sensitive healthcare data.
(WHERE I STARTED)
Problem
Healthcare administrators and analysts spend hours interpreting raw claims data files before importing them into systems. These formats (e.g., EDI, CMS-1500) are dense and error-prone. Parser aimed to streamline the process, automating data mapping while maintaining transparency and control for the user.
(MY DESIGN PROCESS)
Process & Approach
I began with competitive research and deep-dived into industry-standard file formats like CMS-1500 and UB-04 to understand field structures and mapping logic. I worked closely with developers and a clinical data SME to identify user needs, must-have controls, and edge-case scenarios.
From there, I sketched task flows and mapped out screen logic to support the full user journey, from client onboarding to file ingestion and user access control.
Using Figma, I designed modular dashboard components that prioritized scannability, form clarity, and hierarchy. Since this tool deals with bulk data input, I focused heavily on error states, status messaging, and efficient navigation.
(MY DESIGN IMPACT)
Designed modular, scalable MVP screens for Client Management, User Management, and Settings from scratch
Developed interactive prototypes for internal walkthroughs and stakeholder alignment
Created UI components with consistent states (default, empty, error, loading) to support edge-case scenarios
Collaborated with developers to ensure UI matched technical logic behind file parsing and user permissions
Applied data hierarchy principles and clear grouping to ensure even first-time users could navigate complex forms confidently
(DELIVERING VALUE)
Outcome
The Parser MVP gave the team a working interface for data testing and demoing to stakeholders. It provided a clean, extensible UI system that could scale with future features like ingestion logs, advanced search, and bulk user actions. The design enabled clarity for non-technical users while respecting the complexity of healthcare data workflows.
(LEARNING IN ACTION)
What This Project Taught Me
Designing for data-heavy tools requires a deep understanding of information hierarchy and interface resilience
I learned to translate developer language into visual affordances, so the UI reflected how the parser actually behaves
Built confidence in designing from scratch without a design system, making decisions on spacing, type, and interaction patterns
Reinforced the importance of collaboration: working closely with engineers and clinical SMEs to validate design logic
Showed me how thoughtful UX can transform complex systems into usable, human-centered tools
(HOW I GREW)
This project challenged me to think more like a systems designer, zooming out to see how components interact and scale over time. It sharpened my ability to design for edge cases, improve error-handling UX, and work cross-functionally to bring clarity to data-intensive environments. More than just UI, this was about translating logic into experience.
