Case StudyWodify
No alternative text provided.

Improving UX while Migrating from OutSystems Web Traditional to Reactive

Services

  • Design System

  • User Experience

  • User Interface Design

  • Front-End Development

  • OutSystems Development

Deliverables

  • Live Styleguide

  • High Fidelity Mockups

  • Improved User Experience

  • New app Features

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.

presentation
presentation

Design

Optimizing User Experience

Our design team collaborated closely with Wodify, conducting a thorough UI Audit to leverage the full capabilities of available tools. This audit allowed us to identify the necessary UI patterns to begin creating the design system. These strategic adjustments facilitated enhanced time management, ensured precise handovers between teams, and enabled timely deliveries.

No alternative text provided.

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 UI 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.

No alternative text provided.

The Results

Bound for Success.

Seamless User Experience

No alternative text provided.

Accelerated Development

No alternative text provided.

Reduced Technical Debt

No alternative text provided.

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.

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.