This project is one of my favorites, since I was able to do it from the process of branding and visual identity of the app, as well as the prototyping and design of the app's interface. And all this in a project related to the world of football, which is one of my passions! I was able to combine my knowledge of branding and graphic design, my passion for digital products and working on one of my favorite sports, soccer!
THE LOGO
It all started with the design of the visual identity of the product. The most urgent demand to start the project was the need for a strong logo, simple but at the same time easy to remember, and that refers to the theme of the app.
After a series of tests, achieve this result by matching the shape of the S (initial of the name SPOT) with the round shape of a soccer ball. I chose the colors black and opaque yellow, strong colors, which stand out from each other, and at the same time generate contrast.
THE APP
Let's get to the fun part now, the app! To summarize what the main function is, let's say it is an app focused on the base of the sport, the young players.
The goal of SPOT is, by creating a profile in the app, with information, photos and videos of the young players, that a great network can be created to attract talents from an early age, often talents wasted due to lack of opportunity or visibility. With SPOT, soccers academies and club coaches have access to those young talents in a much simpler way, from anywhere in the world, facilitating contact.
UX - USER JOURNEY MAP
After this introduction, let's get to what really matters, the design of the app!
We start with the flow of the user in the app. There are four key users, the players, the agents, the managers, and the coaches. Each of the profiles has its own journey within the app, with shared functions and characteristics that are specific to their profile. This is the map made of the user experience in the app for each profile.
UI - USER INTERFACE
And finally we came to the design of the app's interface! Using the font and colors of the previously created identity, I started the design of the different screens of the app.
Client: Private investment group
Date: March / 2018
Softwares: Adobe XD, Adobe Photoshop
Thanks for watching!