Slowpoke Studio's UI design for St. Jude's Together Online Resource. Mockup of a laptop ft webpage titled 'Together by St. Jude' featuring a smiling child with painted fingers, promoting resources for childhood and adolescent cancer.

SKILLS:

Research & Strategy
Health Literacy
UX/UI Audit

St. Jude together

The original together.org felt more like a blog than a credible resource for childhood cancer. The interface was dated, the information hierarchy was unclear, and it failed to reflect the organization's new brand identity.

We needed to evolve the platform into a trusted, medical hub for families and clinicians.

RESEARCH & STRATEGY

I analyzed leading health platforms to understand how they structure complex medical data while maintaining accessibility.

HEALTH LITERACY

I applied principles of health literacy to ensure that medical resources were presented in a way that was digestible for parents and caregivers.

UX UI AUDIT

I identified friction points in the existing navigation that hindered users from finding critical support resources quickly.

Old Website

A screen cap of what together.org looked like before Slowpoke Studio optimized the UI for St. Jude Children's research. website page for childhood and adolescent cancer support.
Slowpoke Studio's UI design for St. Jude's Together Online Resource. Showcasing a new small, medium, and large card modules for articles. the overall design is minimalistic with a light background and blue text.
Slowpoke Studio's UI design for St. Jude's Together webpage about cancer education, featuring sections on diagnosis and treatment, a patient or person sitting outdoors, and a healthcare professional conversing with a young patient in a hospital room.

example card components with content.

example of small, medium, and large card component sizes.

By adhering to St. Jude’s brand guidelines, I developed new components with intuitive navigation paths to help patients and families find specific treatment information with minimal clicks.

Slowpoke Studio's UI design for St. Jude's Together. An informational graphic, including sections on key terms, explanations, and button-style sections for diagnosis, treatments, key terms, and support.
An animated gif of custom medical icons Slowpoke studio used in the website redesign of Together.org for St. Jude Children's research. website page for childhood and adolescent cancer support.

Selection of St. Jude’s New Spot Illustrations

Wireframes

Animated scrolling screen cap of what together.org looked like after Slowpoke Studio optimized the UI for St. Jude Children's research. website page for childhood and adolescent cancer support.

These high-fidelity wireframes provided the team with a clear roadmap to launch an authoritative, professional, and easy to navigate site to use during life’s most difficult moments. The refresh successfully transitioned Together.org into the digital destination for childhood cancer resources.

⌂

←

→