Redesigning HeartRecovery: Abiomed’s Acquisition by Johnson & Johnson

In 2023, Abiomed was acquired by Johnson & Johnson, bringing HeartRecovery.com, a global educational and clinical resource for cardiologists and healthcare teams, into the J&J family. Following the acquisition, we were tasked with leading the redesign of HeartRecovery.com to reflect the updated J&J branding and to modernize the digital experience.

Johnson & Johnson MedTech website homepage showing headline about first completed RCT of Impella in AMICS with image of two surgeons in blue scrubs and masks.
Service
Design, UX, Product
Client
Johnson & Johnson
Year
2025
Live Site
HeartRecovery.com
Johnson & Johnson MedTech website homepage showing headline about first completed RCT of Impella in AMICS with image of two surgeons in blue scrubs and masks.
3x
faster content discovery (2-3 clicks)
Up arrow
57%
search success rate
2x
course completion
PROBLEM

Bigger than  just brand alignment.

After being acquired, HeartRecovery needed a unified, clinically oriented, and scalable system that aligned with J&J’s brand while making education faster and easier for clinicians. The experience was fragmented across three separate sites, mixed legacy Abiomed patterns with new branded elements, creating inconsistency, and offered an extensive but hard to navigate content library. The redesign needed to address all of these things.

Collage of website screenshots showing healthcare professionals, clinical messages, event listings, and patient support information related to heart recovery.
Old Designs - Heart Recovery, Abiomed, Camp
SOLUTION 01

A unified Johnson & Johnson design system.

J&J had recently rebranded and unveiled a new logo and design system. Our role involved interpreting these brand guidelines into a digital design system for HeartRecovery, creating new components and solutions specific to their needs and built with accessibility and modularity at the core.

Collage of images showing Johnson & Johnson activities: a man using VR headset, a person walking past a digital display, a red booth with Johnson & Johnson branding, a Johnson & Johnson Twitter profile on a phone screen, an Analyst Day event stage, two smartwatches displaying health data, colorful health reports from 2009 to 2024, and a nighttime cityscape with illuminated health statistic billboards.
Brand Exploration
UI design mockup for a medical education platform featuring navigation menus, search bars, filters, progress bars, course cards with images, and call-to-action buttons in red and white theme.
Brand Exploration
Johnson & Johnson MedTech Heart Recovery webpage showing sections on specialties, conditions, therapies, insertion and management, and tools with medical professional images and product information.
Homepage
Three webpage screenshots showing medical content on Impella heart treatments, patient management course details with speakers and agenda, and AMI cardiogenic shock information with patient identification and procedures.
Additional Templates
SOLUTION 02

An improved and personalized Education Library.

Through stakeholder workshops, analytics review, and 12 interviews with clinicians and specialists, one thing became clear. Clinicians came to HeartRecovery with a job to be done. They needed specific information on the spot, quickly and easily. The existing library was poorly organized, hidden behind logins, lacked personalization, and not optimized for quick searches. We rebuilt the structure around clinicians’ mental models, introducing core categories to make it easier to browse and filter. We also designed solutions making the content more personable and easy to resume unfinished content.

Johnson & Johnson MedTech website navigation menus showing Heart Recovery section with links for conditions, products, education, about, and a sidebar with About Heart Recovery details.
Navigation & Quick Resume
Johnson & Johnson MedTech online education portal showing My Courses with progress bars and Education section with search and filter options.
Education Library
Two web pages side-by-side: left page titled 'Fundamentals of Hemodynamic Support | TEACH tutorial and Hemodynamic Assessment' includes course description, start button, video thumbnail with play button, and downloadable PDFs; right page titled 'Learning Path Lorem Ipsum' shows course progress with timeline, start button, course modules, and completion percentages.
Courses & Learning Paths
User profile page showing personal info, five progress bars for Growing Patient Population courses at 34%, three events titled Growing Patient Population on April 19, 2025, and three suggested resource downloads for Hemodynamics of Mechanical Circulat.pdf.
Brand Exploration
RESULTS

Faster workflows. Higher engagement. A scalable foundation.

The redesign significantly improved clinician efficiency and created a cohesive digital identity consistent with J&J’s global standards. As new acquisitions and transitions occur, our work continues to be implemented.

Illustration of a human upper torso highlighting the heart and blood vessels in orange and yellow against a red background, with testimonial text and three statistic boxes below.