Product Quality Complaint Visualization
The process of submitting complaints through the Janssen Product Quality Complaint (PQC) system is very complex. My team and I were tasked with visualizing the process as an interactive tool that could be used as a reference.
Images used with permission | © Johnson & Johnson
Year
2022
Skills
Strategy collaboration, design build-out, UI kit, animation
Contributing team
Brian Graziano, Justine De Jesus
Approach
Collaborative building
My team and I conducted multiple workshops to understand the PQC investigations process. From our synthesizing, we sketched multiple iterations of how we could simplify the process.
Software selection
I researched different software that would allow us to create an interactive tool that would be accessible to anybody within J&J. We chose to use Adobe XD because of its ability to export fully functioning prototypes that didn't require Adobe licenses to view.
Content restructuring
We simplified language and streamlined redundancy to make information as clear and concise as possible.
Visual design
Structure
We drew inspiration from NYC's subway map because of the map's ability to communicate linear processes in an accessible way through color, form, and content.
UI kit
Wanting the user experience to feel like a familiar digital tool, I built a consistent UI of buttons, links, and text styles.
Multiple lenses
People need to see responsibilities either based on the group or phase of the process. We visualized both views, allowing users to find the information they need quickly.
