Case StudyWodify
No alternative text provided.

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

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.

presentation
presentation

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.

3. Results

No alternative text provided.

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.

No alternative text provided.

Contact Us

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.