Global Genes

lobal Genes, a nonprofit dedicated to individuals and families affected by rare diseases, needed to modernize their digital platform to better serve a global, often underserved, community. The project aimed to improve discovery of events, resources, and connections between users with shared conditions or interests—powered by user-centered design and machine learning

Project Overview

Project: Global Genes Website Redesign & Smart Event Matching
Role: Senior Product Designer / UX Lead
Team: UX, engineering, content strategy, data science,
community engagement, executive stakeholders
Timeline: June 2022 – February 2023

Problem & Context

Global Genes Website Redesign & Smart Event Matching

Global Genes serves millions of people impacted by over 10,000 rare diseases, many of whom are navigating complex medical and emotional journeys without clear support systems. Despite the organization’s powerful mission and extensive content library, their website had become difficult to navigate, fragmented, and unintentionally inaccessible.

Problem

Global Genes had a vast ecosystem of valuable resources, but their digital experience was falling short for the very people who needed it most. Users—including patients, caregivers, researchers, and advocates—struggled to find relevant content, connect with peers, or engage meaningfully with the community. The platform lacked personalization, accessibility, and a clear structure, leading to lost opportunities for support, education, and engagement. Technical debt, fragmented navigation, and outdated infrastructure further limited its reach—especially on a global scale.

Solution

We reimagined the Global Genes website as a centralized, scalable platform that could meet the rare disease community’s diverse needs—whether emotional, informational, or technical. Our team:

  • Redesigned the site architecture and navigation for clarity, flexibility, and accessibility
  • Implemented machine learning to personalize event and resource recommendations
  • Integrated the Data DIY training series to empower patients and advocates as data stewards
  • Built a responsive, mobile-first design that served users across devices and abilities
  • Enabled researcher access to the Rare Data Exchange, surfacing community-contributed insights
  • Created an easy-to-manage backend and trained the Global Genes team for long-term autonomy
  • Unified voice, tone, and visuals across all touchpoints to reinforce Global Genes’ mission

Impact

Improved User Engagement and Experience
Redesigned site architecture, navigation, and content access led to faster discovery of resources and a smoother user journey—especially for users navigating complex or rare disease-related challenges.

Greater Community Connection
ML-powered recommendations helped users find relevant events, toolkits, and peers, increasing participation in support initiatives and rare disease events.

Empowered Research Access
Researchers gained improved access to the Rare Data Exchange, enabling better use of patient-contributed data and advancing condition-specific insights.

Expanded Global Reach
The platform’s new architecture supported multilingual access and localization, making Global Genes’ content and tools more accessible to international audiences.

Increased Digital Metrics
Post-launch saw measurable lifts in:

  • Website traffic: ↑ 23% increase in unique visits within 6 months
  • Toolkit downloads: ↑ 2.3× boost in downloads of condition-specific toolkits
  • Speaking engagement sign-ups: ↑ 28% increase in registrations following event recommendations
  • Social media followers: ↑ 12% growth across platforms (primarily Facebook + Instagram)
  • Email newsletter subscriptions: ↑ 35% increase in opt-ins due to redesigned signup flows and resource CTAs

Stronger Brand Identity
The redesign brought clarity and cohesion to Global Genes’ brand, ensuring consistency across web, email, and social—leading to deeper user trust and broader awareness.

Sustainable Site Management
The backend was built for long-term scalability. The Global Genes team now has full autonomy over content updates, supported by custom CMS training provided at launch.

Research & Insights

Persona & Journey Mapping

Worked closely with Global Genes to identify and define core audiences: newly diagnosed patients, caregivers, advocates, researchers, and global partners. Mapped user journeys to understand needs across emotional, informational, and technical touchpoints.

Content & Tech Ecosystem Audit

Reviewed existing content repositories, CMS architecture, and third-party tools. Conducted a full content gap analysis and mapped critical resources to user goals. Audited the technology stack to uncover inefficiencies and inform a scalable rebuild.

Accessibility & Navigation Analysis

Evaluated the previous site’s structure and user experience—surfaced pain points around accessibility, searchability, and clarity. Discovered that scattered, untagged resources often led to missed opportunities for connection or support.

SEO & Analytics Review

Audited site analytics and marketing tech performance. Developed a revised channel and content strategy—including SEO enhancements and messaging refresh across web, email, and social.

Data Strategy Integration

Collaborated with developers and data teams to architect a backend that would support up-to-date rare disease data integration, ensuring users had access to evolving, condition-specific resources.

Pain Points & Context

Global Genes is a nonprofit that supports over 400 million people worldwide living with rare diseases. Despite its mission and resource-rich platform, the organization’s previous website wasn’t meeting the needs of its community.

