Masimo Personal Health Website

Web Designer

Description

The website was originally built by a third-party agency and was only recently brought in-house after being moved to Shopify. The consumer-centered website allows Masimo's medical-grade technology to be sold direct to consumers without a prescription. The product selection has grown over the last one to two years and the website needed to expand with it.

Numerous redesigns have been completed since initial involvement on this site, but the most recent ask came as a result of consumer testing. Site organization, checkout experience, and load times were causing high bounce rates and low product sales.

Live Website

Masimo Team

  • Creative Services Director
  • Web Designer
  • Back-End Web Developers
Masimo Personal Health Homepage Image

Project Overview

New website navigation reorganization, smoother or fewer clicks to complete checkout experience and decrease page load times. Product Detail Pages (PDP) and Product Landing Pages (PLP), required new designs to layout copy hierarchically, reduce unnecessary copy and eliminate carousels based on statistical feedback.

Goals

  • Reduce page load times
  • Clean up copy and introduce new imagery
  • Update design and display copy/information hierarchically
  • Eliminate carousels

Target Audience

Clearly defined target audience from research and user groups.

Every decision including imagery, copy, and overall design, was brought back to the focus group findings along with a defined project brief.

Masimo Personal Health Home Detail Image
Masimo Personal Health Home Deatil Image

Competitors

Other at-home Pulse Oximeter devices, especially others with lower price points.

Price is the main competitor used against the device as the website and advertising needed to correctly define quality and the accuracy story other devices could not prove.

Design Requirements

Similar information should be seen in its entirety without scrolling, such as in a slide format from desktop down to mobile. Identify web page with always accessible purchase button. Product trust marks.

Additional design requirements were discussed and decided between my Director and me.

Additional Requirements

  • Design Consistency
  • Digestible content
  • Update color scheme and button design

Project Reflection

Overall project goals were achieved.

Updating the color scheme was going to be an uphill battle with needing c-suite approval, but in the end, the muted color palette we launched with left the web pages missing the mark.

Achieved

  • Design Consistency. The use of iconography and page templates allows users to easily understand what and where certain information should be found. Eliminating confusion within the page and navigation.
  • Digestible content. Project managers honed in on the nessecary information needed so users could make an informed descision about the product.

Missed

  • Update color scheme. The original color scheme of this project was not approved in time for launch, resulting in the use of approved brand colors with varying shades of gray. Those colors did not convey the same excitement in the messaging for the product as the unapproved color scheme did.