J&J Medtech Supply Chain Portal
Designing an Interface to Streamline and Optimize E-commerce Experiences
TOOLS: ADOBE XD, ADOBE ILLUSTRATOR
TEAM: STEPHANIE SKUZENSKI (manager), JOHN CONSIGLI (lead UX researcher)
What is JJCC? To further expand the UI kit library of J&J Medtech, we first recognized a need for a new design system that is as extensive to accommodate a dashboard-like platform. This system (JJCC) bridges the gap between J&J Medtech design components that are geared towards content management of the different franchises, while JJCC’s goal is to filter, sort & manage kits and orders in an effective and seamless way. By speaking the same language with reusable and modular components and tokens, designers and engineers could work iteratively, quickly, and strategically.
Screenshots from working files of how I visually dissect design problems and organize iterative ideas.
I organize different versions of the same design with thorough documentation on various platforms. I incorporate a consistent Table of Contents navigation within my XD file.
I work directly with business analysts to make sure our design iterations have interaction designs that encapsulates all requirements for development to pick up. I created notifications, alerts, banners, and error states for the platform. From here, I created a prototype that included all use cases to visually communicate with developers, making the QA process more efficient for the future.
Participation with the team
From these weekly design critiques, I gained exposure to all ongoing J&J Medtech design library improvements, consolidation, and system changes. I’ve gained mentors who helped me think of new strategic ways to explore my design challenge: integrating dashboard components to fit seamlessly into the existing (but mostly editorial styled) J&J design system. From this project, I had the autonomy to redesign an internal dashboard and recommend UI components.
⚠️ How to communicate to stakeholders that good design is essential?
One of the main challenges of making UX/UI recommendations was that it felt non-permanent. In order to make design an important aspect to consider in meetings with key stakeholders, I learned to confidently advocate for design sessions with all members of the team to start a conversation. This allowed me to foster community and involvement of cross-functional team members in the design process and integrate it more into leadership.
