Disport is designed to bridge the gap between sports enthusiasts and their favourite athletes. This innovative platform empowers fans to establish direct connections with sports stars through dynamic chatrooms that revolve around ongoing matches. Athletes, in turn, provide exclusive services, such as personalized video requests and participation in private chat rooms. Additionally, fans can interact with like-minded peers via live chatrooms, creating an immersive experience that revolves around the latest sports events.

Disport is designed to bridge the gap between sports enthusiasts and their favourite athletes. This innovative platform empowers fans to establish direct connections with sports stars through dynamic chatrooms that revolve around ongoing matches. Athletes, in turn, provide exclusive services, such as personalized video requests and participation in private chat rooms. Additionally, fans can interact with like-minded peers via live chatrooms, creating an immersive experience that revolves around the latest sports events.

My Role

My Role

Lead Product designer

Lead Product designer

Contribution

Contribution

UI / UX Design

UI / UX Design

Product Duration

Nov 2023 - May 2023

Company

Appboxer

Product Duration

Oct 2022 - Feb 2023

Company

Appboxer

Product Duration

Oct 2022 - Feb 2023

Company

Appboxer

The Problem

The Problem

1.

1.

Fans faced difficulty in identifying which athletes were actively present on the platform, impeding their ability to engage with their favourite sports stars.

Fans faced difficulty in identifying which athletes were actively present on the platform, impeding their ability to engage with their favourite sports stars.

2.

2.

The absence of a well-defined process for athletes to sign up and undergo verification resulted in confusion. Many athletes inadvertently signed up as fans, leading to a lack of proper representation.

The absence of a well-defined process for athletes to sign up and undergo verification resulted in confusion. Many athletes inadvertently signed up as fans, leading to a lack of proper representation.

3.

3.

A shortage of effective social connections between athletes and their fans curtailed the potential for authentic engagement, restricting the opportunity for both parties to interact

A shortage of effective social connections between athletes and their fans curtailed the potential for authentic engagement, restricting the opportunity for both parties to interact

The Goal

The Goal

1.

1.

How might we streamline the registration process for both athletes and fans, ensuring accuracy and authenticity?

How might we streamline the registration process for both athletes and fans, ensuring accuracy and authenticity?

2.

2.

How might we streamline the registration process for both athletes and fans, ensuring accuracy and authenticity?

How might we streamline the registration process for both athletes and fans, ensuring accuracy and authenticity?

3.

3.

How might we encourage athletes to offer exclusive content and services, enhancing the overall fan experience?

How might we encourage athletes to offer exclusive content and services, enhancing the overall fan experience?

Starting the mapping with flow chats

Starting the mapping with flow chats

Completed by Solutions analyst in collaboration with myself

Completed by Solutions analyst in collaboration with myself

During this phase, we collaboratively identified the key features to prioritize for the MVP. While the concept of integrating player and club statistics was on the table, a deeper exploration was necessary to ascertain the optimal API for seamless integration. This meticulous approach ensured that the selected features aligned seamlessly with client expectations and user needs.

Designing the functionality & form

Designing the functionality & form

Completed by myself

Completed by myself

During the wireframing phase, a pivotal stage in the development of Pie Rewards, we solidified our choice of API provider. This entailed addressing a plethora of UI requirements mandated by the chosen API provider. As I delved into creating the wireframes, I seamlessly integrated these specifications, ensuring a harmonious alignment between the UI design and the API capabilities. Throughout this process, I remained committed to adhering to the best UX practices, marrying functionality with usability to craft an intuitive and visually coherent user experience.

During the wireframing phase, a pivotal stage in the development of Pie Rewards, we solidified our choice of API provider. This entailed addressing a plethora of UI requirements mandated by the chosen API provider. As I delved into creating the wireframes, I seamlessly integrated these specifications, ensuring a harmonious alignment between the UI design and the API capabilities. Throughout this process, I remained committed to adhering to the best UX practices, marrying functionality with usability to craft an intuitive and visually coherent user experience.

Enhancing Athlete Visibility: Elevation into an Intuitive Social Platform

