An eCommerce Tool to Order Meals during Sports Games

Project overview

Andersen delivered a unique solution for sports fans, enabling them to order meals during games with ease. Working closely with the Yonoton team, Andersen envisioned and built a simple and intuitive solution to enhance the experience of attendees of sports events and matches. The project, which lasted 60 months, utilized technologies such as Jira, TestRail, Confluence, Firebase, Figma, Bitrise, Git, and JavaScript.

Challenges

• Increased risk of unnoticed defects at the production phase due to the absence of testing;
• Due to the lack of internal expertise, the customer required Andersen’s assistance in automating the QA processes for their iOS and Android development.
• Support of the app on various iOS and Android devices without crashes.

Solutions

• Introduced a QA team of Senior QA specialists into the client's project to set up the testing process and activities for defects prevention to production. QA workflow was included in the SDLC process, tuned communication between Dev & QA teams.
• The testing was carried out on every required device (iOS and Android). All features were covered with test documentation. We have set up and are keeping the knowledge base in Confluence up to date.
• Set up automation testing process, configured TestRail integration with CI system and Jira for a clear vision of test coverage of every feature.

Project results

• An informative and user-friendly website that effectively communicates the organization's mission and values, matching the highest possible usability standards;
• A 37% faster page speed, which ensures a seamless and efficient user experience;
• A fully responsive and SEO-friendly website ensuring consistency across all browsers and devices;
• Seamless payment services integration.

Customer review

UX-research

The customer came to us with a request to build a mobile solution that would help fans order food and other products without wasting time standing in long queues. Our specialists suggested to take it a step further and develop a time-saving application that would allow users to order snacks easily with few clicks so that they can enjoy a sporting event, without distracting too much on the ordering process. To achieve this goal, we worked hard on a scheme of the ordering process and the ways this process can be optimized.

UI-system

Our dedicated work resulted in a mobile app product that allows ordering meals, drinks, promotional products, and even tickets to a match with a couple of clicks, spending on average around 3,5 minutes on the order. Each step, from signing in/up to scanning a QR code is optimized. The simplicity of use is also achieved by a user-friendly interface with soft colors, minimalistic icons and buttons, cards, and proper allocation of these elements on screens.

Colors

Iconography

Buttons

Switches

Inputs

Notification windows

Start screens

Since the aim of the app is saving time, the registration and log-in processes are expected to be quick too. When signing in, the user enters their name, password, and email in case the password needs to be restored. The app remembers username and password, so next time, it will provide access immediately without authorization (or will require the password only).

Guide

When the application is launched for the first time, it demonstrates a short user guide. Ordering with the app is as easy as pie: the user merely needs to select food or an item and scan a QR code on an armrest to confirm the order.

Home and menu pages

As promised, we ensured the process of choosing food was optimized. On the home page, popular food and items, food recommended based on the previous orders, as well as deals of the day are displayed so that the user can choose and order something directly there. To see more offers, one needs to open the menu on the top bar at the bottom of the page. On the menu, the food and other items to be sold are sorted into categories; besides, the user can find a meal to order on the brands' tab.

Catalog and product card

Food and beverage items are shown as cards, with images and prices, that can be filtered. After clicking on a card, the user can see more detailed information about the chosen product and either buy it or put it in the cart.

Checkout

There are two ways to receive the ordered items: delivery to your seat or collection from a fast-track check-out point. To have the food delivered, the user needs to scan a QR code on the armrest, and the system will automatically identify the user’s location. If the fan decides to pick up the order, the app displays the time when it can be collected and shows the location of the fast-track check-out point on a map.

Scanning page

The QR code scanning page. After the scanning, the application displays the details of the fan’s location. In case of an error, the system suggests trying again or entering the location manually.

Payment page

The uses can pay for the order with cash or a plastic card. We introduced the possibility to add several payment cards to the application. Having deep experience in E-Commerce, our engineers took all reasonable steps to ensure all payment transactions are secure.