During our stakeholder interviews we wanted to make sure that each user from both the business and user perspective were accounted for. It was important that we didn’t assume the business side knew everything about the users, so we ran focus groups and brainstormed with the users to get their take on the best way they’d want this application to work.

During the UX process we created the personas and user maps to make sure the product flowed from the discovery of events to the booking and confirmations pages. Through it we came up with a fluid vertical scrolling booking process that step by step walks the user through the necessary fields to complete the booking. The user felt as though they were always on the same page and guided through the process. This allowed for a great user experience and high testing results.

To make sure we had all of the features and functionality that user are accustomed during their booking process, we analyzed 2 competitive event booking sites. Through this we discovered how to properly display mobile responsive calendars which hold multiple events per day. Lastly we made sure to address each checkout paths for events be it reservations, guestlist or ticket purchases.

When we setoff to create the applications user interface we were aware of the scope of devices we needed to address. It was important for us to make sure that no matter what platform the user was on they had access to this event booking service. We took the wireframes that we created in our UX phase and then collaboratively with the stakeholders marketing and sales team build a responsive user interface for iOS, Android, Tablet, Web.

Based on our user testing, the application needed to rely heavily on front end engineering to create the smooth single page fluid checkout system we envisioned. For this we decided to build this site in a MEAN stack and rely on AngularJS’s strong separation between logic and presentation which allows you to make UI presentation variants quickly while the underlying logic remains the same.

We wanted to utilize as much of the browser side functionality as possible so the user quickly go through the checkout process with waiting for screen loads. At the end we created a fast and unique experience that gave the user the feeling of being guided through their booking process.