Moderna – Vaccine Lifecycle Tracking Application

At Moderna, I was part of a two-person development team responsible for designing and building a web application that scientists used to track the lifecycle of vaccines. This was a high traffic, data heavy application, and while functionality was critical, creating an intuitive and user-friendly interface was just as important.

Since I no longer have access to Moderna’s internal systems or data, I recreated a proof of concept (POC) that highlights one of the core features I built for the Development App. This POC focuses on the vaccine lifecycle tracking table—which gave users a clear, at-a-glance view of each program’s progress and allowed them to drill down into a detailed product dashboard. The dashboard served as a centralized source of truth for vaccine and manufacturing information, with complex permissioning and conditional logic ensuring users saw only the data relevant to their role.

Our Design Process
We approached the project as a combination of UI/UX design and development. Our workflow included:
1. Collaborating with end users to understand their workflows and pain points.
2. Working with business operations to ensure the features we were creating aligned with overarching business goals and constraints.
3. Designing interactive prototypes that illustrated layouts, flows, and data visualization.
4. Testing prototypes with users and iterating to improve usability and clarity.
5. Translating prototypes into functional interfaces with polished visual design.

UI/UX Focus
A core part of my role was designing the interface with the end user in mind:
- User-centered design: Ensuring that every element, from color scheme to spacing to button placement, made the application intuitive for scientists, many of whom were not familiar with digital tools.
- Visual hierarchy: Organizing information so critical data was immediately clear, while less essential details were visually secondary.
- Consistency and branding: Aligning the UI with Moderna’s design scheme while maintaining nearly full creative control over layout, colors, and component styling.
- Accessibility: Designing interfaces that were easy to navigate and readable for all users, regardless of technical comfort.

Bringing Design to Life
I handled both design and front-end implementation, ensuring that what we created translated directly into functional, responsive components. This included:
- Designing reusable components that maintained consistency across the application.
- Implementing work flows that enhanced usability without compromising performance.
- Balancing aesthetics with the practical needs of users who relied on the application daily.

Outcome & Takeaways
Through this project, I gained first-hand experience designing interfaces for complex and critical applications. I learned how to:
- Think like the end user to create intuitive, elegant interfaces.
- Merge design thinking with front-end development for cohesive UI/UX.
- Translate user feedback into concrete design improvements that enhance workflow efficiency.

This project reinforced my passion for UI/UX and web design, particularly in building interfaces that are not just functional but also engaging and keep the end user in mind.