Frontend & CMS Customization for Healthcare | Regulatory & Quality Website

The world’s largest nonprofit organization for regulatory professionals in the healthcare industry. They support people working in medical devices, pharmaceuticals, diagnostics, and more offering education, certifications, career resources, and industry insights.

Objective

The goal was to enhance a key content module on the website by:

• Updating the backend in Kentico 13

• Improving the API integration

• Adjusting the React frontend All without disrupting anything that was already live and working.

Challenges & What We Did

1. Updating an Existing Page Type Without Breaking the Site

Problem:
The existing site was already live with tons of structured content. Making changes directly to the page types could break pages, cause data loss, or mess up the layout.

Our Solution:
We added new fields and layout options to the existing page type without touching anything already in use . Everything stayed compatible, and we even added validation rules to protect older content from breaking.

2. Backend API Updates Without Breaking the React App

Problem:
The data displayed on the front end came from APIs. If we changed how the data was structured, it could crash parts of the React site that depended on it.

Our Solution:
We updated the APIs to include the new layout field but added smart defaults so that if older pages didn’t have the new field, everything would still work as before. That way, the new layout options appeared only when needed.

3. Switching Layouts Dynamically in React

Problem:
The frontend needed to support two different layouts. But there was no way for the CMS to tell React which one to use.

Our Solution:
We enhanced the React components so they could read the layout type from the API and adjust the design automatically. We also made it easy to add more layouts in the future by keeping the code flexible and reusable.

4. Making It Easy for Content Editors

Problem:
We needed a way for non technical editors to pick the layout (two column or full width) without writing any code.

Our Solution:
We added a dropdown field inside the Kentico admin panel. Editors could simply choose a layout type when creating or editing a page, and that selection would automatically shape how the content looked on the live site, no developer help needed!

Results

• New layout options (two column & full width) were added successfully

• No disruption to the existing site or data

• Editors can now easily control layouts from the admin panel

• React components respond dynamically and responsively based on layout selection

• The client was very happy with the flexibility and seamless rollout