Making Checkout Accessible and Efficient
As a part of new EU regulations, make the checkout accessible. Optimize the booking widget and checkout to increase conversion.
Regiondo is all-in-one booking software made for tours, activities, and destinations that lets you sell tickets online, manage bookings, and connect with leading OTAs so you can grow your business faster.
Project Manager: Katina Beslot
Project Engineer: Max
Designer: Ishan Gupta & Nassim Laarmann
A checkout section needs to be accessible and efficient. To ensure this following points were kept in mind:
%20(1).png)
The latest industry trends and best practices helped us in research for booking widget and checkout section.
After analyzing some of the best checkouts and best practices we moved onto understand our competitors and how they have designed the user flow and UI of checkout.
Though the checkout section is for the end customers, our software only provides an api that can be embedded into the operators website. This leads to high variability and customization for different operators. To combat this we interviewed the support team, onboarding team and operators to understand there existing problems, and work together to find an optimum solution. It was hard to find operators/business owners because of availability but we could manage 3 in Munich and Milan with different scales of business.
Key Findings:
Regiondo is a B2B2C software to optimize business. The booking widget and checkout is an bridge from website to software. The API of the widget is embedded from the software onto the website. In order to blend in, these widgets are customizable to blend with the design scheme of the website.
The operator can change the color and font, in the back-end shop editor section, this is important so they can match it according to there own website design. This is something that has always been there but most operators failed to optimize it.
.png)
This extensive customization leads to no concrete color and font, as they can be changed by user. This leads to incorporate not only a new design but also Design a Service for operators (workshop) to teach them how to create an optimal design for their website.
Design an optimized system for a default setting for the operators to take inspiration from and if possible use the default settings.
Design a training for the customer facing team and a workshop for operators where they can learn about accessibility and also about tools that can help them.
Design synchronized options that change and provide recommendations to maintain accessibility. Presets of good practices. This is a long term work in progress solution.
The design for the booking widget and checkout was mobile first and was then translated to desktop view. Keeping the same design language and experience to bring familiarity for users.
A workshop and a step by step guide was created for operators that will be provided by customer facing team to existing operators and new operators by onboarding team. This workshop also included points to make there website more accessible by use of contrasting colors and typography. These points can be summarized in following steps:
The prototype was tested with operators and inhouse departments to get an understanding of the experience and feedback from both end customer point of view and also the business owners (operators).
Number of Participant: 16(Inhouse)+ 5(Operators)
Type of Test: Usability Test (User Flow Test)
Due to limitations with the time and dev team, the change in the booking widget were limited. To make the system faster and efficient following thigs can be done:
