Justin Freiler - Design Director

NFL Pro is a cutting-edge responsive web application designed to revolutionize how NFL fans engage with game data. Leveraging the power of the NFL's NextGen Stats, the platform provides fans with unprecedented access to advanced metrics and insightful analysis. Beyond simply displaying data, NFL Pro aims to be the premier online destination for game predictions, utilizing sophisticated algorithms to offer fans the most informed perspectives.

Process

As the lead designer for NFL Pro, collaborating directly with the NFL's design and development teams through Sisu Media, the design process centered on creating a rich and intuitive user experience across a multitude of screen resolutions, including desktop, tablet, and phone. A comprehensive custom design system was established to ensure visual consistency and scalability across the platform. Detailed user flows were meticulously crafted to optimize navigation and data consumption. Close collaboration with UX architects and developers was paramount to ensure seamless integration of the complex data and features, as well as a smooth hand-off for implementation. Key features addressed during the design process included intuitive game day previews, comprehensive team and player pages featuring in-depth statistical breakdowns, and the innovative NFL Film Room. The Film Room presented a unique challenge, requiring a user-friendly interface to access and filter All 22 player footage from every play since 2016, with robust filtering options for player, play formation, yardage, scoring plays, and down.

Process

As the lead designer for NFL Pro, collaborating directly with the NFL's design and development teams through Sisu Media, the design process centered on creating a rich and intuitive user experience across a multitude of screen resolutions, including desktop, tablet, and phone. A comprehensive custom design system was established to ensure visual consistency and scalability across the platform. Detailed user flows were meticulously crafted to optimize navigation and data consumption. Close collaboration with UX architects and developers was paramount to ensure seamless integration of the complex data and features, as well as a smooth hand-off for implementation. Key features addressed during the design process included intuitive game day previews, comprehensive team and player pages featuring in-depth statistical breakdowns, and the innovative NFL Film Room. The Film Room presented a unique challenge, requiring a user-friendly interface to access and filter All 22 player footage from every play since 2016, with robust filtering options for player, play formation, yardage, scoring plays, and down.

Process

As the lead designer for NFL Pro, collaborating directly with the NFL's design and development teams through Sisu Media, the design process centered on creating a rich and intuitive user experience across a multitude of screen resolutions, including desktop, tablet, and phone. A comprehensive custom design system was established to ensure visual consistency and scalability across the platform. Detailed user flows were meticulously crafted to optimize navigation and data consumption. Close collaboration with UX architects and developers was paramount to ensure seamless integration of the complex data and features, as well as a smooth hand-off for implementation. Key features addressed during the design process included intuitive game day previews, comprehensive team and player pages featuring in-depth statistical breakdowns, and the innovative NFL Film Room. The Film Room presented a unique challenge, requiring a user-friendly interface to access and filter All 22 player footage from every play since 2016, with robust filtering options for player, play formation, yardage, scoring plays, and down.

Execution

The execution phase of NFL Pro involved bringing the intricate design system and user flows to life across all targeted screen resolutions. The responsive design ensured a consistent and optimized experience whether fans were accessing the platform on their desktop, tablet, or mobile devices. The game day previews were designed to be visually engaging and data-rich, providing fans with key insights before each matchup. Team and player pages offered a deep dive into performance metrics, presented in an easily digestible format. The NFL Film Room was a significant undertaking, requiring a carefully considered interface to allow users to efficiently navigate and filter the vast library of All 22 footage, empowering them to conduct their own in-depth analysis. The successful execution of NFL Pro resulted in a powerful and user-friendly web application that significantly enhanced the way NFL fans interact with and understand the game through the lens of advanced data.

Execution

The execution phase of NFL Pro involved bringing the intricate design system and user flows to life across all targeted screen resolutions. The responsive design ensured a consistent and optimized experience whether fans were accessing the platform on their desktop, tablet, or mobile devices. The game day previews were designed to be visually engaging and data-rich, providing fans with key insights before each matchup. Team and player pages offered a deep dive into performance metrics, presented in an easily digestible format. The NFL Film Room was a significant undertaking, requiring a carefully considered interface to allow users to efficiently navigate and filter the vast library of All 22 footage, empowering them to conduct their own in-depth analysis. The successful execution of NFL Pro resulted in a powerful and user-friendly web application that significantly enhanced the way NFL fans interact with and understand the game through the lens of advanced data.

Execution

The execution phase of NFL Pro involved bringing the intricate design system and user flows to life across all targeted screen resolutions. The responsive design ensured a consistent and optimized experience whether fans were accessing the platform on their desktop, tablet, or mobile devices. The game day previews were designed to be visually engaging and data-rich, providing fans with key insights before each matchup. Team and player pages offered a deep dive into performance metrics, presented in an easily digestible format. The NFL Film Room was a significant undertaking, requiring a carefully considered interface to allow users to efficiently navigate and filter the vast library of All 22 footage, empowering them to conduct their own in-depth analysis. The successful execution of NFL Pro resulted in a powerful and user-friendly web application that significantly enhanced the way NFL fans interact with and understand the game through the lens of advanced data.