Design Dashboard

Making clinical trial tools more intuitive, structured, and scalable for researchers

Dashboard

A UX/UI internship project where I led the redesign of the researcher dashboard for a clinical research platform — improving task clarity, participant tracking, and overall usability. My work covered research analysis, layout design, testing, and building a reusable design system in Figma.

UX/UI Design Intern

My Team

Solo designer, mentor collaboration

Duration

Nov 2024 - May 2025

Tools

Figma, FigJam, Lovable, Otter.ai, Slack, MUI

Client

Puls Health Research (A digital platform connecting participants with clinical trials. The goal is to make research more inclusive, accessible, and user-friendly — especially for patients managing conditions like migraines, diabetes, or cancer.)


Puls Health Research is a digital platform that connects participants (often patients) with researchers running clinical trials. The goal is to make the experience
inclusive, accessible, and user-friendly for both groups — especially in
healthcare contexts involving migraines, diabetes, or cancer.

As a UX/UI Design Intern, I contributed to both product and brand, including:

  • Designing the researcher dashboard from scratch
  • Structuring the study creation flow
  • Building key parts of the design system in Figma
  • Supporting team onboarding and internal documentation
  • Creating the logo, defining brand colors, and setting up typography styles
 

The typography system ensured consistent structure and scalable UI across screens — from dashboards to mobile flows — while keeping content accessible for a range of research users.

When I joined the team, researchers didn’t have a proper dashboard. They landed on a flat list of studies with minimal structure, unclear metrics, and no way to track participant progress or take meaningful actions.

As the platform grew more complex, these issues led to user confusion, missed tasks, and friction in daily workflows.

To inform the redesign, I reviewed feedback from researcher interviews (conducted in Swedish and shared via Notion), and supplemented it with a UX audit and benchmarking of platforms like Sona Systems and Qualtrics.

Based on insights gathered from interviews, audits, and benchmarking, I designed the first version of the researcher dashboard — focusing on structure, clarity, and quick access to key tasks.

first dashboard

Insights from Interviews

  • Researchers wanted the platform to use familiar terms from real clinical research, not new or confusing labels.
  • The platform needed to feel intuitive and easy to navigate
  • The difference between preview and review modes was unclear
  • Researchers couldn’t easily track participant progress
  • Consent workflows needed to be digital, scalable, and compliant

These findings directly shaped how I structured the dashboard layout, interaction patterns, and prioritization of features.

icon

“It should work the way researchers already think — not the other way around.”

Strategy

To prioritize features for the MVP, I created an impact vs. effort matrix using insights from research and early stakeholder feedback.
This helped me identify which elements to focus on first — balancing researcher needs with feasibility and technical constraints. High-impact, low-effort features were prioritized for the first release, while others were scoped for future phases.

matrix
  • Show participant progress across study stages
  • Add a 7-day calendar preview for upcoming appointments
  • Include quick actions like “Create Study,” “Review Screenings,” and “Manage Participants”
  • Make study cards clickable, with key stats like enrollment %, drop-out rate, and progress
  • Build responsive layouts for desktop and mobile with strong hierarchy
  • Add filters (e.g., status, condition, gender) to the participant table
  • Provide export options (CSV, PDF summaries) for reporting and handoff
  • Introduce an activity feed to show changes since the last login

Dashboard

  • Sketched initial layout concepts in FigJam
  • Designed a card-based dashboard showing study titles, statuses, actions, and progress indicators
  • Introduced a sidebar layout to improve navigation and structure
  • Built and refined high-fidelity screens in Figma, aligned with MUI system standards

Design System

  • Built a responsive typography system using rem units, Roboto, and MUI
  • Defined a consistent color palette using Puls’s brand:
    Navy #000080,
    Wheat #f5deb3, and a set of light/dark neutrals
  • Created reusable UI components: buttons, cards, layout blocks
design system

I tested two dashboard versions with researchers using Lovable, running a custom task flow and collecting qualitative feedback via Google Meet and Otter.ai. My goal was to identify areas where layout, clarity, and interaction could be improved.

What I tested​

What I Changed​

  • Could users easily find and use the “Create Study” action?
  • Was the Score label clear, or did it need explanation?
  • Could researchers quickly scan study cards and understand key metrics?
  • Was the calendar layout helpful for managing appointments?
  • Did the layout feel intuitive and usable on both desktop and mobile?
  • Were filters easy to find and use in the participant view?
  1. Made the “Create Study” button more visible by placing it directly on the dashboard homepage
  2. Added a “?” tooltip next to the Score label to explain what it means
  3. Introduced colored labels to improve card scannability
  4. Replaced raw numbers with visual indicators (bars, status chips)
  5. Redesigned the calendar view to improve clarity and flow
  6. Moved to a unified sidebar nav for easier task access

Version B — with stronger hierarchy and clearer action points — was preferred in 4 out of 5 sessions.

icon

“Version B made it way easier to see who’s eligible.”

“I didn’t even notice the Create Study button before — now it stands out.”

 

“The calendar view feels more usable than the appointment list.”

 

  • Dashboard redesign handed off to the product owner and developer for feasibility review

  • Figma-based design system reused across other areas to support internal UI consistency

  • Created onboarding materials to help new designers and consultants ramp up faster

  • Helped shift the team’s approach to hierarchy, structure, and mobile readiness in internal tools

This project strengthened my ability to work within real product constraints — balancing user needs, stakeholder input, and feasibility.

I grew in:

  • Structuring work in fast-paced, early-stage environments
  • Turning feedback into clear, scalable design logic
  • Collaborating across design, product, and development
  • Documenting systems for handoff and onboarding

It also reinforced the importance of strong hierarchy and thoughtful UX in data-heavy tools — especially in healthcare.

  • Take initiative without waiting for perfect briefs
  • Translate informal feedback into usable design
  • Balance usability with business and technical needs
  • Communicate clearly in remote, async teams
  • Strengthen dev collaboration
  • Sharpen user feedback synthesis
  • Deepen focus on accessibility in healthcare tools