Life sciences and technology home page design for 908
Life sciences and technology website design for 908
Safety and security website design for 908
Life sciences website resource center design
About page design for life sciences and field forensics website
Custom blog design in WordPress

Project Services

  • Design & Development
  • WordPress

Awards Received

A high-tech website for Safety & Security / Life Sciences markets.


908 Devices’ site has grown and changed over the years with Metropolis. We created all of the illustrations and custom icons in addition to shooting custom photography. Everything in the new website design is content managed via WordPress.

908 Devices is bringing the powerful capabilities of Mass Spectrometry out of the confines of centralized facilities and mobile laboratories. They make battery-operated, handheld, chemical detection tools, rugged enough to exceed military standards and trusted enough for immediate action in the field.

Animated Illustrations

Telling a story quickly

To help promote the launch of 908 Devices’ new product, we created custom animations coded in Javascript using SVG.js that start animating once the user scrolls to them. The animation tells a story faster than having to read it, while adding interest and quality to the customer’s experience on the site.

Interactive resource center with videos, whitepapers, and case studies
Dynamic Resources

A resource center for every product

By loading only the relevant resources on the product pages, customers can find what they need easier and quicker. The system will expand as new items and categories are added. The sidebar also offers a quick “How to buy” option. The resource center is integrated with the client’s CRM, Pardot.

Technical illustration diagram design
Custom Illustrations

Technical diagrams with specific messages

Designing a technical diagram requires collaboration between the engineer and the marketer. They need to quickly explain a concept without divulging intellectual property. The designer’s job is to simplify the concept for rapid understanding of the diagram, and to keep it all on-brand.

Salesforce Pardot CRM integration with WordPress
CRM Integration

Working with different APIs for lead-generation

From Salesforce to Pardot, Metropolis has been able to balance their API functionality with the content-manageability and customization options WordPress allows us. Forms from lead-gen sources on the site are fed into Salesforce and Pardot. Document access is also tracked in the back-end. This gives their marketing team a granular look at how their customers interact with the different offerings on the website.

The Results

The Communicator Award
Website Award

908 Devices has a flexible, content-managed website that has evolved from zero to many products. We have been able to adjust page layouts, menu options, and home page revisions to keep the client’s messaging current and on-brand over the years.


Metropolis Team Working From Home - boston web design agency

Interested in starting a project?

Tell us a little (or a lot) about what you’re looking for. We can answer any questions you have about our process, timing, and recommended next steps.

Use our project planner

Browse Similar Projects