I wanted the user to be able to visit a certain player or team page and get access to the information they're looking for directly on the first page 90% of the time. For this I created boxes of structured information that can all be seen at a glance with important information highlighted with a slight accent color. The width of these boxes also makes a perfect mobile layout where the user can just scroll to see the boxes with no information obscured or removed.

Similar to the player and team pages, I wanted the user to be able to visit an event page and get access to the information they're looking for directly on the first page 90% of the time. For this I created boxes of structured information that can all be seen at a glance with important information highlighted with a slight accent color. The width of these boxes also makes a perfect mobile layout where the user can just scroll to see the boxes with no information obscured or removed.

Just in case the Universal Search wasn't able to get the user the result they were looking for, I created advanced search pages for all three categories. These pages feature infinite scrolling and powerful search filters so the user will always find the result they are looking for.

Match pages turned out to be one of my proudest parts of the arcadia design. I originally didn't know how I was going to fit the entire design nicely on a mobile screen. One of the pain points I faced was accounting for long team names on a smaller screen without wrapping the text to a new line. The text would always Collide with the other or go off the screen. This is how I came up with the tooltip design. They are placed on opposite sides so that even on smaller screens you can still read all team names without them colliding or interfering with team logos at all. My next challenge to overcome was getting scores to fit on mobile layouts. I overcame this by making the scoreboard simply in a column direction so the entire box could just be resized from the sides inwards.