NFL Projects
2021 | UI | ANDROID & IOS
While working as a Product Design Consultant for NFL, I was able to exercise my visual design skills for marketing the NFL App. I worked on designing graphics for the following projects, which had a large impact . I was the primary UI designer on each of these projects and worked directly with my lead Armond Aghanian.
1 - App Store & Google Play Screenshots
2 - Verizon SuperStadium Experience
3 - NFL Spot Advertisements
4 - NFL+ Mobile Subscription Flow
1 - App Store & Google Play Screenshots
I design the NFL app screenshots, which were made public on the Apple App Store (iOS) & Android Google Play Store in 2020.
Here is the full spread, I carried the smoke graphic through each screenshot. Designs were adapted for various devices across Mobile, Tablet, & Desktop for Android and Apple.
I designed screens for various iOS and Android devices using Sketch and incorporated images from the NFL Associated Press Image Library. The mockups featured teams and standout players, including 2020 Super Bowl champions Patrick Mahomes and Tom Brady. I enhanced the app backgrounds with dynamic smoke graphics using Photoshop for visual impact. This detailed design approach was customized for different screen sizes and aspect ratios on both mobile and tablet platforms. Here are the screenshots displayed on Web for Apple App Store and Google Play stores.
Desktop - Apple App Store
Desktop - Android Google Play Store
Mobile - Apple App Store
2 - Verizon SuperStadium Experience
I provided the following graphic to be used for Apple’s App Store Feature for the Verizon SuperStadium Experience.
The image were taken from the NFL Content Library and represent different camera angles capturing various moments throughout a single game. I used Adobe Photoshop to construct the graphics.
Slight modifications were made by marketing and the final UI was featured on the App Store.
3 - NFL Spot Advertisements
I worked on the UI assets in Sketch, that would be featured in the NFL Spot Ad (see example below). I delivered files to an external Video Editing Agency that utilized the assets I provided to create the following NFL Commercial. The commercial was launched in March 2021.
I mocked up device content in sketch to be used in an NFL Spot Advertisement…
4 - NFL+ Mobile App Subscription
As a UI designer at NFL, I updated the purchase flows to enable users to upgrade their subscriptions from NFL to NFL+, which offers access to more content including live games, NFL RedZone, and NFL Network.
NFL+ Logo
I conducted a competitive analysis of purchase flows from other entertainment brands like Hulu to strategize the best layout for interactions. I then designed the purchase and subscription flows for NFL+, incorporating the new, non-standard logo and brand identity into the app interface. After multiple iterations and successful stakeholder reviews, we integrated the unique logo and color scheme seamlessly, ensuring it maintained contrast with surrounding elements; I designed the key screens in Sketch utilizing our internal design team’s component library.
