Sport Check - App
What sort of Sports app project would this be if I didn't design/create the app itself? I wanted to take it step-by-step so I started with designing and creating the loading/landing page.
The design process before creating each of the assets and starting with Adobe XD
The first thing that I felt motivated to make was the loading screen for the app, which involved taking the existing animation from the ident and putting it on top of an After Effects project with the correct dimensions for an iPhone. I also added a loading icon that is the same size and shape as the 'O' in 'Sport Check'.
I knew how I wanted the home screen to look: live scores from the top 5 leagues and the most recent news updated, so people had quick access to the information they needed. I was then able to create the assets I needed for the homepage in Photoshop and Illustrator.
Cretaing the assest that I needed meant that I was then able to design each of the pages in Adobe XD. Doing so meant that I would be able to run the app on my phone in real time to see what it looked and felt like.
The page that took the longest to create was the individual match stats page. It involved to many small aspects, like graphs and data, to work and look how I wanted it to so it took a few more extra sketches to get it looking how I wanted it to.
This is a run-through of the final app and what it would look like if it were to be loaded up onto an iPhone.