Johnson & Johnson

Company: Janssen Healthcare Innovation

Role: UX/UI Designer, sole designer on project

Location: Philadelphia 

Timeframe: 2016-2017

Brief: Redesign key marketing website for healthcare platform app and add new flows smart medication Android app

I collaborated with Johnson & Johnson subsidiary, Janssen Healthcare Innovation to redesign the existing Care4Today.com as well as create new responsive designs to market the Care4Today mobile app. My work for JHI included a thorough information architecture process which allowed us to find better ways to connect users with pertinent calls-to-action. I also worked to ensure my designs translated from mobile to desktop web browsers as seamlessly as possible.

As well as the redesign of Care4Today.com, I designed 8 content pages for the Care4Today Connect site experience for patients and healthcare providers. The solution focused on providing users with clear, high contrast typography, vivid lifestyle imagery and wide amounts of whitespace around design elements. The result is a marketing website that celebrates the human connections JHI aims to cultivate along patient journeys.

Care4Today Consumer App

Discovery and User Research

Objectives

  • Review existing research among key users (senior citizens in a cancer patient trial study aged 65 and older)
  • Adhere to material design guidelines while also accounting for specific user interface needs such as color contrast, text legibility and ease of use
  • Design new UI specifications for redesigned marketing website and new screens in separate smart medicaiton app

Research

  • Secondary research
  • Stakeholder interviews
  • White boarding sessions
  • User journey mapping
  • Usability testing sessions

Needs

  • Ability to easily track medical adherence data (iSmart app)
  • Gain better education into patient journeys with Care4Today app platform

Wants

  • New brand guidelines
  • Cleaner design
  • Simple to use for non-tech savvy users

Desires

  • New instructional onboarding flow

New user flows

Screen Designs

Step-by-step

Solution

My final deliverables included a UI kit library for the new responsive marketing site and screen specifications for the updated version of the smart medication app for Android (new onboarding tutorial flow with an instructional video I storyboarded and art directed, edit suspension flow, register for study and new data visualization styles amongst other updates).


Key Takeaways

Outcome

The new responsive site was a success and is still hosted at Care4today.com. The final updated app screens were handed off to a team in United Kingdom where the cancer patient trial study was being conducted due to legal reasons.