Work / Biomedical

Redesigning a DEI website for a leading biomedical firm

We redesigned Boston Scientific’s DEI web presence with their in-house Anatomy design system — a modern, accessible experience shipped to brand standard.

Lab technician in white coat and blue gloves using a pipette to fill a row of sample tubes with colored liquid

Photo by Julia Koblitz on Unsplash

Client Boston Scientific

Live. DEI pages redesigned in Boston Scientific's own Anatomy design system, shipped by their in-house team.

Modernizing Boston Scientific’s DEI Web Presence

The Challenge:

  • Redesign and modernize the Boston Scientific DEI web pages
  • Use in-house design system “Anatomy” to complete the project

Boston Scientific was faced with the challenge of modernizing certain pages on its website, specifically under the Diversity, Equity, and Inclusion (DEI) section.

These pages were outdated, operating under a legacy UI/design system, established before the implementation of any formal design system. The need was to transition these pages to a newer, more modern design system to enhance user experience, coherence, and the overall aesthetic appeal of the website.

The pages in question, including the DEI strategy page and the workforce data page, play an important role in demonstrating Boston Scientific’s dedication to Diversity, Equity, and Inclusion initiatives.

Hand holding a phone showing the Boston Scientific 'Our workforce data' page with an employees photo and intro text Laptop showing Boston Scientific workforce data with 50% women and 37.3% multicultural talent stats and progress bar charts

“/> The Results:

  • Created new designs with Boston Scientific’s official design system, Anatomy, ensuring brand consistency
  • Designed engaging infographics, charts, and data visualizations on the workforce data page
  • Redesigned pages implemented by Boston Scientific’s in-house engineering team

Quarry took on the project to redesign Boston Scientific’s DEI homepage and other internal pages, incorporating the use of Boston Scientific’s official design system named “Anatomy.” This design system played a pivotal role in the project, especially since it is not common for clients to maintain official design systems so meticulously.

We were able to leverage Anatomy’s sketch package, which acted as the design representation of the design system, maintained alongside the web UI, leading to a seamless design process. The redesign included the DEI strategy page and the workforce data page, which feature new infographics and charts that were both informative and visually appealing, using the Anatomy design system.

These redesigned pages are now live, showcasing the successful migration to the modern design system and the implementation of the new designs by Boston Scientific’s in-house engineering team.

This project not only modernized the DEI section of the website but also highlighted the effectiveness of utilizing a well-maintained design system in creating coherent and impactful and consistent UIX designs that can be shipped to production much more quickly.

Laptop showing the Boston Scientific Diversity, equity and inclusion page with 'Our approach' and 'Build Belong Advance' sections Laptop showing the Anatomy design system site with Accessibility, Tokens and Content guidelines cards under 'Explore the system'

Have a problem worth this kind of attention?

Start a project

More work