Medical Devices Website
Everything, all in one place.
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.
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.
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
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
My role in this engagement was to provide visual design, UX 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
Front End Development
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:
Access to product information for physicians, clinicians, and employees was anything but easy. They wanted quicker, easier access to information and resources.
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.
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.
Information, downloads, articles, and product demo videos
Searchable through a search bar and new tagging system
Subject related communication and assistance through groups
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.
Usage data on the current product sites
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?
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
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.
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.
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.
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!
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!
Thank you for reading!
Check out my other projects below.