J&J Medtech
Ecosystem.

J&J Medtech
Ecosystem.

J&J Medtech
Ecosystem.

Website redesign.

Website redesign.

Website redesign.

Category

Medical, health, Science.

Main Tasks

UX/UI Design, design system, IA.

Category

Medical, health, Science.

Main Tasks

UX/UI Design, design system, IA.

About the client:

Johnson & Johnson MedTech innovates at the intersection of biology and technology. With a focus on treating with pinpoint precision in the hardest-to-reach parts of the body, restoring anatomy and reimagining healing, our portfolio of smarter, less invasive, more personalized treatments is addressing the most complex diseases. Focus areas include: Interventional Solutions, orthopaedics, Surgery and Vision.

About the project:

The project was primarily aimed at enhancing certain aspects of the existing UX/UI. Working jointly with the UXR team, I needed to provide improvements to some of the components from their existing in-house design system as well as create new components.

Additionally, I collaborated with the in-house design lead to identify an improved way of using both existing and new components. This involved developing iterations of master pages that could be customized to align with different franchise brands.

Desktop.

Desktop.

Desktop.

Two of the main franchise landing pages were used as the starting point to test the capabilities of the components and their usage with real data. Both pages have the exact same layout and were tested with real life information by the team members. This approach demonstrated the advantages of using the same layouts with different content and branding.

Two of the main franchise landing pages were used as the starting point to test the capabilities of the components and their usage with real data. Both pages have the exact same layout and were tested with real life information by the team members. This approach demonstrated the advantages of using the same layouts with different content and branding.

Two of the main franchise landing pages were used as the starting point to test the capabilities of the components and their usage with real data. Both pages have the exact same layout and were tested with real life information by the team members. This approach demonstrated the advantages of using the same layouts with different content and branding.

The more complex internal pages were easily created using the same approach as the main pages. Even when some of these pages required a more specialized set of data and custom-made components, the same set of components could be reused to develop the initial iterations.

The more complex internal pages were easily created using the same approach as the main pages. Even when some of these pages required a more specialized set of data and custom-made components, the same set of components could be reused to develop the initial iterations.

The more complex internal pages were easily created using the same approach as the main pages. Even when some of these pages required a more specialized set of data and custom-made components, the same set of components could be reused to develop the initial iterations.

Additional projects.

(Under NDA)

In addition to this project, I was part of the team responsible for designing new tools and products, as well as identifying enhancements and improving some of their existing products.

These projects include inventory management apps, product visualization and booking, sales representatives tools, equipment and medical training apps, and product catalogues amongst others.

The common denominator between all these products is the vast amount of information that has to be presented to the user. With the help of the UXR team, each of the projects was completed successfully and each of them was well received among the users.

Styles and
components.

Styles and
components.

Styles and
components.

R: 202

R: 202

G: 0

G: 0

B: 27

B: 27

#CA001B

#CA001B

R: 33

R: 33

G: 33

G: 33

B: 33

B: 33

#212121

#212121


R: 244


R: 244

G: 244

G: 244

B: 244

B: 244

#F4F4F4

#F4F4F4

R: 255

R: 255

G: 255

G: 255

B: 255

B: 255

#FFFFFF

#FFFFFF

#D8D8D8

#D8D8D8

#888888

#888888

#63666A

#63666A

#000099

#000099

@: mannuelregalado@gmail.com

© 2024 Manuel Regalado

@: mannuelregalado@gmail.com

© 2024 Manuel Regalado

Manny.

@: mannuelregalado@gmail.com

© 2024 Manuel Regalado