Regiondo Logo

Order Options

Providing Custom Customer Experience

Design Brief

As a part of refactoring of the complete Regiondo software, Order options needed to be updated with the new design guidelines. In legacy version order options is divided in two parts one for POS (point of sale) and Online shop, the functionality is same it is just to help user customize further on both fronts, this need to be optimized into a single branch instead of two different branches.

About Regiondo

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.

Team Members

Project Manager: Katina Beslot
Project Engineer:
Max
Designer:
Ishan Gupta

My Role

  • Update the design according to new design system as a process of refactoring.
  • Identify pain points and needs of the users.
  • Merge both section of order options and streamline the feature.
  • Indentify the location for the order options to be placed after refactoring in the navigation tree.
  • Design atoms, molecules and organism as required and contribute to design system.
  • Test the solutions with eligible users.

Preview

Here is a glimpse of the of the stream main screen transition from the legacy version to the new library based version.

Mockups

Understanding Order Options

Order options is used by user to set questions that are supposed to be asked in contact information to provde a personalized experience or get important information.

A typical method of a shopping section comprises of three steps, Cart, Contact Information and Payment.

How does operator interact?

Here is a simplified version how the user selects questions for the products. This has to be done twice for each product for POS (point of sale) and Online shop:

User Flow
sample page

A typical section filled by customers.

Ties with Checkout

After a thorough understanding of the stream, and testing it multiple times to try most scenarios. I decided to go conduct interviews of different stakeholders to get different perspectives and pain points.

Usability Test (Self)

Understanding the existing user flow to empathize with the users, and finding out shortcomings.

Manage, replicate different scenarios and go through the stream to understand the fundamentals.

user flow 2

The user flow for the B2B Order Options stream.

User Interviews

Onboarding & Support Team

  • How often do we receive calls/inquires related to order options? and at what frequency from same operator?
  • How often is the this feature used by the Operator?
  • What features are used alongside Order Options to support the offers by operators?

Operators (Customer)

  • How long does it take to link the feature with product?
  • How often do you make changes to questions for products?
  • Can you please share your experience using the feature Order Options?
  • What are the features in order options that are missing that you would like to add?
  • How often do you make changes to the questions in order options for the offers?

Project Manager

  • What is the business goal for refactoring the software?
  • Why do you want to merge POS and Online shop order options in a single branch?
  • How important is order options for the operator?

Order Options: Served well before, long due to update.

The software was designed more than a decade ago, businesses now need more options and control to provide more customized service to their customers.

Core User Problems

repeat

Inefficient Process

The user has to do the same process for each product once for Online shop and for POS.

setting

Less Customization Option

Lack of customization leads to longer checkout section lowering conversions.

upload

No uploading option

Operators have to contact customers to get required information like DL, passport etc.

  • The legacy design is old and doesn’t match the new design system or the companies identity.
  • Option to have custom question printed on ticket.
  • Order options is at a different place than offers due to which it is hard to remember about the function but it is equally important.

Collecting Ideas to build a Solution

In order to find the optimum solution, the core functions we need to recognize are:

Library: An optimum solution

After defining the problems, and focusing on a structured solution a new user flow was designed to incorporate the feedback and solve problems. This initial ideation helped to share ideas with stakeholders and get a feedback on solution. This was then followed by a brainstorming session with different stakeholders.

user flow 3

Brainstorming Workshop

Members Involved: Developers, Designer, Customer Facing Representative and Product Managers

After incorporating feedback and newly found insight and data a new user flow was created.

Updated user flow

How does the new Library system work?

Figma was used to design and prototype the design as per the new user flow.

Order options has been transformed into a library from an individual product based system. This change enabled user with following benefits:

  • User didn’t have to make repetitive action for each product making the process efficient and time saving.
  • Since the function was in library it was easier for user to remember and assign products when creating a new offer.
home mockup
mockups

Prototype

A prototype was designed, with figma with a medium fidelity design. This was done to test with users with a set of actions they were spposed to perform.

prototype

Users love new design.

Prototype of the user flow was tested inhouse and with selected operators to get a feedback regarding the experience and understanding of the complete process.

Qualitative Test

A-B-C Test

80% of the participant preferred segmented control over dropdown. Checkbox was the most unpreferred method as users found it un intuitive. Each user was presented with only one set and then after a short interview the other two options were shown to understand the preference.

A-B-C test base difference

User Flow Test

90% of the participants preferred the new user flow with library saving time and adding further more customization.

A-B-C prototype

Conclusion

UX Impact

  • Library allows easy customization for user to make changes to multiple products at once.
  • Minimizing time to setup order options for products increasing efficiency.
  • Providing more customization can help optimize the checkout section.

Lessons Learnt

  • Customer support team should have been added ahead to incorporate there problems.
  • Since order options is directly tied with product, if this part was taken into timeline before, this could have been tied with product creation itself to save time in setup and removing the step to go to this section separately after product creation.
  • Testing of the new user flow could have been done with further more operators, with different businesses and different number of offering.

Here are some of my other projects:

Want to know more?
A short call goes along way.
Reach out at ishaninde@gmail.com