The brief was to create a single medal table that would work responsively across all screens and devices and be reusable for the many events the BBC covers.
From the user research of the 2012 Olympics medal tables, it was key to streamline the design, making the data accessible, easy to read, and engaging.
Designing mobile-first allowed me to tackle the challenges of space restriction. It was important to ensure that the same data and information would be available to all users - regardless of how they would access the medal table.
After several design iterations and user testing, a tabbed approach was created to allow users to switch between medals 'By Country' or 'By Sport'.
After establishing the table structure, I worked with the developers and explored the visual styling further. The design included country flags and sporting icons at a device width of 320px and above. An additional feature included using a row highlight colour to give the user's home country prominence.
The medal table can be reused for various events including the Winter Olympics, Olympics, Commonwealth Games, and beyond.