Users—often newly diagnosed patients, caregivers, or advocates—faced challenges such as:

  • Disconnected, hard-to-navigate content
  • Limited ways to discover relevant resources, events, or support communities
  • Accessibility barriers for low-tech or global users
  • Outdated backend tools that made content updates and maintenance difficult

Global Genes needed a redesigned platform that would:

  • Make critical information easier to find and understand
  • Help users connect with peers and events relevant to their conditions
  • Empower researchers with streamlined access to shared data
  • Scale globally while remaining inclusive and compliant

Data DIY training model needed

The analytics team needed a user friendly platform to bring a high-impact, technical tools to the forefront of the site— that felt  relevant, digestible, and inspiring to non-technical users.

Solution Prioritization Matrix

Feature / Solution

Impact

Feasibility

Urgency

Strategic Alignment

Priority

ML-powered event/resource recommendations

High

Medium

High

High

♦High

Redesign of IA and navigation

High

High

High

High

♦ High

Data DIY Training Integration (Zuck Initiative)

Medium

Medium

Medium

High

♦ High

Rare Data Exchange researcher access

High

Medium

Medium

High

♦ High

Plain-language content + accessibility rewrite

High

High

Medium

High

♦ High

Donation system redesign (mobile-first)

Medium

High

Medium

Medium

◊ Medium

Email signup and SEO optimization

Medium

High

Medium

Medium

◊ Medium

Backend CMS rebuild + training

Medium

Medium

Medium

High

◊ Medium

Social media cross-channel messaging updates

Low

High

Low

Medium

⇓ Low

High Priority

ML-Powered Recommendations
Helps users discover relevant events and resources via behavioral + profile data.
→ High impact, medium feasibility, high alignment

Redesigned Information Architecture
Improves wayfinding and access to toolkits, events, and condition-specific content.
→ High impact, high feasibility, core to user success

Data DIY Training Integration
Empowers users to understand and steward health data through 4-module series.
→ High strategic value, medium urgency, unique differentiator

Rare Data Exchange Access
Enables researchers to explore patient-contributed condition data.
→ Medium urgency, high innovation, high impact on research partners

Plain Language + Accessibility Rewrite
Delivers readable, emotionally attuned content for low-literacy and global users.
→ High impact, broad reach, foundational to UX

Medium Priority

Mobile-First Donation System
Streamlines giving and improves conversion on mobile devices.
→ Good impact, low complexity, medium strategic importance

SEO + Email Growth Optimization
Boosts reach and subscriber engagement.
→ Medium impact, high feasibility

Backend CMS + Staff Training
Gives Global Genes autonomy over content management and maintenance.
→ Operational value, medium complexity

Low Priority

Social Media Messaging Alignment
Refreshes tone and content consistency across Instagram, Facebook, etc.
→ Nice to have, low urgency, can be phased post-launch

Heuristics Evaluation

Scattered and untagged resources

After evaluating the site structure, we found the architecture was making it hard for users to find relevant toolkits, events, or financial support

Lack of personalization or filtering

preventing patients and caregivers from discovering condition-specific content

Outdated tech and UX patterns

limiting the site’s ability to scale globally or serve a broad spectrum of users—from researchers to newly diagnosed individuals

No clear data infrastructure

creating barriers to updating critical disease-specific information and surfacing new opportunities for engagement

Before

Heuristics Evaluation

After

Visual Design & Content Experience

Responsive, Modern Design

The redesigned interface delivers a clean, flexible layout across devices—built with accessibility, clarity, and emotional sensitivity in mind. Visual hierarchy and white space were carefully balanced to reduce cognitive load for users in high-stress search moments.

Consistent Call-to-Action Strategy

Clear CTAs were placed across resource listings, toolkit pages, and registration flows to support task completion and guide user behavior without friction.

Real People, Real Stories

Replaced generic stock photography with authentic images of Global Genes community members to build trust and connection. The imagery reinforces the idea that this is a space built for and with the rare disease community.

Emotionally Intelligent Messaging

Content was rewritten in plain language, using a compassionate tone that resonates with patients and caregivers. Headlines, labels, and CTAs were tested for clarity and emotional impact.

Accessible Information Architecture

Navigation was completely restructured to reflect real-world behavior: finding resources by disease type, need (financial, research, events), or role (patient, parent, researcher). Search and filter options were refined to increase relevance.

Feature Highlight

Data DIY Training

The Ask

Global Genes launched its Data DIY training model—a four-part series designed to empower patients, caregivers, and advocates to become confident data stewards.

Challenge

Our design challenge: Bring these high-impact, often technical tools to the forefront of the site—making them feel relevant, digestible, and inspiring to non-technical users.