Enhancing Athlete Visibility: Elevation into an Intuitive Social Platform

Completed by myself

Completed by myself

Elevating the user experience, a key functionality was introduced to enhance user visibility and accessibility to athletes. Disport underwent a transformation, now functioning as a dynamic social platform where users could seamlessly discover all active athletes within the application. Acknowledging the early stages of the platform and the limited athlete presence, the emphasis was on intuitive user guidance. A mechanism akin to Instagram stories was implemented, strategically directing users to live chats where athletes were actively engaging. Additionally, subtle tags were integrated into chat rooms, empowering users to make informed decisions on their engagement choices. This thoughtful design approach aimed to amplify user-athlete interaction and facilitate an immersive experience that aligns with their preferences.

Empowering Engagement: Athlete and Game Stats Seamlessly Integrated in Disport's Chat Rooms

Empowering Engagement: Athlete and Game Stats Seamlessly Integrated in Disport's Chat Rooms

Completed by myself

Completed by myself

A pivotal integration further enriched Disport's functionality by introducing athlete and game statistics directly within chat rooms. This strategic addition not only added value for users but also elevated their overall engagement. To ensure a seamless and uncluttered user experience, statistics were strategically positioned in the top-right corner of the chat rooms. This design choice employed a bottom sheet format, ensuring that the statistics overlay harmoniously with the ongoing chats. By optimizing the available space, this approach acknowledged that as users begin typing, a keypad occupies the majority of the screen real estate. This thoughtful implementation maximized usability and maintained a user-centric perspective, enhancing the accessibility and usability of key statistics while preserving the integrity of the chat environment.

Effortless Content Creation: Simplifying Athlete Engagement

Effortless Content Creation: Simplifying Athlete Engagement

Completed by myself

Completed by myself

Strategizing ongoing engagement, content creation stands as a pivotal aspect within Disport's framework. The imperative here is to streamline the content creation process for athletes, minimizing time and eliminating friction. Drawing inspiration from leading social platforms, our aim was to transform content creation into an efficient 1 to 2-step procedure. Upon tapping the plus icon, users are seamlessly directed to a screen where their device's native camera is activated. This approach facilitates swift content uploading or creation, ensuring a seamless experience. Upon completion, users can effortlessly add final touches, including a title and description. Notably, the interface features a scheduling post toggle, seamlessly integrating scheduling functionalities within the same screen. This meticulous design thinking aims to empower athletes, offering a hassle-free content creation journey that mirrors their preferences and aligns with contemporary social media practices.

Easier user journey for athletes verification

Easier user journey for athletes verification

Completed by myself

Completed by myself

Addressing the initial challenges surrounding athlete sign-up, Disport has evolved to offer a clear and distinct pathway for athletes through the landing page. The implementation of a systematic athlete registration process was necessitated by the client's verification protocol, which now mandates athletes to register exclusively through the landing page before gaining access to the application in their athlete capacity.

To ensure seamless navigation, first-time users are guided through a streamlined process. Upon entering the application, they are directed to the fan registration screen, where a prominent CTA, "I'm an Athlete," provides a seamless transition to the athlete login page. For athletes who are not yet registered, a conveniently placed link redirects them to the athlete registration via the web portal. Upon registration, clear instructions are communicated via email notifications, which include an email invite for direct login. This meticulous approach eradicates confusion, ensuring athletes are empowered to swiftly and efficiently access their dedicated profiles and engage with fans on the Disport platform.

Crafting Consistency: A Design System for Seamless UI

Crafting Consistency: A Design System for Seamless UI

Completed by myself

Completed by myself

Creating the UI design involved developing a comprehensive design system that encapsulates multiple states for components and inputs. This design system serves as a foundation for maintaining consistency and coherence throughout the application, ensuring a seamless and polished user experience. By carefully defining various states for each component and input, I aimed to enhance user interaction and feedback, making the application more intuitive and user-friendly.

Additional designs

Additional designs

Completed by myself

Completed by myself

In addition to the UI design for the main application, the project also involved creating a captivating landing page to register initial user interest and registration. These design components played a crucial role in establishing a cohesive and impactful brand presence for the project.