SMI Trial
The Challenge

The primary challenge was migrating the application from Vue.js to React while maintaining full operational continuity for live clinical trials that could not be paused or disrupted. This required a thorough mapping of all existing features, a complete rebuild of UI components in React, and careful data migration planning to ensure zero loss of integrity throughout the transition. Any downtime or data inconsistency during an active trial would have had serious operational and regulatory consequences.

Role-based authentication had to be carefully designed to accommodate multiple distinct user types—research coordinators, data managers, and system administrators—while remaining fully compliant with healthcare data regulations. Alongside this, developing an admin panel that was both feature-rich and accessible to non-technical clinical staff presented a significant usability challenge: the interface needed to handle sensitive trial data with precision while remaining approachable for users without a technical background.

smi-trial-healthcare-trial-management
Our Approach
We designed the experience around clarity, elegance, and high performance.
Phase 1:
Strategic Migration Plan
Designed and executed a carefully phased migration from Vue.js to React, using a parallel-run strategy to validate each module before cutover—ensuring zero downtime.
Phase 2:
Secure Role-Based Access
Developed and implemented a granular, multi-level role-based access control system that restricts data visibility and action permissions based on user role—safeguarding sensitive healthcare trial data
Phase 3:
Admin Panel Development
Created a comprehensive all-in-one admin interface enabling authorised users to manage participant data, control user permissions, configure trial parameters, and access system-level settings—all within a clean, accessible UI
Phase 4:
Performance and Compliance Optimization
Enhanced data retrieval speeds, reduced load times, and reinforced security measures to align with healthcare industry standards.
Results

Successfully completed the Vue.js to React migration with measurable improvements in application speed, long-term maintainability, and scalability for future feature development

Enhanced data security through robust, granular role-based authentication—ensuring that sensitive trial data is only accessible to authorised personnel at the appropriate access level

Streamlined administrative workflows through a powerful, purpose-built admin panel that replaced manual processes and reduced dependency on developer involvement for routine tasks

Improved overall user satisfaction with a cleaner, faster, and more intuitive interface that reduced training time and day-to-day friction for clinical teams

Positive adoption across all user groups, with faster onboarding for new staff and a significant reduction in support requests following the migration

Company
SMI Trial
Category
Web App
Timelines
4 Weeks