PAH Companion withMe

Crafting a patient portal empowering patients to manage their pulmonary arterial hypertension (PAH).
Client
Johnson & Johnson
Role
UI Designer
Timeline
6 Months

Pulmonary arterial hypertension (PAH) is a progressive and rare lung disease affecting individuals uniquely. To provide personalized support for patients prescribed Janssen PAH medications, we developed PAH Companion withMe—a suite of tailored resources. As UI design lead, I focused on creating a user-friendly interface for easy access to personalized education, connection with a dedicated PAH Companion, and community engagement.

Collaborating with cross-functional teams and stakeholders, we ensured a deep understanding of patient needs and designed a seamless user experience. My role involved wireframing, creating a visually appealing interface, and collaborating with developers to refine the UI based on user feedback. This approach resulted in a comprehensive platform empowering patients throughout their care journey.

Wireframing

UI Design

Collaboration

User Research

Art Direction

pahcompanion.com

Iterative design for key platform pages

Our team focused on iterating and refining four essential pages to create a comprehensive PAH support experience. This included designing a user-friendly dashboard, an informative ungated landing page, a comprehensive resource library, and a streamlined article template.

The goal was to ensure that patients could easily navigate the platform, access vital resources, and engage with the community. By prioritizing usability and incorporating feedback from testing, we aimed to create a tailored experience that meets the unique needs of each patient and enhances their overall quality of life.

Showcasing desktop and mobile wireframes, our UX team prioritized concise information architecture and intuitive navigation, ensuring a seamless user experience across devices. The design includes multiple ways to navigate the platform, catering to diverse user preferences and needs.

Illustration-based design, infusing playfulness and creating a welcoming atmosphere for users to explore resources and engage with the community.

Real people design focuses on genuine connection, empathy, and inspiration, making patients feel supported throughout their PAH journey.

Utilizing negative space and intentional color schemes, we developed several design concepts to effectively guide the user's focus and enhance the overall narrative. Each concept carefully considers visual balance, hierarchy, and emotional impact, ensuring a harmonious and engaging user experience.

Final design

Ultimately we chose to feature real people in the final design, cultivating a strong emotional connection for PAH patients. By prioritizing user needs, we developed a supportive and engaging platform that enhances patients' lives throughout their PAH journey.

Key platform components include a user-friendly dashboard connecting patients with personalized treatment resources, PAH Companion support, and community engagement. The informative landing page introduces PAH Companion withMe to new users, while the comprehensive resource library offering educational materials to empower patients and foster a sense of community. The versatile article template ensures a consistent user experience and streamlined content creation.

Measurable outcomes

3x

Users picked up features easier through the onboarding process.

95%

of patients found the platform valuable and easy to navigate.

75%

of users felt an increase of belonging with fellow PAH patients.

Ready to discover the magic within your next project?

Discover now