JENN CUNNINGHAM
Product & Visual Designer

Medical Devices Website

Everything, all in one place.

Image alt tag

Hologic, Inc.’s Surgical division asked for help in creating a new concept website for OB/GYN clinicians, where they could find the latest product information on the full surgical product suite.

Medical Device Product Website

Challenge

  1. To consolidate 15+ product sites into one cohesive, comprehensive, easy-to-use website, using a responsive design approach. All in under a 5-week time frame, from discovery to deployment.

Goals

  • Provide a turnkey solution for the GYN Surgical Solutions (GSS) portfolio leveraging HCP messaging

  • Position the GSS division for success as new products are introduced

  • Align with company vision

  • Access to GSS resources in one place

  • Drive high-value actions

Medical Device Product Website

Functional Needs

To allow the Integrated Marketing team to:

  • Edit website content via a backend admin panel

  • Have different levels of access to the backend admin panel

  • Host video testimonial and product demonstrations

  • Host a “Physician Locator Sign-up” functionality

  • Synchronize the site with the current CRM platform

  • Post resources available for download

Role

My role in this engagement was to provide visual designUX strategy and design, and front-end development for the website. The other members of my team included a Project Manager, Copywriter, a Digital Agency Vendor, as well as a Legal Review Team. 

Time: September 2019 to October 2019

Activities

  • Interviews

  • Information Architecture

  • Wireframes

  • Prototypes

  • Branding

  • Photoshoot Direction

  • UI Design

  • Front End Development

  • Testing

  • Reporting Metrics

Discover

What do customers really need?

During workshops with customers & internal stakeholders, we found that the desire for a new website resulted from two main problems:

  1. Access to product information for physicians, clinicians, and employees was anything but easy. They wanted quicker, easier access to information and resources.

  2. The accessibility of information on the Corporate website made it difficult for users to find what they were looking for due to an oversized product offering and menu structure.

The solution:

A consolidated platform for physicians and clinicians, that makes finding product information faster and easier to reach, including the possibility of adding new features to make further progress in digitization.

Main solutions:

  • Information, downloads, articles, and product demo videos

  • Searchable through a search bar and new tagging system

  • Subject related communication and assistance through groups

Medical Device Product Website

Approach

We utilized a few different methods for collecting the initial research. Bringing these findings to the table helped better align user needs for the project.

Research Methods

  • User interviews

  • Usage data on the current product sites

  • Card sorting

  • Wireframe testing

Questions

  • How long have you been in your line of work?

  • What is your level of experience using Hologic's products?

  • What information would you like to see on this site?

  • What tools would be helpful in your daily work?

  • What are some hurdles you come across when looking for product information?

Clinician and Physician user personas

Clinician and Physician user personas

Insights from Users

  • Users would love to be able to access quick “bullet points” about devices

  • Having an interactive product comparison tool

  • Contraindications/Indication information is essential to all users

Define
Medical Device Product Website

Information Architecture

From the user interviews, card sorting exercises, and data usage from current product sites, we were able to construct an initial sitemap to begin building wireframes.

Wireframes
Design
Medical Device Product Website

Design Solution

Framework 
In order to consolidate 15+ products into one platform, with more to come in the future, we needed to provide a scalable solution that was not only intuitive for customers to use but also easy for product owners to add/edit new products as they came to market.

A dashboard approach

  • We employed a dashboard landing page to give customers a high-level view of all products on the first view.

  • Customers will be able to quickly drill into the product information from either the dashboard tiles or the main navigation.

Translation
Another requirement of the site build was to consider its global usage. For this reason, we decided to build the site on WordPress. This was consistent with other sites across the organization and it also allowed for more enhanced security features while lending globalization, translation, and localization abilities.

Visual & UI Design

The new site was architected by grouping similar products and resources into intuitive categories for easy access and reference.

By leveraging an external development team, the visual & UI designs were quickly turned into a customized WordPress theme. Using this secure platform also allowed for translation, making it scalable and adaptable on a global level.

Deliver
Medical Device Product Website

WordPress & Content Integration

One of the technical requirements was to be able to add and update content quickly and easily, and building the site on a content management platform like WordPress addressed this need so that the Integrated Marketing team would be able to self-manage the site.

I worked hand-in-hand with the developers to ensure the requirements from the FRD were met. Once the site framework was complete, I entered all of the content and added assets (copy, imagery, videos, downloads, etc.) into the WordPress backend.

The site was then tested, and launched!

5
Weeks!
13
Total Interviews
9
Usability Tests
11
Page Designs

Learnings & Take-aways

As part of a lean in-house Integrated Marketing Team, we were short on resources to execute this project, and an abbreviated timeline added some stressful moments. It was an ambitious project on a tight budget. If we were allowed greater affordances, I would have extended the development timeline and recruited assistance/contractors to help upload content after the WordPress site was in place. This was a very heavy lift for one person to own in a short timeframe.

All that being said, I am proud of the outcome and the results we achieved in only 5 weeks. There are some items that still need refinement, but as with all digital products that are shipped, it is an iterative process!

Visit the site

Thank you for reading!

Check out my other projects below.