Case StudyWodify

Improving UX while Migrating from OutSystems Web Traditional to Reactive

Services

Design Services
User Interface Design
Responsive Interface Design
Front-End Development

Deliverables

Live Styleguide
High Fidelity Mockups
Interactive Prototypes
Responsive Front-End

Platform

OutSystems

Client

Wodify

Each obstacle became a stepping stone, propelling us to push our limits and successfully lead the transformative conversion.

Our Challenge
A Complex Migration.

Wodify, a leading all-in-one gym management software platform serving over 5000+ gyms globally, faced the challenge of migrating their extensive application from OutSystems Traditional Web to Reactive Web Apps.

The platform consists of hundreds of pages, demanding a nuanced, strategic approach to the migration. Partnering with Mediaweb, Wodify accelerated the transition without sacrificing any feature development or compromising on their existing user experience.

Our Solution
A Phased Approach Leveraging Expertise and Technology.

1. Enablement - New UI

Mediaweb leveraged its product Rocket UI, an advanced UI framework that extends OutSystems' capabilities, to create a new, reactive version of Wodify's Design System. The new system combined OutSystems UI as its base while integrating Rocket UI for advanced components, layouts, and templates.

HIGHLIGHTS

Development of a comprehensive Design System Management tool
Theme customization and component auditing for consistency
Seamless transition for users through Single Sign-On integration

2. Gradual Migration

The migration was conducted in parallel with ongoing development, thereby minimizing disruptions.

MIGRATION STEPS

Identification of low-impact modules as proof-of-concept candidates

Redesigning pages with performance or UX issues

Strategic selection of other pages for migration based on the opportunity or necessity for improvement.

The Results
Bound for Success.

Seamless User Experience

Accelerated Development

Reduced Technical Debt

3. Results

Seamless User Experience: By ensuring a consistent UI across both Traditional and Reactive Web Apps, Wodify could offer a seamless user experience.

Accelerated Development: With the new Design System in place, Wodify's team could develop new features in Reactive while gradually migrating existing features.

Reduced Technical Debt: By stopping the development of new features in Web Traditional, Wodify effectively curbed the growth of technical debt.

The collaboration between Mediaweb and Wodify serves as an exemplary model of how complex systems can be migrated to OutSystems' Reactive Web Apps with minimal disruption and maximum benefit.

Design
Optimizing User Experience

Our design team collaborated closely with Wodify, conducting a thorough UI audit to leverage the full capabilities of available tools. These strategic adjustments facilitated enhanced time management, ensured precise handovers between teams, and facilitated timely deliveries.

Is your business currently facing a similar challenge to the one described in this case study?

Don't wait any longer. Our experienced team is prepared to assist you in developing a solution that perfectly aligns with your business requirements.

Get in touch with us