AI-boosted Flutter mobile app supporting soccer clubs in training young players

case study ·

Apps

Mobile

Sports

ABOUT THIS PROJECT

A Polish start-up wanted to leverage the latest technologies to support professional soccer clubs in training the best future players. Their primary aim was to digitize the training experience by creating a mechanism that would let young adepts practice remotely.

The whole system allows professional coaches to drive the process, just like in a live training session performed by a professional soccer academy. Considering the complexity of the soccer training process and the number of various forms of training the app is supported by Artificial Intelligence.

What services did we perform?

01.
PRODUCT DESIGN

02.
Flutter development

03.
WEB DEVELOPMENT

04.
MAINTENANCE

05.
QA & TESTING

Project challenges

The main challenge of this project was to design a system in which the learning process is centralized, but mobile applications deliver data for the AI network to learn from. As the low cost of operations was the key, we had to apply a few rounds of optimizations to the AWS (Amazon Web Services) configuration to balance effiiciency with stability.

Client’s feedback says it all

Explore testimonials from our partners for an insightful view of our processes and work ethic.

Football platform testimonial background

Brian Flynn

Co-Founder

This team is hungry, sharp, "on it" and very customer-focused. I had no idea that I could find such great help from the other side of the world – especially a firm that could understand our product requirements even though I'm not a tech product manager.

Tomasz Stosio

Director of Payment and Currency Exchange Department

The team provided professional services that add value to the core functions of the business. They were fast and felt like our internal IT department, working the night when we were deploying important features. That was fantastic, and I'm happy they've worked with me.

SCOPE OF WORK

Understanding our client’s vision was the key to the whole process, as we had a chance to create an application that was meant to revolutionize how professional soccer clubs organize the training of young soccer adepts. Therefore, the application delivery was divided into a few phases.

01.

Product Design Workshops

The client had an excellent idea for the product but required complete technical advisory from our side. During the sales process, we recommended a solution for the application. We prepared a preliminary Product Architecture described in detail during our Product Design Workshop sessions with the client. Based on the conclusions from the workshop, we defined the core scope of the project and prioritized milestones and features. Finally, we have created a complete product roadmap with a detailed estimation of each milestone.

02.

UX/UI DESIGN

We started the UX design of the mobile application during the Product Design Workshops phase. We decided to start the UX/UI Design process from the Flutter mobile application User Interface. We worked in Design Sprints as the final idea was evolving during the process. As usual, we started with wireframes. Then, with the client’s feedback, they transformed them into low-fi and hi-fi mockups with micro animations and motion design.

In the next UX/UI design phase, we created a web application design for Coaches and Admins by repeating the same steps. We implemented the system using Ant Design components for the Web interface.

03.

AGILE DEVELOPMENT

We implemented and delivered the system in five months, while the expectations were to create the whole system in seven months. During the Development, we have followed standard Agile methodology. As a result, we have created the following deliverables

Flutter mobile app for iOS and Android operating systems

React.js Web application

Backend services implemented in Django/Python, integrated with and deployed to Amazon Web Service cloud

04.

MAINTENANCE

We are responsible for the maintenance of the system. The maintenance phase’s goal is to ensure that the application is up-to-date and attractive. During the maintenance, we were responsible for:

Implementation of system monitoring

Make sure that the application is up-to-date and attractive

Fixing critical and non-critical issues

Updating 3rd party libraries

Implementing needed changes and features

Core Features & System
Components

Have a look at some core features & system components we created during the Agile development process.

AI-based Dribbling Analysis

The algorithm analyzes live video training sessions, informs the soccer adept about critical mistakes during the training process, and aggregates training statistics. The app can detect posture, movement, and basic training patterns.

Soccer Training Program

After examining the users' needs and planning the basic functionalities of the application, it was clear that three separate panels should be created, covering end-users, trainers, and administrators. Each incorporates different functionalities and user permissions for other actions within the application.

The End-user Panel

The chat feature enriches gambling entertainment with lively conversations, making CrazyBet a social network center. Through the incorporation of unique avatars and the possibility of giving tips, we created a friendly environment, encouraging users to revisit, interact, and play games even more.

Gamification

It includes elements such as burning points that grow with each training and a progress bar presenting the points. If the user practices regularly, they progress in the skill tree and unlock challenges, but they can also get additional tasks from the coach. Moreover, thanks to the ranking, users can compare their achievements in the app.

Trainer's Panel

A soccer coach can log in to the system through the coaching panel. It allows them to view the whole group of players under supervision and receive and assess soccer drills finished by the users. In addition, coaches can send feedback on the elements that need improvement, assign additional training sessions or create an individual training plan. An essential feature for a soccer coach is to be a part of the community, thanks to accessing the player's list, ranking, and news feed.

Admin's Panel

Admins have their panel dedicated to managing roles and granting permissions for all user groups. For example, only they can add new users and assign them to the coach of choice. In addition, administrators have access to published posts, uploaded videos, and a preview of the user's list with full details.

result

Thanks to this revolutionary project, coaches and players can achieve better results in an easy and approachable way. In addition, talented soccer adepts that have not yet been discovered have a chance to demonstrate their skills and stand out from the crowd.

The most impressive aspects of CrustLab’s work were the level of technical expertise and ability to understand the project from a business perspective. They cared about our goals from the beginning, which helped us plan better and develop faster.