Case Study - Digital Solutions for Lonza’s Information Overload Challenge

Overview

Lonza’s Small Molecules department faced a significant challenge: key data was scattered across multiple web pages, creating barriers for sales teams and clients. Sales teams struggled to locate critical information quickly, while clients lacked an intuitive way information. The solution was a transformative digital platform featuring a decision-tree interface inspired by molecular structures, which simplified navigation and enhanced user engagement.

This innovative approach, combined with thoughtful UX design and cutting-edge technology, enabled Lonza to redefine how their teams and clients accessed and interacted with their resources.

Technical Approach

To address Lonza’s challenges, the project focused on creating a seamless blend of intuitive design and advanced technology:

• Decision-Tree Interface
  The decision-tree interface was designed to mirror molecular structures, providing a hierarchical navigation model. Users could navigate seamlessly from broad categories (molecules) to detailed specifics (atoms and electrons), significantly improving the accessibility of complex data.

• Strapi Headless CMS
  Strapi was selected as the headless CMS to enable decoupled development. This allowed the front-end and back-end to operate independently, facilitating agile updates and efficient content management.

• Three.js for 3D Visualisations
  Three.js was used to create dynamic, interactive 3D visualisations. This brought the decision-tree interface to life, enhancing user engagement and creating a memorable navigation experience.

• Hybrid Hosting Architecture
  A hybrid hosting architecture was implemented to meet Lonza’s strict security requirements. The front-end was hosted on Lonza’s internal servers for compliance, while the back-end leveraged an AWS instance to ensure scalability and optimal performance.

• Angular Framework
  Angular was selected as the development framework, providing the robust functionality and performance necessary to support the platform’s dynamic visuals and seamless user interactions.

What we did