Prospect Sports

//

//

Digital product

Enter Decentralized Sports Gaming
The work.

Year

2021
-
2022

Industry

Web3 / Cryptocurrency
Sports

Role

Designer

Primary Service

Digital product

Additional Services

Digital product
UX/UI design
Strategy
Content

Platform

Figma

Overview.

Prospect Sports is revolutionizing the sports gaming industry by integrating blockchain technology, non-fungible tokens (NFTs), and artificial intelligence (AI)-driven insights. Their mission is to prioritize community value by offering immersive, equitable, and transparent gaming experiences.

Founded in 2020, Prospect’s objective is to empower sports enthusiasts to gain insights into the underlying performance and eventual success of athletes. Currently, sports fans have limited options to share in the success of athletes, primarily through the purchase of collectibles such as trading cards, sports memorabilia, and NFTs. However, the value of these collectibles is subjective, volatile, and disconnected from the athlete’s actual performance.

Prospect aims to provide sports fans with the opportunity to access the real-time in-game performance of athletes through its Decentralized Fantasy Sports (DeFS) application. This application utilizes Prospect’s proprietary Proof-of-Performance (PoP) protocol to distribute cryptocurrency rewards based on the athlete’s actual performance. By doing so, Prospect enables sports fans to share in the fundamental value of an athlete, their tangible achievements.

The Prospect team came to me through mutual friendships not knowing my full experience with both the design industry and cryptocurrency spaces. Initially, they were looking for a cleaned up brand identity and a pitch deck to help with their initial funding round. While working together to find out more about the project, we realized that we could help each other with a lot more than just a fresh coat of paint on a pitch deck. But, for the start, that's what we set off to accomplish.

To accomplish this, I broke down the initial notes for their brand and rebuilt everything with the vibe and feel that the Prospect team was after. Without too much direction, the primary look and feel was to emulate the movie "TRON: Legacy" with a futuristic, neon type of color palette. In the end, I think we achieved exactly what we were set out to accomplish.

Build off the brand.

Once we had established the brand and secured funding, we commenced the development of the application. To ensure cross-platform compatibility, we opted to construct the application using Flutter and Dart with some components using wrapped React.

Over several meetings, we collaborated with the Prospect team to develop a strategic plan that has proven successful in previous projects. This involved integrating all the research and knowledge gained during the brand build into the structure of the application. This necessitated early collaboration with the development team Prospect had hired from Brazil to ensure alignment at each project stage.

The initial task was to design a component library and all the graphical elements planned for the application. Upon approval, the remaining stages involved creating high-resolution mockups of customer journey flows and handing them over to the development team. We utilized Zeplin for handoff, as it allowed us to export files directly from Figma with the correct resolution, color matching, fonts, and crucially, React components for full functionality.

We implemented a staggered approach, working in two-week sprints. I would complete the first flow ahead of the development schedule, and then hand it over to the development team for their build process. This staggered approach enabled the development team to monitor the user flow’s progress during the process, while I provided guidance on component functionality. This approach resulted in a more compact timeline with reduced challenges.

In my opinion, this strategy is optimal for efficiency, as it facilitates easy tracking and collaboration with remote teams. Stakeholders can easily monitor progress by accessing a single dashboard.

Design to scale.

The initial sport we chose to integrate was the NBA (basketball), as it was the upcoming season when we anticipated launching. Consequently, the majority of the design was tailored specifically to basketball. However, from the outset, we recognized the intention to expand into other sports such as the NHL (hockey), MLB (baseball), MLS (soccer), and beyond. Therefore, as the design progressed, I would regularly evaluate the scalability of one design compared to another and assess whether it was an efficient design that could be readily replaced with another sport as reasonably as possible. Adhering to the original design theory, we established a more neutral color theme and system to facilitate this possibility. Nevertheless, it was imperative to keep this in mind throughout the entire design and development process.

Dynamic functionality.

One of the primary objectives of this app was to create an interface with a dynamic and fluid feel. We sought to avoid the spreadsheet or notes app-like layout that many fantasy sports apps use. A core element of this design was the concept of the cube. The cube was a concept that resonated with all of us because it allowed us to add various fields of information on each side of the cube and simply rotate the cube to access each side of the information. I created numerous mockup ideas to explore how this could be implemented and underwent numerous revisions to determine the appearance of each display element, the information to be shown, and the optimal organization of that information. Given the abundance of statistics in sports, it was crucial to present this information in a manner that was both engaging and accessible. By combining 3D design with the built-in modules of iOS and Android for information cards, we achieved a successful result. Furthermore, I collaborated with a 3D artist friend, and we were able to create a 3D render for the website that complemented the cube’s visual appeal.

Progress