Redesigning the NFA Website

Overview

NFA is the largest independent Free Fire championship in Brazil. As a key reference for the competitive community, its digital platform needed to reflect the brand’s scale and operate consistently across multiple regions and languages.

The impact

Multilingual site: Platform functional in multiple languages.

Scalable design system: Unique identity for each tournament while maintaining consistency.

Centralized experience: Hub that eliminated fragmented navigation across platforms.

Multilingual site: Platform functional in multiple languages.

Scalable design system: Unique identity for each tournament while maintaining consistency.

Centralized experience: Hub that eliminated fragmented navigation across platforms.

The challenge

NFA had a website that didn’t reflect its brand strength. The redesign aimed to centralize content, streamline navigation, create a scalable design system, and deliver a premium digital experience.

My role

As a Product Designer, I conducted research with stakeholders and players, structured the information architecture, developed a complete design system, and delivered the end-to-end solution from discovery to launch.

Process Highlights

I performed quantitative research on NFA’s Instagram, where the audience is most engaged, collecting feedback on issues with the previous site and desired features for the new site.

Key findings:

• Users returned to Instagram for basic information because the site didn’t clearly centralize content.

• Lack of visual differentiation between tournaments caused confusion about which tournament was being accessed.

• Competitive benchmarking: I analyzed LCS, CBLOL, FFWS, and Liquipedia to understand how major leagues structure multi-tournament experiences and organize complex data accessibly.

I performed quantitative research on NFA’s Instagram, where the audience is most engaged, collecting feedback on issues with the previous site and desired features for the new site.

Key findings:

• Users returned to Instagram for basic information because the site didn’t clearly centralize content.

• Lack of visual differentiation between tournaments caused confusion about which tournament was being accessed.

• Competitive benchmarking: I analyzed LCS, CBLOL, FFWS, and Liquipedia to understand how major leagues structure multi-tournament experiences and organize complex data accessibly.

I performed quantitative research on NFA’s Instagram, where the audience is most engaged, collecting feedback on issues with the previous site and desired features for the new site.

Key findings:

• Users returned to Instagram for basic information because the site didn’t clearly centralize content.

• Lack of visual differentiation between tournaments caused confusion about which tournament was being accessed.

• Competitive benchmarking: I analyzed LCS, CBLOL, FFWS, and Liquipedia to understand how major leagues structure multi-tournament experiences and organize complex data accessibly.

Trade offs

• I prioritized a robust design system over advanced features like notifications and social interactions. This decision allowed us to create a scalable foundation for future growth.

• A responsive website was chosen over a native app due to the timeline. The responsive foundation ensures mobile functionality, while a native app can be introduced in a future iteration.

• A unique visual identity for each tournament was prioritized over a unified brand, even knowing it would generate more components. User feedback showed that clear differentiation was essential for navigation.

• I prioritized a robust design system over advanced features like notifications and social interactions. This decision allowed us to create a scalable foundation for future growth.

• A responsive website was chosen over a native app due to the timeline. The responsive foundation ensures mobile functionality, while a native app can be introduced in a future iteration.

Design System

To support the NFA ecosystem and ensure consistency across all platforms: website, social media, and brand activations, I developed a robust design system built in Figma. One of the main goals was to create a visual identity that captures the energy of the Free Fire universe while maintaining scalability for the hub’s international growth.

To support the NFA ecosystem and ensure consistency across all platforms: website, social media, and brand activations, I developed a robust design system built in Figma.

One of the main goals was to create a visual identity that captures the energy of the Free Fire universe while maintaining scalability for the hub’s international growth.

Conclusion

A complete redesign that unified the NFA experience into a scalable, multilingual platform. The design system established a foundation that is already being used for new materials and supports future expansion.

Next steps: a notification system for match alerts and a logged-in area for competitors.

More works

How an MVP connected thousands of Free Fire fans