Eola builds technology for the leisure and experience industry. They mainly make money off their widget: a powerful Iframe handling complex bookings.
Eola’s old booking experience had become clunky and outdated, costing them revenue. They decided to rebuild it from the ground up.
Research
Engaging the audience
Eola stay close to their users. In a week, we ran dozens of calls and tests to learn about them, the product, what works and what should be improved.
--
Instructor
"We’ve never used class passes before."
--
Owner
"If the organiser's name is wrong, it prevents us from doing anything with it."
--
Instructor
"Your current widget isn’t the best-looking one, but at least everything is visible on one page."
--
Instructor
"From a legal standpoint, it's not strong to have privacy policies and disclaimers at the end of the checkout."
--
Center
"We run a lot of activities, and the problem we’ve had with our website is that it was getting overcrowded."
--
Owner
"Many people get confused by vouchers and don’t notice the 'I have a voucher' option right away."
--
Instructor
"We run a lot of activities, and the problem we’ve had with our website is that it was getting overcrowded."
Profiling
Defining users
We used all these conversations to break down users into categories. Three types of ticket buyers, three types of professionals, each with their own needs.
Consumer 1
It’s a passion
"I am more likely to book spontaneously based on free time or weather conditions."
Consumer 2
It’s an experience
"I don't have a specific activity in mind, so I'll decide based on what I find online."
Consumer 3
I am a parent
"I want them to be safe and confident that I'm signing them up for quality activities."
Client 1
I own a small center
"My business is just enough to keep me going. No need to scale it, I’m good with how things are."
client 2
I’m an instructor
"I’m not running the show, but I’m pretty hands-on, definitely involved."
client 3
I'm a large business owner
"I run a large leisure center that brings in millions a year, I am picky about my booking system."
Ideation
Learning, sketching, repeat
We turned what we learned into daily sketches and wireframes, testing them with each new user and refining as we went.
--
Instructor
Looking for practical information straight away, like an FAQ, for example.
--
Instructor
"We use double kayaks. It's useful for us to meet the minimum number of people required for booking."
--
Consumer
"I expect to see all information related to the centre, the equipment, more images, and reviews."
--
Consumer
"Are refreshments provided, or should you bring your own food?"
--
Instructor
"If it’s going to be a long page, I’d like to see some kind of bar that makes all the content accessible."
--
Owner
"Price is the most important. What am I doing? Anything else (location, reviews, etc.)?"
--
Consumer
"I’d love to be able to filter activities by location."
Validation
Leveraging prototypes
I built prototypes to test each flow, watching users move through it and share their thoughts along the way.
Leisure centres needed the experience to align with their brands. I made it sleek, but not over-the-top, while keeping it enjoyable and modern.
The challenge was making it easy for users to find and view all the products each partner offers, whether they’re searching or browsing, on any device.
A stronger discovery experience
Users see an image-based list, designed to inspire and help them find products faster. The layout adapts based on how many items are available.
Powerful filters
Activity, duration, and availability. Simple, but powerful. Great for both inspiration seekers and those looking for specific activities.
When booking a time-set activity, configuring a time slot is tricky. It needs to be simple, with just the right amount of space and clarity.
All-in-one calendar
The calendar is a key component. I designed it to show not just dates, but also availability and duration, all in one simple interface.
scalable components
All time-related components are built to handle different kinds of informations, from simple slots to intricate membership setups.
We solved the partner's issue with complex post-checkout processes, integrating it into the flow to make the experience easy for users.
adaptive checkout
I designed the checkout to handle complex voucher systems, adapt to country-specific payments, and work seamlessly without requiring a login.
a full post-checkout flow
I worked closely with partners to design a post-checkout system that guides customers through important forms and disclaimers.
The widget was a success with both leisure centers and consumers. It boosted conversion rates while solving key challenges for business owners.