To support this, we:

  • Designed a modular content experience that guides users through each progressive training
  • Used inclusive, plain-language content design to reduce intimidation around technical data concepts
  • Positioned Data DIY as a core pillar of the homepage and navigation, signaling its priority to the organization and its community
  • Created space for storytelling and video, allowing real-world patient advocates to share their data empowerment journey

CHALLENGE

Global Genes—a leading nonprofit supporting the rare disease community—had a sprawling website filled with vital resources, but the user experience was disjointed. Content was difficult to find, resources were scattered, and outdated technology limited accessibility and real-time data updates. Despite their strong mission, the digital platform wasn’t effectively serving the needs of patients, caregivers, or advocates navigating complex health journeys.

GOALS

  • Redesign the website to deliver a seamless, accessible, and empowering experience for diverse audiences.
  • Unify messaging, tone, and visual identity across all digital touchpoints.
  • Build a modern, scalable technology stack to support future growth and content maintenance.
  • Connect users with the right resources at the right time through personalized and intuitive UX.
  • Strengthen engagement through improved SEO, social reach, and email conversion.

 

ROLE

As UX and UI Lead, I directed a human-centered design process across research, strategy, design, and implementation. I partnered with stakeholders, product managers, and developers to:

  • Conduct a full audit of content, architecture, and analytics.
  • Lead stakeholder interviews and persona development to align the experience with community needs.
  • Design an intuitive, responsive UI with a modular system for disease and resource exploration.
  • Architect a tech stack that integrates real-time data and simplifies backend workflows.
  • Create messaging frameworks and channel strategies for social, email, and events.
  • Oversee implementation and train internal teams for long-term site management.

The end result: a cohesive, accessible digital platform that significantly improved user engagement, resource discovery, and brand reach—furthering Global Genes’ mission to serve 400 million people affected by rare disease worldwide.

Technology, Analytics & UX Audit

As the lead UX and UI designer for the Global Genes website transformation, I championed a design-led approach to solve complex usability challenges and elevate the organization’s digital impact. The project aimed to unify fragmented resources into a cohesive, accessible experience that could better serve the rare disease community.

From the outset, I partnered with stakeholders and a cross-functional team to define a strategic vision grounded in empathy, functionality, and clarity. We began with comprehensive research—including UX audits, stakeholder interviews, and user behavior analysis—to uncover pain points around navigation, accessibility, and discoverability.

These insights fueled the design direction. I developed a new information architecture and modular design system that prioritized user autonomy, allowing visitors to self-identify their needs and dive deeper into content pathways at their own pace. Accessibility best practices were embedded throughout, ensuring the platform met the diverse needs of its global audience.

Beyond UX and interface design, I played a central role in aligning the website’s technical and marketing ecosystems. Working with SEO strategists, I supported the development of a content and keyword strategy that elevated organic visibility while reinforcing Global Genes’ thought leadership. I also collaborated with developers to integrate third-party tools, streamline backend systems, and ensure long-term scalability.

The outcome was more than a website redesign—it was a reimagining of the user experience through the lens of design thinking. The new Global Genes platform is intuitive, responsive, and future-ready—delivering clarity, connection, and confidence to a community that depends on timely, trustworthy information.

Tools Used

Figma, Miro, Adobe Creative Suite, Google Analytics, Hotjar, Amplitude, FullStory

My Role / Deliverables

As the UX Lead for the Global Genes website transformation, I directed a research-driven design process to rebuild the digital experience around user needs, accessibility, and strategic content delivery. My focus was to unify scattered resources into a coherent, engaging, and scalable platform that empowers the rare disease community to find the support and information they need.

Deliverables included:

Revised Sitemap
Informed by stakeholder workshops and user research, I restructured the sitemap to improve resource discoverability, streamline navigation, and simplify entry points for multiple audience types.

Core Page Wireframes
Developed both low- and high-fidelity wireframes for key user pathways—including resource libraries, community engagement hubs, and condition-specific content pages—to ensure clarity and consistency across the user journey.

User Journey Mapping
Created a detailed journey map capturing behavioral patterns, decision-making touchpoints, and emotional states of users—from initial visit through to content exploration and resource conversion.

CMS Platform Recommendation
Conducted a platform assessment and confirmed WordPress as the ideal CMS, based on Global Genes’ editorial workflows, ease of content management, accessibility features, and scalability for future growth.

Technology & Systems Integration Plan
Outlined how the redesigned website would interface with Global Genes’ existing ecosystem, including marketing tools, donor platforms, CRM systems, and third-party plugins—ensuring smooth cross-platform functionality.

