Extra Time

Anyone who has watched a game of soccer knows that the last couple of minutes of a half usually have a lot of action. We wanted to make sure that we captured the extra time madness and highlight it so that someone looking at the stadium view would be able to tell quickly if something had happened in extra time. Here are some of the experiments that came up during the process:

The last two reminded me of a Wassily Kadinsky piece

During the experiments we ended up landing on this one

It did the job of showing the extra time without interfering too much with the rest of the scene. Only problem with is that we could not easily convey what those thick borders at the top and bottom of the circle meant. That’s when it hit us, what if the entire outer outline was the time indicator showing match progress? That way a person could only look at the stadium view and have all the information about the game without even having to look at the timer label.

At this point, the outlines showing the time were good but there was no way of easily explaining to the people what the significance of the different colours on the outline was. Problem stayed on my mind for a while and ended up getting inspiration for the solution from one of the most random places ever, NYC Subway train.

Looking at this plate on the floor sparked some ideas of what it would be like to have the labels on the lines itself. Started experimenting with the concept and eventually ended up with the current setup.