Client
FIFA – International Federation of Association Football, Zurich (CH)
Context
The World Cup is the main FIFA event, the one in which the organization really flexes its muscles to bring to life the football passion in its truest form. For Brazil 2014, the International Federation of Association Football required a brand new responsive website, with the aim of further strengthening its position as the official global voice of football.
Challenge
In just 10 months FIFA wanted a mobile-first, brand new design. The website had to integrate several third parties applications (mainly sponsors and partners). It also had to put FIFA live statistical data system front and center for an immersive experience, and prioritize several live blogs during matches. Everything had to be integrated in a unique sport-specific content management system.
Solution
A robust, wide Design System was the backbone of the about 17.000 pages of the event website.
As the first step, beside benchmark analysis and best-practice explorations in both the same and different fields, a huge content architecture map was designed and discussed, as base of a navigation reorganisation and rationalisation.
Then, a number of wireframes and prototypes was prepared for discussion with stakeholders (Federations, sponsors) and user testing, sprint after sprint. In parallel, visual designers defined the UI and compiled the UI design System.
During the development and UAT process, with AGILE approach, a complete assistance and support was granted, aside the quality assurance and final approval phase.
The Design System and the navigation pattern was then ready for the FIFA main website redesign.
Acknowledgements
Webby Awards 2015 – FIFA World Cup Brazil 2014 Official Website – Official Honoree, Sport Website 2015
Numbers
10 months from assessment workshop in Zurich, to deploy on production
150k unique visitors in the event period (31 days) (source: FIFA)
8 designers team
18 developers AGILE team
Video