AI League: FIFA World Cup Qatar Website

The aim was to create a cutting-edge platform that not only communicated the innovative nature of the game but also provided an intuitive user experience. The challenge lay in integrating elements from the NFT space and the metaverse while ensuring seamless navigation for users engaging with the FIFA AI game.

Collaborative Synergy-->
In this project, I collaborated with an elite team comprising the project lead, design lead, researcher, product manager, and various ASM team members. This multidisciplinary approach was critical in ensuring that our design solutions were both innovative and aligned with the business objectives.

UX/UI Design
Branding

My Role and Contribution

As the UI Designer, my role was pivotal in translating research insights and wireframes into high-fidelity, functional UI designs. I worked closely with the project lead and design lead, synthesizing input from user research and stakeholder feedback to craft a design that was both aesthetically pleasing and user-centric.

Design Objectives

Our mission was to craft a visually striking user interface that seamlessly incorporated themes of sports, gaming, metaverse, and futuristic design. This required not only a deep understanding of user needs and behaviours but also a strategic approach to integrating diverse visual elements while maintaining brand integrity.

Addressing Design Challenges
Navigating stringent brand guidelines while incorporating multifaceted themes was a significant challenge.
We needed to ensure that the final product was innovative yet consistent with FIFA’s established brand identity. This required meticulous attention to detail and a balanced approach to design.


Developing the Visual Language
The design process began with extensive moodboarding, drawing inspiration from the realms of gaming, sports, and futuristic design. These moodboards served as a visual foundation, helping us align on the direction and thematic elements early on.


Dark colours and gradients were employed to create a modern and engaging visual language. New typefaces and geometric shapes were introduced to enhance the gamified feel, creating a cohesive design that resonated with our target audience.

Ensuring Responsiveness and Accessibility
Responsive design was a cornerstone of this project. Ensuring a consistent user experience across various devices was paramount. Rigorous testing and iterative refinements helped us address any issues related to different screen sizes and orientations, ensuring accessibility and usability.


Integrating Web3 Technology
Given the nascent stage of web3 technology adoption, we designed user-friendly modals to guide users through this new landscape. Clear, concise instructions were provided to help users understand the game mechanics and the integration of web3 elements, thus lowering the entry barrier.

Designing Engaging Interactive Elements
To Boost user engagement, we design a suite of interactive components including leaderboards, player and team profiles. prediction cards, and prize call outs. These elements were meticulously crafted to be both intuitive and engaging, driving user interaction and retention.