Johnson & Johnson has been a pioneer in so many ways throughout its 130 year history – the first mass produced sterile surgical dressings and sutures, the first commercial first aid kits, BAND-AID® Brand
They embrace the bringing of ideas, products and services to life to advance the health and well-being of people around the world. Johnson & Johnson believe in collaboration, and that has led to breakthrough after breakthrough, from medical miracles that have changed lives, to the simple consumer products that make every day a little better.
Johnson & Johnson remains one of two U.S. companies with a AAA credit rating.
The Challenge
The challenge was to deliver a responsive solution to over 8000 users within the Johnson & Johnson organisation around the world. This meant that multiple UX methods would need to be implemented.
The discovery phase and exploration phases included activities that visualised who the users were, using Personas, Task analysis, Journey mapping for the existing solution to understand the bottlenecks and for the new solution to ensure we had designed respective solutions.
I led the creative process by running multiple User & Stakeholder workshops, constructed wireframes, which what the interactive prototype and UI designs where based upon and completed using Adobe XD and Adobe PhotoShop.
The Result
The result after multiple series of A/B testing, Design Reviews and the Benchmark testing of the newly designed web application, was to release it to the Johnson and Johnson worldwide group of users that totalled 8000+
It was met with great success and the Pattern library that was created alongside this solution is still in use today.
For phase I of the project Adobe PhotoShop was used to create a solid foundation and design frastructure.
Adobe XD was the tool of choice for phase II of the project as the customer really wanted to be able to see how the product would eventually interact.
The prototype was used to communicate interactions and micro-interactions to the development team as well as get additional support and buy-in from executive level members of the business.
UX Design Workshop
A interactive face to face workshop, running active tasked based activities with real users resulting in persona creation, revealing the actual needs and motivations of the users.
UX Design Documentation
Applying best practice principles, using the UX process successfully utilise the information from the personas and implement that into wireframes, additional advisory UX best practice and the foundations of a design authority.
UX / UI Design
Using Adobe XD and Adobe PhotoShop to create the designs in a fully interactive and static responsive designs.
