JOHNSON & JOHNSON

CONNECTING GLOBAL COMMUNITIES

Connecting a global community around uniting ideas and values through narratives and experiences - the J&J heritage museum and responsive website act as one entity with two access points

I led the design for multiple mobile, web and physical/digital apps for Johnson & Johnson’s on-site and online heritage museum. I collaborated with a core team of designers, PM, content strategists, and developers, as well as client-side teams of marketing, strategy and IT.
The project required a holistic approach to designing mobile web apps that scaled up all the way to digital exhibits with large touch tables and multi-user, multi-screen installations.

MY ROLE

I was a digital design lead in a cross-disciplinary team of designers producers and content strategists while overseeing remote software developers. I was responsible for user research, information architecture and search functionality, interaction flows, wireframes, and prototypes. I handled client relationship, presentations, and stakeholders workshops. We collaboration with physical designers and hardware integrators.

DESIGN CHALLENGE

Designing and deploying a website with updatable content and active user-generated content community – alongside a set of digital museum exhibits and installations that share the same interaction paradigms and draw from the same CMS.

APPROACH

The initial research focused on gathering user data, stakeholders goals, and distilling a content outline. The resulting requirements pointed at a mobile-first approach with an aim to four breakpoints (phone, tablet, desktop, and physical exhibits).

Wireframes - platforms integration
Online Museum - sitemap,task flows, and search

FINAL DESIGN

The core experience and content had to retain across all devices and screen sizes, including large touch screens and touch tables. All the different instances and break-points are based on the same CMS and feature identical content across all platforms.

Some design patterns were modified for the large installation screens to accommodate specific physical traits of touch-interaction at these scales, and for multi-screen, multi-user scenarios.


Exhibition and Media Design: Gallagher & Associates

Software Developer: Synechron

Link: ourstory.jnj.com/