PROJECT
VYVGART Hytrulo Virtual Product Premiere
web design
mobile system
mobile design
overview
Created an online experience enabling patients with CIDP to RSVP, participate in, and revisit a virtual event tailored specifically to their needs. This design aimed to enhance accessibility and engagement while meeting key business goals for event participation and retention.
Created an online experience enabling patients with CIDP to RSVP, participate in, and revisit a virtual event tailored specifically to their needs. This design aimed to enhance accessibility and engagement while meeting key business goals for event participation and retention.
results
RSVPs
%
%
of goal
Attendance
%
%
of goal
Opt-ins
%
%
of goal
DATE
March 2024-October 2024
March 2024-October 2024
MY ROLE
Lead UX/UI Designer
+ Art Director
Lead UX/UI Designer
+ Art Director
TOOLS AND TECH
Figma
Sketch
Adobe Illustrator
Jira
Figma
Sketch
Adobe Illustrator
Jira
CORE TEAM
1 Creative Director
2 Developers
1 Strategist
1 Project Manager
1 Account Director
1 Creative Director
2 Developers
1 Strategist
1 Project Manager
1 Account Director
background
The first new CIDP treatment in over 30 years
The first new CIDP treatment in over 30 years
The first new CIDP treatment in over 30 years
Chronic inflammatory demyelinating polyneuropathy (CIDP) is a rare autoimmune condition that causes weakness and numbness in the arms and legs. My client, argenx, has developed a groundbreaking treatment called VYVGART Hytrulo, which can be administered in as little as 30 to 90 seconds.
To educate potential patients about this innovative treatment, argenx hosted a Virtual Product Premiere to introduce VYVGART Hytrulo. Our project’s goal was to design a user-friendly digital experience that simplified event registration, enabled easy to use live viewing, and provided an accessible platform to host and replay the event recording for on-demand access.
Success Criteria
Our client and team set clear objectives to ensure the online experience met both patient and business needs. The overarching goal was to deliver an engaging and memorable event for patients while generating excitement around this milestone moment.
Accelerate awareness
and create excitement
Accelerate awareness
and create excitement
Accelerate awareness
and create excitement
Accelerate awareness
and create excitement
Create a positive
patient experience
Create a positive
patient experience
Create a positive
patient experience
Create a positive
patient experience
Ensure ease when signing up and viewing the event
Ensure ease when signing up and viewing the event
Ensure ease when signing up and viewing the event
Ensure ease when signing up and viewing the event
Users
James
James is a CIDP patient who has experienced multiple treatment options to manage their condition. He is accustomed to lengthy infusion sessions lasting around four hours, enduring treatment-related side effects such as the "treatment hangover," and making do with therapies that fall short of ideal. Beyond seeking improved treatments, he values a sense of community and a space to share his experiences.
Age:
65
Profession:
Retired
Janet
As a dedicated supporter, Janet is a caregiver who has witnessed the patient navigate both good and challenging days. She has observed her loved one endure the physical and emotional toll of the disease, the side effects of treatment, and the frustration of misdiagnoses. She is deeply invested in finding solutions that can ease the burden for both the patient and themselves.
Age:
70
Profession:
Retired
Relation to Patient:
Spouse
User problem
For over 30 years, the CIDP community has been waiting for a more effective treatment option. Patients and caregivers often struggle to access reliable information and resources about the disease, leaving them feeling isolated and unsupported. Without a clear care plan or a strong support system, their daily lives—and long-term health outcomes—can be significantly impacted.
For over 30 years, the CIDP community has been waiting for a more effective treatment option. Patients and caregivers often struggle to access reliable information and resources about the disease, leaving them feeling isolated and unsupported. Without a clear care plan or a strong support system, their daily lives—and long-term health outcomes—can be significantly impacted.
constraints
Like any project, we faced a couple of constraints that we had to work within.
Tight timing: With the urgency of announcing the new treatment immediately following its launch, we had just three months to take the project from concept to completion.
Strict legal review: The pharmaceutical industry’s inherent complexities meant every design had to undergo rigorous scrutiny by an external legal review team to ensure compliance with regulatory standards.
Client reviews: In addition to internal creative reviews, we worked closely with an external client who had specific needs, preferences, and feedback that had to be incorporated throughout the process.
Like any project, we faced a couple of constraints that we had to work within.
Tight timing: With the urgency of announcing the new treatment immediately following its launch, we had just three months to take the project from concept to completion.
Strict legal review: The pharmaceutical industry’s inherent complexities meant every design had to undergo rigorous scrutiny by an external legal review team to ensure compliance with regulatory standards.
Client reviews: In addition to internal creative reviews, we worked closely with an external client who had specific needs, preferences, and feedback that had to be incorporated throughout the process.
Like any project, we faced a couple of constraints that we had to work within.
Tight timing: With the urgency of announcing the new treatment immediately following its launch, we had just three months to take the project from concept to completion.
Strict legal review: The pharmaceutical industry’s inherent complexities meant every design had to undergo rigorous scrutiny by an external legal review team to ensure compliance with regulatory standards.
Client reviews: In addition to internal creative reviews, we worked closely with an external client who had specific needs, preferences, and feedback that had to be incorporated throughout the process.
Like any project, we faced a couple of constraints that we had to work within.
Tight timing: With the urgency of announcing the new treatment immediately following its launch, we had just three months to take the project from concept to completion.
Strict legal review: The pharmaceutical industry’s inherent complexities meant every design had to undergo rigorous scrutiny by an external legal review team to ensure compliance with regulatory standards.
Client reviews: In addition to internal creative reviews, we worked closely with an external client who had specific needs, preferences, and feedback that had to be incorporated throughout the process.
team dynamic
Working with a large team presents unique advantages and challenges, particularly when navigating tight timelines. To maximize efficiency, clear and consistent communication was essential. This meant:
Collaborating closely with project management teams to streamline project organization and timelines
Addressing process bottlenecks with upper management
Maintaining regular touchpoints with tech teams to ensure designs were feasible within the given timeframe.
This proactive approach helped align all stakeholders and kept the workflow on track.
Working with a large team presents unique advantages and challenges, particularly when navigating tight timelines. To maximize efficiency, clear and consistent communication was essential. This meant:
Collaborating closely with project management teams to streamline project organization and timelines
Addressing process bottlenecks with upper management
Maintaining regular touchpoints with tech teams to ensure designs were feasible within the given timeframe.
This proactive approach helped align all stakeholders and kept the workflow on track.
Working with a large team presents unique advantages and challenges, particularly when navigating tight timelines. To maximize efficiency, clear and consistent communication was essential. This meant:
Collaborating closely with project management teams to streamline project organization and timelines
Addressing process bottlenecks with upper management
Maintaining regular touchpoints with tech teams to ensure designs were feasible within the given timeframe.
This proactive approach helped align all stakeholders and kept the workflow on track.
Working with a large team presents unique advantages and challenges, particularly when navigating tight timelines. To maximize efficiency, clear and consistent communication was essential. This meant:
Collaborating closely with project management teams to streamline project organization and timelines
Addressing process bottlenecks with upper management
Maintaining regular touchpoints with tech teams to ensure designs were feasible within the given timeframe.
This proactive approach helped align all stakeholders and kept the workflow on track.
Design system
Our goal was to develop a design system that aligned with the established VYVGART Hytrulo branding while introducing unique visual and experiential elements to distinguish the event. This approach ensured brand consistency while creating an engaging and memorable identity specific to the Virtual Product Premiere.
Our goal was to develop a design system that aligned with the established VYVGART Hytrulo branding while introducing unique visual and experiential elements to distinguish the event. This approach ensured brand consistency while creating an engaging and memorable identity specific to the Virtual Product Premiere.
Our goal was to develop a design system that aligned with the established VYVGART Hytrulo branding while introducing unique visual and experiential elements to distinguish the event. This approach ensured brand consistency while creating an engaging and memorable identity specific to the Virtual Product Premiere.
Our goal was to develop a design system that aligned with the established VYVGART Hytrulo branding while introducing unique visual and experiential elements to distinguish the event. This approach ensured brand consistency while creating an engaging and memorable identity specific to the Virtual Product Premiere.
Logo + Branding rationale
Figma design system
We created a comprehensive Figma design system from the ground up for the VYVGART Hytrulo for CIDP website. This system was built to support not only the Virtual Product Premiere but also any future pages on the site, ensuring consistency, scalability, and flexibility across all digital touchpoints.
We created a comprehensive Figma design system from the ground up for the VYVGART Hytrulo for CIDP website. This system was built to support not only the Virtual Product Premiere but also any future pages on the site, ensuring consistency, scalability, and flexibility across all digital touchpoints.
component library
We developed a versatile component library for this project by leveraging existing component structures. This approach reduced pressure on the development team while ensuring a cohesive and consistent visual identity across this site and other branded sites under our brand umbrella. At the same time, we tailored the design to create a distinct look for the Breaking Through Today event, making it clear to users that this site was unique to the event experience.
We developed a versatile component library for this project by leveraging existing component structures. This approach reduced pressure on the development team while ensuring a cohesive and consistent visual identity across this site and other branded sites under our brand umbrella. At the same time, we tailored the design to create a distinct look for the Breaking Through Today event, making it clear to users that this site was unique to the event experience.
full page design
We designed the final RSVP page with the primary goal of encouraging event sign-ups while generating excitement around the Breaking Through Today virtual event and the introduction of the new treatment. The design prioritized clarity, ease of use, and visual appeal to ensure a seamless user experience that engaged patients and highlighted the event’s purpose.
We designed the final RSVP page with the primary goal of encouraging event sign-ups while generating excitement around the Breaking Through Today virtual event and the introduction of the new treatment. The design prioritized clarity, ease of use, and visual appeal to ensure a seamless user experience that engaged patients and highlighted the event’s purpose.
We designed the final RSVP page with the primary goal of encouraging event sign-ups while generating excitement around the Breaking Through Today virtual event and the introduction of the new treatment. The design prioritized clarity, ease of use, and visual appeal to ensure a seamless user experience that engaged patients and highlighted the event’s purpose.
We designed the final RSVP page with the primary goal of encouraging event sign-ups while generating excitement around the Breaking Through Today virtual event and the introduction of the new treatment. The design prioritized clarity, ease of use, and visual appeal to ensure a seamless user experience that engaged patients and highlighted the event’s purpose.
rsvp form
The RSVP form was designed to provide a simple, intuitive signup process while gathering essential information about each user. The primary goal was to understand where patients were in their treatment journey, allowing for the delivery of tailored, relevant resources and information that matched their unique needs and experiences.
The flow of the form included 3 scenarios with different options for each. The flow differed between users depending on their past experiences with treatment. The goal was to make the form as easy to fill out for each user as possible starting with simply filling out the user email address. If the user had not given argenx much demographic information in the past, the more questions the user had to ask. By using frame by frame form fields, we aimed to make the RSVP process as streamlined as possible. By creating multiple scenarios, we cut down the questions where we could for patients who had already provided this information in the past.
The RSVP form was designed to provide a simple, intuitive signup process while gathering essential information about each user. The primary goal was to understand where patients were in their treatment journey, allowing for the delivery of tailored, relevant resources and information that matched their unique needs and experiences.
The flow of the form included 3 scenarios with different options for each. The flow differed between users depending on their past experiences with treatment. The goal was to make the form as easy to fill out for each user as possible starting with simply filling out the user email address. If the user had not given argenx much demographic information in the past, the more questions the user had to ask. By using frame by frame form fields, we aimed to make the RSVP process as streamlined as possible. By creating multiple scenarios, we cut down the questions where we could for patients who had already provided this information in the past.
The RSVP form was designed to provide a simple, intuitive signup process while gathering essential information about each user. The primary goal was to understand where patients were in their treatment journey, allowing for the delivery of tailored, relevant resources and information that matched their unique needs and experiences.
The flow of the form included 3 scenarios with different options for each. The flow differed between users depending on their past experiences with treatment. The goal was to make the form as easy to fill out for each user as possible starting with simply filling out the user email address. If the user had not given argenx much demographic information in the past, the more questions the user had to ask. By using frame by frame form fields, we aimed to make the RSVP process as streamlined as possible. By creating multiple scenarios, we cut down the questions where we could for patients who had already provided this information in the past.
The RSVP form was designed to provide a simple, intuitive signup process while gathering essential information about each user. The primary goal was to understand where patients were in their treatment journey, allowing for the delivery of tailored, relevant resources and information that matched their unique needs and experiences.
The flow of the form included 3 scenarios with different options for each. The flow differed between users depending on their past experiences with treatment. The goal was to make the form as easy to fill out for each user as possible starting with simply filling out the user email address. If the user had not given argenx much demographic information in the past, the more questions the user had to ask. By using frame by frame form fields, we aimed to make the RSVP process as streamlined as possible. By creating multiple scenarios, we cut down the questions where we could for patients who had already provided this information in the past.
Scenario 1:
This scenario is for users already in the system, and not yet segmented into a CRM mailing list. The possible CRM mailing lists are those who wish to receive more information about VYVGART Hytrulo and those who do not.
This scenario is for users already in the system, and not yet segmented into a CRM mailing list. The possible CRM mailing lists are those who wish to receive more information about VYVGART Hytrulo and those who do not.
Scenario 1: Option 1
For users who are patients not yet segmented, and taking VYVGART Hytrulo, the signup process was simple.
For users who are patients not yet segmented, and taking VYVGART Hytrulo, the signup process was simple.
User identifies as patient
User identifies as patient
User answers ability question
User answers ability question
User is currently taking VYVGART Hytrulo
User is currently taking VYVGART Hytrulo
User identifies as enrolled in patient support program
User is all set
Scenario 1: Option 2
For users who are patients not taking VYVGART Hytrulo or caregivers of a patient not taking VYVGART Hytrulo, the signup process included questions about ability, and if the patient would like to be contacted by a VYVGART Hytrulo educator, which prompted users to input their contact information.
For users who are patients not taking VYVGART Hytrulo or caregivers of a patient not taking VYVGART Hytrulo, the signup process included questions about ability, and if the patient would like to be contacted by a VYVGART Hytrulo educator, which prompted users to input their contact information.
User identifies as patient
User answers ability question
User is currently taking VYVGART Hytrulo
User answers if they would like to be contacted
User is all set
Scenario 2:
Scenario 2:
Scenario 2:
Scenario 2:
This scenario is for users not in the system, and not yet segmented into a CRM mailing list.
This scenario is for users not in the system, and not yet segmented into a CRM mailing list.
Scenario 2: Option 1
Scenario 2: Option 1
Scenario 2: Option 1
Scenario 2: Option 1
For users who are patients not yet segmented or in the system, demographic questions were added, making the form slightly longer.
For users who are patients not yet segmented or in the system, demographic questions were added, making the form slightly longer.
User email address, first and last name
User identifies as patient
User answers ability question
User is currently taking VYVGART Hytrulo
User identifies as enrolled in patient support program
User is all set
Scenario 2: Option 2
For users who are patients not yet segmented or in the system, demographic questions were added, making the form slightly longer. For those not currently taking VYVGART Hytrulo, questions are added to ask if they would like to be contacted by a patient educator.
For users who are patients not yet segmented or in the system, demographic questions were added, making the form slightly longer. For those not currently taking VYVGART Hytrulo, questions are added to ask if they would like to be contacted by a patient educator.
User email address, first and last name
User identifies as patient
User answers ability question
User is currently taking VYVGART Hytrulo
User answers if they would like to be contacted
User is all set
Scenario 3:
This scenario is for users in the system who are already segmented.
This scenario is for users in the system who are already segmented.
Scenario 3: Option 1
Scenario 3: Option 1
Scenario 3: Option 1
Scenario 3: Option 1
For users who are already in the system and already segmented, the form was very simple.
For users who are already in the system and already segmented, the form was very simple.
User enters email address
User enters email address
User is all set
User is all set
live event platform
We designed a user-friendly online experience to ensure easy and seamless viewing of the virtual event. To create an inclusive and interactive environment, we incorporated a variety of engaging features, including:
Custom Waiting Room with Countdown Animation: A visually appealing countdown animation that enhanced anticipation and helped users prepare for the event.
Interactive Quiz Questions: Fun, interactive quizzes that encouraged user participation and fostered a sense of connection and involvement during the event.
We designed a user-friendly online experience to ensure easy and seamless viewing of the virtual event. To create an inclusive and interactive environment, we incorporated a variety of engaging features, including:
Custom Waiting Room with Countdown Animation: A visually appealing countdown animation that enhanced anticipation and helped users prepare for the event.
Interactive Quiz Questions: Fun, interactive quizzes that encouraged user participation and fostered a sense of connection and involvement during the event.
We designed a user-friendly online experience to ensure easy and seamless viewing of the virtual event. To create an inclusive and interactive environment, we incorporated a variety of engaging features, including:
Custom Waiting Room with Countdown Animation: A visually appealing countdown animation that enhanced anticipation and helped users prepare for the event.
Interactive Quiz Questions: Fun, interactive quizzes that encouraged user participation and fostered a sense of connection and involvement during the event.
We designed a user-friendly online experience to ensure easy and seamless viewing of the virtual event. To create an inclusive and interactive environment, we incorporated a variety of engaging features, including:
Custom Waiting Room with Countdown Animation: A visually appealing countdown animation that enhanced anticipation and helped users prepare for the event.
Interactive Quiz Questions: Fun, interactive quizzes that encouraged user participation and fostered a sense of connection and involvement during the event.
post event streaming
To extend the value of the event, we created a dedicated post-event page where users could access the event recording and additional resources tailored for patients. This page served as a hub, ensuring that even those who missed the live event could watch it at their convenience while exploring valuable materials to support their treatment journey.
To extend the value of the event, we created a dedicated post-event page where users could access the event recording and additional resources tailored for patients. This page served as a hub, ensuring that even those who missed the live event could watch it at their convenience while exploring valuable materials to support their treatment journey.
The post-event page also served as a gateway to other valuable resources for patients. With clear calls to action, the page guided users to explore additional materials and helpful information tailored to their needs, further supporting their treatment journey.
The post-event page also served as a gateway to other valuable resources for patients. With clear calls to action, the page guided users to explore additional materials and helpful information tailored to their needs, further supporting their treatment journey.
IMPACT
The event was a significant success for argenx, achieving the desired results and meeting the client’s expectations. The website played a crucial role in driving engagement, facilitating a seamless user experience, and contributing to the overall success of the Virtual Product Premiere.
The event was a significant success for argenx, achieving the desired results and meeting the client’s expectations. The website played a crucial role in driving engagement, facilitating a seamless user experience, and contributing to the overall success of the Virtual Product Premiere.
RSVPs
RSVPs
%
%
of goal
of goal
Event page drove increased awareness of VVYGART Hytrulo community with 2,239 RSVPs. This was over 176% of original goal.
Event page drove increased awareness of VVYGART Hytrulo community with 2,239 RSVPs. This was over 176% of original goal.
Event page drove increased awareness of VVYGART Hytrulo community with 2,239 RSVPs. This was over 176% of original goal.
Attendance rate
Attendance rate
%
%
of goal
of goal
The event had a 14% attendance rate, beating the goal of a 10%
attendance rate.
The event had a 14% attendance rate, beating the goal of a 10%
attendance rate.
The event had a 14% attendance rate, beating the goal of a 10%
attendance rate.
Opt-ins
Opt-ins
%
%
of goal
of goal
Grew database with a total of 1,558 net-new opt-ins to the database this was 186% higher than the original goal.
Grew database with a total of 1,558 net-new opt-ins to the database this was 186% higher than the original goal.
Grew database with a total of 1,558 net-new opt-ins to the database this was 186% higher than the original goal.
argenx reported earnings of $573 million in the third quarter. This coincided with the launch date of this event.
argenx reported earnings of $573 million in the third quarter. This coincided with the launch date of this event.
Shares of $ARGX went up 5% after this earnings report.
Shares of $ARGX went up 5% after this earnings report.
Client quote
Team-
A huge THANK YOU to all involved to get Breaking Through Today virtual product promotion MRC approved!!
This is an amazing milestone and the result of A LOT of hard work, innovative and strategic thinking, conversations, problem solving, teamwork, and our strong commitment to the CIDP patient community.
The program has over 1400 RSVPs already! This highlights the unmet need that exists in the community and their interest in learning more about VYVGART Hytrulo for adults with CIDP.
Team-
A huge THANK YOU to all involved to get Breaking Through Today virtual product promotion MRC approved!!
This is an amazing milestone and the result of A LOT of hard work, innovative and strategic thinking, conversations, problem solving, teamwork, and our strong commitment to the CIDP patient community.
The program has over 1400 RSVPs already! This highlights the unmet need that exists in the community and their interest in learning more about VYVGART Hytrulo for adults with CIDP.
