Client case eye4talent

The Client

Classification: Football talent development platform

https://eye4talent.com/

Service type: ongoing collaboration

Eye4talent provide a talent development platform for football clubs that serves as an internal system and a database for football staff and players of the club. The company digitalised the coaching and decision making processes for clubs by providing digital solutions with a wide variety of features which help to record, manage and train football talent, scout for coaches and team players, and help managers make decisions with analytical tools. The most used feature is the video analysis where the football matches are uploaded for coaches to give digital feedback to the players. The database with players’ characteristics and evaluation is also widely used in order to combine teams and track talent development.

Eye4talent is a subscription-based platform for clubs and football organisations. It operates on the Danish market and has recently expanded to Sweden and Belgium.

The Project

We received an order from Eye4Talent for frontend development. We had to collaborate with their developers that had already built the backend in order to develop the “Team page” and all subpages that contain information connected to football club matches, practices and activities, as well as, general internal news of the clubs that have the subscription with Eye4talent.

The features that we had to develop for the page included the document sharing system for the users, analytics of the match, line up set up for the match, player performance tracking, and notes sharing before and after the game. The page also had team category filters (by age group).

The client described all the features and the way they have to function precisely. We had to follow strict guidelines and tight deadlines.The goal was to have a working product MVP product as fast as possible.

We received an order from Eye4Talent for frontend development. We had to collaborate with their developers that had already built the backend in order to develop the “Team page” and all subpages that contain information connected to football club matches, practices and activities, as well as, general internal news of the clubs that have the subscription with Eye4talent.

The features that we had to develop for the page included the document sharing system for the users, analytics of the match, line up set up for the match, player performance tracking, and notes sharing before and after the game. The page also had team category filters (by age group).

The client described all the features and the way they have to function precisely. We had to follow strict guidelines and tight deadlines.The goal was to have a working product MVP product (Minium viable product) as fast as possible.

The Approach

When we first started, Eye4talent wanted to develop the additional page in AngularJS because they already had a developer who made 5% of the “Team page” in this framework. We suggested to change to React or a newer version of Angular, but because of the MVP principal we kept on going with AngularJS.

We started out with the Overview of matches, practices, players, and related documents. Our team made 6 different overviews of players, 4 subpages of events overview, video uploading module, and various filters and extra features.

We did the visual display by using SCSS which is compiled to CSS and used AngularJS and pure Javascript to manipulate the data and visualise it.

Players subpage

1. Onboarding

We created an ‘Onboarding’ view for the club owner and managers in the club to assign pro membership to the players  that enables  deeper analysis for each player. In this view they also choose whether the club pays for the pro membership or the player.

Eye4Talent client case

2. General info

Then we created a ‘General info’ view about all the players in various team groups. This view displays the general information of the players: names, preferable position, height, age, birth date, etc.

Eye4talent Case study, General info view

3. Assesment index

The ‘Assessment index’ we developed has a quick overview summary of the last 4 games for different players.

After every match coaches evaluate players depending on their performance. Basing on these evaluations, the average assessment index is calculated for each player.

Eye4Talent case study, assessment index of football players

3. Assesment index

The ‘Assessment index’ we developed has a quick overview summary of the last 4 games for different players.

After every match coaches evaluate players depending on their performance. Basing on these evaluations, the average assessment index is calculated for each player.

Eye4Talent case study, assessment index of football players

4. Performance clock

This overview of the players we created displays how active they are on the platform and on the filed, commenting on the coach assessments and taking part in practices. It also displays how many analysed matches and how many injured days the players have.

Eye4Talent case study, performance clock

5. Match data

‘Match data’ overview displays relevant information about a football match: the players, the positions, the goals scores, assists, the cards each player received and so on.

Eye4Talent case study, GS & Partners

6. Selection

This overview contains information about the last 5 games: the name of players, amount of minutes played, and how many positions each player covered.

Eye4Talent case study, GS & Partners

Events

This section displays all football events like a football match or practice.

It gives and overview of all the future and previous matches, practices and tests where you can see how many matches were or will be played, who was or will be playing, and how many minutes the match or was.

Eye4Talent case study, event overview 1

We made a real-time filter functionality to choose whether you want to see al types of events or only matches or practices.

Eye4Talent case study, filter function

We also added the functionality of creating an event.

Eye4talent client case, football match event creation

Later on, we added a match overview module in a video format with a possibility to upload video files through Vimeo or directly to the website’s library. For that we used third party library to be able to upload big files to AZURE. A special plug-in takes big files and chunks it up in smaller bites and then uploads smaller bites at one time. If we haven’t done that, the website would have crashed.

Eye4talent client case, video preview view
Client Eye4Talent, video upload options
Eye4Talent client case, video embedding from Vimeo.
Eye4Talent client case, video upload to the platform

Team data

As one of the last steps, we made UI for the coaches to create line ups for the match. We also developed various algorithms to make it easier to make a line up quickly. For instance, we made the it possible to see first and second preferable positions for the football players. If it was most preferable, the player would have a gold star, and if second – then he would have a silver star. 

Eye4Talent case study, team data view
web development service for Eye4Talent

Achieving maximum atomisation was our goal. So, we created algorithms that enable to choose a player and have a supervisor and an analysis focus automatically assigned based on the initial portfolio of the footballer. 

Player attendance

Player attendance sheet is meant for keep the input and store  info about the player’s performance at the match. It includes participation time, goals, yellow cards, etc.We created a filter to choose to see some or all of the performance measures.

Portfolio: Eye4talent, player attendance.

End Result

With a new frontend we achieved a better visualisation of the services and improved performance. In general, we updated the whole digital identity which was previously outdated and improved UI and UX. Everything we developed made it easier to use the platform overall and improved speed of the actions performed at the platform. Compared to the old product, the team page is now up 15 times faster. The complex algorithms and filters we introduced for the forms made it easier for coaches to fill out information.

Have a similar project in mind?

Kontakt os