Logo

Introduction

When the NFL FanZone arrived in Accra, Ghana, I was tasked with bringing the NFL's iconic brand to life for local fans. My role focused on creating immersive motion design for LED displays and developing a responsive web landing page that allowed attendees to read event details and quickly generate free tickets. Every piece of content adhered strictly to the NFL brand identity, ensuring an authentic experience.

With NFL stars Jeremiah Owusu-Koramoah and Maurice Christopher Jones-Drew in attendance, the event featured highlights like the NFL rings display and an outdoor game zone where fans could play video and traditional games. This project was an exciting opportunity to blend brand-driven design with a memorable, interactive experience for fans, balancing visual impact with intuitive digital functionality.

  • Project
    Client Project
  • Year
    Jun 2022
  • Tools
    Figma, JavaScript, Illustrator, After Effects, HTML & CSS
image

Objectives

  • Brand-Consistent Visuals: Develop motion content and visuals that conform strictly to the NFL’s identity standards, ensuring a seamless experience aligned with NFL culture.

  • User-Friendly Ticketing: Design a landing page for terms, conditions, and ticket generation that offers easy access to information and fast ticket registration.
image
image
image

Process &
Execution

  • Concept Development & Brand Adherence: Collaborated closely with NFL brand guidelines to ensure all visuals aligned with NFL identity, enhancing authenticity.

  • Interactive Experience Design: Integrated the event’s brand visuals across the LED content and ensured a cohesive, interactive fan journey from landing page to on-site activities.

  • Technology Stack: HTML, CSS, JavaScript, and mobile-first design practices optimized for high-traffic load and responsive functionality.
image

Challenges &
Solutions

  • Challenge: Balancing high-traffic functionality with rich visual content within a single-page format.

  • Solution: Used optimized assets and modular design, ensuring smooth transitions and load times even during peak use.

Web
Development

Responsive Design: Knowing that many users would access the page via mobile, I prioritized a mobile-first design approach. Using HTML, CSS, JavaScript, and a CSS framework, I ensured the page was fully responsive, delivering an intuitive and visually appealing experience on any device.

Optimized Ticketing Functionality: The ticket generator was a critical feature that needed to be simple yet secure. By implementing user-friendly form fields and a streamlined ticket-generation process, attendees could quickly generate their tickets with minimal clicks, enhancing convenience and reducing potential traffic bottlenecks.

Terms & Conditions Section: Given the legal requirements for the event, I dedicated a section of the page to display terms and conditions in a readable format, integrating scroll functionality to keep the page compact. This section allowed attendees to easily access and review important information without overwhelming the user experience.

Brand-Conforming Design: The entire landing page reflected the NFL’s branding, from color schemes and typography to content hierarchy. Each element was crafted to maintain NFL’s professional image while providing a local touch tailored to Ghanaian fans.

image

Next Project

UX Terms

Next