Measurement & Performance Framework
Defined key performance indicators (KPIs) for traffic, engagement, accessibility compliance, SEO impact, and user satisfaction—establishing a baseline for ongoing optimization and impact measurement.

UX Audit & Insights

As UX and UI lead for the Global Genes website transformation, I worked closely with stakeholders and cross-disciplinary partners to reimagine how the organization connects with its global rare disease community. My role focused on crafting a strategy-led, user-first experience that addressed both organizational goals and community needs.

We began with an in-depth audit of the existing digital presence—reviewing content architecture, usability challenges, SEO performance, and technical constraints. Through stakeholder workshops, user research, and persona mapping, we uncovered critical gaps in how patients, families, and researchers navigated the site and accessed resources.

From these insights, I led the design of an intuitive and accessible user interface that simplified search and discovery. We created a clean, responsive layout and improved content hierarchy to ensure users could find relevant disease-specific resources with ease. Simultaneously, we architected a new technology stack that aggregated real-time data from various sources—ensuring that disease information remained up to date and actionable.

Our team also created a comprehensive content and communication strategy, including messaging guidelines, tone of voice aligned with patient perspectives, and a multi-channel outreach plan across social, email, and events. This helped unify the Global Genes brand voice while extending its reach.

To support scalability and sustainability, we built a powerful yet manageable backend system, trained internal teams to maintain the platform, and developed a flexible CMS framework tailored to editorial workflows.

The result was a redesigned site that dramatically improved user engagement, accessibility, and brand coherence. Post-launch metrics showed significant increases in traffic, social media growth, and email signups—amplifying Global Genes’ mission to provide hope and resources to the 400 million individuals worldwide affected by rare disease.

Insight Clustering

Based on the findings, I organized the major issues, turning them into potential opportunities to be explored and grouping the topics by similarity so that the requirements could be analyzed later in the project.

Information Architecture

Through a comprehensive understanding of each user profile I was able to identify pertinent features which impacted how the website information was structured. Thus, it was necessary to create a visual representation to facilitate lay users’ understanding of the correlation between the lay users and users with specific goals based on the main insights.

Lo-Fidelity Wireframes

Hi-Fidelity Wireframes

UX Process

Research & Discovery

Ran usability testing with customers to understand pain points with research team.

Analyzed behavioral data using Data Analytics and reviewed feedback from Troutman stakeholders and customer community.

Researched competing automation platforms to identify best practices in workflow setup and monitoring.

Mapped potential use case and scene collaborative boards, translating technical challenges into actionable design insights.

Definition & Ideation

Mapped our user journeys to highlight major friction points.

Applied progressive disclosure principles to guide users gradually through complex steps.

Redesigned the Staff Bio interface to surface relevant workflows clearly.

Designed a comprehensive automation and metrics dashboard to centralize control, monitoring and troubleshooting.

Deployment & Iteration

Refined interface to align with Troutman Design System, ensuring interface consistency.

Introduced smart error handling, with clear alerts, suggested fixes, and interactive debugging tools for faster troubleshooting.

Optimized automation monitoring and giving users real-time visibility and control execution status and system performance

Refined through iterative testing, ensuring every addressed real user needs.

"At the heart of our process was the creation of a detailed site plan—a strategic blueprint that brought together research insights, creative direction, and technical requirements."

The Troutman Pepper website project marked a transformative step forward in aligning the firm’s digital presence with its forward-thinking brand. Grounded in deep research and a user-first mindset, the design process focused on improving content discoverability, elevating brand perception, and streamlining the user journey. My collaborative approach allowed us to integrate business goals, audience needs, and emerging digital best practices into a comprehensive site plan that guided every phase of design and development.

At the heart of our process was the creation of a detailed site plan—a strategic blueprint that brought together research insights, creative direction, and technical requirements. This included a revised sitemap grounded in user behavior analysis, wireframes that showcased intuitive page flows, and a final CMS recommendation that confirmed WordPress as the ideal platform for Troutman’s internal needs. We also delivered customer journey maps and a systems integration plan to ensure a seamless experience across internal tools and client-facing content.

During the process undertake guidance and input of stakeholders I also established a robust measurement framework, outlining KPIs aligned with Troutman’s business objectives to continuously track the site’s performance. From initial discovery through to final hand-off, I ensured the design and functionality worked together to drive engagement, inspire trust, and support conversion. The result is a scalable, accessible website that will grow with the firm—rooted in strategy, shaped by insight, and designed for real-world impact.

Let's Work Together!

Duis euismod curabitur leo justo risus sollicitudin in mus, diam nascetur cursus aliquam fermentum tincidunt felis, sodales nulla primis.

Phone

(410) 598-8445

Baltimore, MD