Background One such trusted assistant that gives you all that you desire and more. It takes you to your dream destinations, brings to you the best of fashion available in the market, assists you in your finances, provides you with the chance to pursue your desired lifestyle, and all this is coupled with amazing cashback offers. With this, you will be less Busy and more You.
The Idea was to Design & Development a Voice Bot & ChatBot solution that allows end-users to do flight ticket booking, hotel booking, etc. in an interactive way. This product was for the Bolivian market initially, and then later, it was supposed to launch in other countries like the US, Canada, Japan.
Looking at the requirements, I started doing some research to find if there is any similar product. I didn’t find any product which was similar to our requirements though there where few who had a voice and chatbot but those were more on the searching flights and not asking the user all information and show a list of flights to book. And these products where prototype versions just as a concept and not the production version.
Initially was for the Bolivian market. The client requirement was to have optimized login, display travel time on the map, and focus on cashback. So this requirement of showing a map was a challenging task because any air ticket booking app has a lot of information to display. So I have to fulfill both the requirements for keeping client and user both in mind in this project.
We went with the first version, which includes a map but that is visible only when user wants to see. Then we did one more version where the map covers 70% of the screen, and 20% was the flight information. Still, the solutions were not user friendly. Again I come up with one more version where the map covers 40% screen, and flight detail covers 60%. For flight booking apps, we have to follow the conventional list view design to view the flights. So we tried to put both on the same screen and allowed the user to hide the map if willing to view more flight lists.
We did some brainstorming on the wireframe, and our initial designs were on paper, and then we developed digital wireframe in Adobe XD for our customer to review. Our major challenge was to have a map as well as the list of flights.
What I learned while working in this project was that we had hard time-solving issues to show the world map and flight list in a single screen along with other features. After running through a few iterations and discussions, we came with the solution to show both in a single screen but to hide Map when the user scrolls to view more flights.
This was a unique project in its own way, and I really enjoyed the design challenges faced and came up with the right solutions.