With a desire to ease the ability to reserve Omega’s in-person and online learning workshops through their website, we set out to collect user experience data on the current site. In our research, we learned that the search page, though popular, had lagging conversion rates. Given Omega’s breadth of programming, we wanted to allow visitors to hone in on their interests across topics, locations, schedules, and teachers. We made UI updates adjusting order and layout informed by usage patterns uncovered from exploring the analytics data.
Omega Institute
A React App: Progressively Decoupled
![Two mobile phones showcasing Omega's scheduling capabilities featuring a React technology badge](/sites/default/files/2023-03/16_9%20%2813%29.jpg)
The Challenge
Build a platform that effectively allows site visitors to discover and reserve experiences quickly.
Our Approach
Research and discovery led to a progressively decoupled approach where we created an embedded React application for search.
The Results
Blazing fast interaction for users and richer features that website administrators can control. The improved search application converted better by 600%.
Data-driven decision making
![Omega old scheduling webpage](/sites/default/files/2023-03/Desktop-Contained%20%2815%29.jpg)
![Omega's new scheduling webpage](/sites/default/files/2023-03/Desktop-Contained%20%2816%29.jpg)
Progressive decoupling
Given Omega’s breadth of programming, we wanted to allow visitors to hone in on their interests across topics, locations, schedules, and teachers.
Taking a progressively decoupled approach, we replaced the Drupal search view with an embedded React application that has an app-like feel, interfacing with the speedy Apache Solr content directly while also accessing Drupal’s more robust and editable metadata for each piece of content.
![Decoupled headless Drupal infographic](/sites/default/files/2023-03/Frame%206.jpg)
![Traditional Drupal integration setup](/sites/default/files/2023-03/Frame%207%20%283%29.jpg)
![Omega online workshop scheduler](/sites/default/files/2023-03/Mobile-Alt%20%289%29.jpg)
The search application Savas built strikes the perfect balance of catering to our diverse audiences’ specific interest while showcasing the breadth of all Omega has to offer. We love it.
![Omega workshop and classes results page](/sites/default/files/2023-03/Responsive-Contained%20%2847%29.jpg)
Improve your digital experience
How your customers experience your brand digitally is as much a reflection of your brand as anything else. How can we improve it? Let’s discover how!