The United States Adopted Names Council
Web Application for USAN
USAN, a subsidiary of the AMA, approves prescription drug names in the United States. Before this project, applicants completed six different forms in Word, tracked progress in Excel, and communicated with staff through Outlook. The process was manual, error-prone, and exhausting for the small team managing it. The goal was to consolidate everything into a single web application that five distinct user roles could navigate without training.
My role
Sole Product Designer. Owned UX, UI, information architecture, and data visualization. 5-week timeline.
Duration
5 weeks
Team
Product Manager: A. Patel, P. Bandaru; Developers: J. Contreas; Key Stakeholders: B. Wheeler, S. Pritchard; Project Manager: A. Tamalonis
Scope
Multi-role application design, complex form workflows, admin dashboard design, negotiator inbox design, user management and permissions, document upload systems, Material UI integration
Audience
Prescription drug company employees, USAN staff, and marketing agencies
The Challenge
The problem was bigger than just replacing paperwork. USAN needed a single web application that could handle five distinct user roles, each with different permissions, actions, and stakes. Six Word forms, Excel tracking, and Outlook threads had to become one coherent system where applicants, organization admins, contributors, general admins, and negotiators could all do their jobs without stepping on each other.
The Approach
I audited Google Workspace apps for navigation patterns and interaction models that would feel familiar to users already working in enterprise tools. I then created mid-fidelity wireframes to map how screens connected and how the layout would support complex workflows across five user roles. From there, I designed high-fidelity screens for every workflow: applicant submissions, organization admin user management, viewing user document uploads, general admin review and authorization, and negotiator inbox and approval. I also presented four branding color options to stakeholders, balancing USAN's existing identity with AMA design system constraints.
Good Navigation
To help users get around the application, we instituted core material navigation components such as a left-sided menu, tabs, accordions and visible CTA buttons. Each screen also contained a basic and minimal top navigation and a footer that contained links to legal notices.
Telling Iconography
I used iconography strategically to reduce cognitive load across the application. In forms, icons made sections scannable and helped users quickly identify document types. In the sidebar menu, icons reduced the burden of reading labels for navigation. In buttons, icons aligned with Material UI conventions while reinforcing action clarity.
Complex Forms
The application submission workflow leverages Material UI’s form components, enhanced with AMA-specific styling. Features not mentioned below include:
(1) A step dedicated to uploading documents that acts like a checklist. (See the good navigation section for wireframes.)
(2) Using a shade of USAN’s signature orange to highlight active form fields.
(3) Conditional logic shows questions only after the user gives certain answers to previous questions.
The Lesson
I designed three charts in Figma to show the key stakeholder his team's progress and revenue throughout the year. The developers could not build this dashboard for the MVP due to ServiceNow limitations. I now confirm technical constraints before investing design effort in complex data visualizations.
The Impact
Processing time for naming requests dropped from 14 days to 10 days. Stakeholders reported the new system eliminated the manual tracking burden and reduced errors in submission handoffs.
Reflection
Next time I would conduct card sorting with users to validate navigation hierarchy, and coordinate with market research to build usability testing into the timeline rather than adding it after launch.