For sports fans, the excitement doesn't end with the final whistleโ€”it lives in the stats, the rivalries, the conversations, and the unforgettable moments. But what if all of that energyโ€”every live update, every highlight, every fan interactionโ€”could live in one unified digital space?

That was the vision behind Ole Ole: to create an all-in-one platform that elevates the fan experience beyond just scores and updates. As the lead product designer, I was challenged to bring this vision to life by solving a core problem: fragmentation. Sports enthusiasts were juggling multiple appsโ€”for scores, for tickets, for merchandise, for socialโ€”disrupting the joy of being truly connected to the game.

Ole Ole is designed to change that. From real-time live scores, personalized league updates, and team tracking to more immersive features like event ticket booking, Uber stadium rides, podcast streaming, and even NFT creation, the app creates a seamless, end-to-end fan journey. Users can chat with friends, invite others, earn rewards, check player stats, follow betting odds, or simply soak in the passion of their favorite sportโ€”all from one place.

This wasnโ€™t just an app redesign. It was a bold rethink of what a sports app could beโ€”social, smart, and deeply engaging.

PRODUCT OVERVIEW

Initial Onboarding

We knew that the first impression matters, especially in a sports app competing for attention in a fast-paced world. So, I designed the Ole Ole onboarding experience to feel more like a warm welcome than a sign-up form. From the very beginning, our goal was clear: make users feel like the app already knows what they care about.

As soon as users launch Ole Ole, theyโ€™re guided through a personalized onboarding flow, starting with the selection of their preferred club and country. This isnโ€™t just for show, it powers a tailored content feed that reflects their interests right from the start, creating an instant emotional connection with the platform.

To ensure inclusivity and flexibility, we offered two onboarding paths:

Create an Account

Users could create an account by entering essential detailsโ€”first name, last name, date of birth, and phone numberโ€”followed by a simple phone number verification and a prompt to create a secure password. After these steps, theyโ€™re greeted with a clean success screen, reinforcing a sense of progress and trust.

Social or Email Login

For users looking for speed and convenience, we integrated third-party login options with Google, Apple, and Facebook, as well as a traditional email login. Post verification, users land on the same success screen, ensuring consistency and a frictionless experience no matter their path.

Guided Onboarding: A Step-by-Step Visual Walkthrough

Landing Page Features

Once onboarding is complete, users are welcomed into a personalized landing experienceโ€”a dynamic and thoughtfully structured home base designed to reflect their interests and amplify engagement.

At the heart of the layout is the primary โ€˜Homeโ€™ tab, which unlocks access to key content channels via a clean, scrollable top navigation bar:

  • For You โ€“ A curated stream of personalized content

  • Club โ€“ Updates and news related to the selected club

  • Country โ€“ Regional updates, events, and national team coverage

  • Following โ€“ A real-time feed from followed users and teams

To deepen the sense of identity and community, users are prompted to enhance their profiles by uploading a profile photo. From there, the experience transforms into a vibrant social playground. Users can:

  • Chat with friends

  • Post messages, images, or videos

  • View and react to posts from others

  • Track and manage their followers

  • Edit and share their profiles seamlessly

One standout engagement strategy we introduced was a one-time reward for sharing a userโ€™s contact listโ€”a soft nudge toward community-building that feels rewarding, not intrusive. It boosts connectivity while keeping the user in control.

Every interaction on this landing page was crafted to feel customizable, relevant, and interactive, setting the tone for an immersive fan experience where users arenโ€™t just spectatorsโ€”theyโ€™re part of the action.

Team Overview: Fixtures, Standings, Squad & Legacy

We wanted fans to feel truly plugged into their favorite teamโ€”beyond just scores and stats. So, we created the Team Overview: a centralized hub where passion meets information. Whether itโ€™s upcoming fixtures, live results, or player details, everything is just a tap away.

Here's what fans can explore:

  • ๐Ÿ“… Fixtures โ€“ See all upcoming matches and past results in a clean, scrollable layout. Users can even set reminders or share match details with friends.

  • ๐Ÿ“Š League Standings โ€“ Stay updated with real-time table rankings, goal differences, and points per teamโ€”helping users track their team's rise (or rivalry).

  • ๐Ÿ‘ฅ Squad โ€“ Dive into the full team roster, complete with player profiles, positions, and performance stats to give fans the inside scoop on their lineup.

  • ๐Ÿ† Club Legacy โ€“ More than just matches: fans can explore a timeline of the teamโ€™s historical milestones, legendary players, and unforgettable moments that shaped its identity.

Live Scores, League Updates & Rewards at Your Fingertips!

In the fast-paced world of sports, every second matters. Thatโ€™s why we designed a real-time engine within Ole Ole that keeps fans ahead of the gameโ€”literally.

From the first whistle to the final goal, users can:

  • ๐Ÿ“ก Track Live Scores โ€“ Access real-time match updates without refreshing

  • ๐Ÿ† Follow Their Favorite Leagues โ€“ Whether it's La Liga, Premier League, or MLS, fans can easily add, edit, or remove leagues to customize their experience

  • ๐Ÿ”” Receive Instant Notifications โ€“ Be the first to know about goals, cards, lineups, and final results

  • ๐Ÿ“ˆ Stay Updated on Standings & Top Performers โ€“ League tables, match stats, and player rankings update in real time

  • ๐ŸŽ Earn Rewards for Engagement โ€“ From checking scores to inviting friends, users are nudged toward deeper app interaction through smart reward triggers

Experience real-time betting at your fingertips

Ole Ole takes fan engagement to the next level by allowing users to place bets during live events, bringing the thrill of the game straight to their fingertips.

Users can place bets with ease and cash out early when the momentum shifts, making it a dynamic and interactive experience.

How it works:

  • Quick Setup โ€“ Simply create an account and deposit funds through Debit Card, PayPal, or Bank Account.

  • Seamless Betting โ€“ Once the funds are in, users can instantly dive into real-time betting, placing wagers on match outcomes, next goal scorers, half-time results, and more.

  • Real-Time Options โ€“ With odds and options that update live as the game progresses, users are empowered to make decisions based on the flow of the match, adding excitement to the betting experience.

  • Cash Out Option โ€“ If a user senses a change in momentum or wants to lock in their profits, they can cash out early, allowing them to feel in control and strategize their betting approach.

Ultimate Fan Experience: All-In-One App for Sports, Entertainment & Community

Step into the world of Ole Oleโ€”where sports, entertainment, and fan culture converge into one unified experience. From booking a ride to the game to connecting with fellow fans and exploring exclusive content, this app puts everything you need in the palm of your hand.

๐Ÿ”‘ Key Features:

  • ๐Ÿš— Book an Uber to the Stadium โ€“ Plan your journey effortlessly and get to the game on time, without missing a minute.

  • ๐ŸŽŸ๏ธ Buy Event Tickets โ€“ Secure your seat for upcoming events with just a few taps.

  • ๐Ÿ“ฐ Stay Updated on the Latest News โ€“ Get breaking news, game updates, and team insights tailored to your preferences.

  • ๐Ÿ“Š Search Player Stats โ€“ Dive deep into player profiles, performance metrics, and career highlights.

  • ๐ŸŽฒ Place Live Bets โ€“ Engage with the game in real-time by placing bets during live events.

  • ๐Ÿ›๏ธ Buy Branded Merchandise โ€“ Show off your team spirit with exclusive, official merchandise available directly through the app.

  • ๐ŸŽถ Tune into Anthems โ€“ Listen to your team's anthems and match day playlists to get hyped.

  • ๐Ÿ‘ฅ Connect with Fans โ€“ Engage in community-driven conversations, share your thoughts, and stay up-to-date with fan-generated content.

  • ๐ŸŽจ Create NFTs โ€“ Capture your fandom in the form of digital collectibles and share your teamโ€™s legacy with the world.

  • ๐ŸŽง Listen to Podcasts โ€“ Stay connected to your teamโ€™s behind-the-scenes stories and game analysis through team and fan-run podcasts.

Information Architecture

Style Guide

Built for Mobile, Enhanced for Web

The core of the Ole Ole design strategy is rooted in a Progressive Enhancement approach.. I began with a mobile-first design, ensuring that the core user experience was intuitive and seamless for on-the-go fans. From there, I expanded the design to web and tablet versions, making sure that the interface stayed consistent while being optimized for larger screens and added functionality.

Hereโ€™s the approach:

  • ๐Ÿ“ฒ Mobile-First Design โ€“ The initial design process focused on creating a simple, streamlined experience that prioritizes speed, accessibility, and key features, perfect for quick interactions on the go.

  • ๐Ÿ’ป Web & Tablet Expansion โ€“ For web and tablet, I retained intuitive user flows while introducing expanded content and additional features, taking advantage of the larger screen size to display more detailed information, media, and enhanced interactions.

  • ๐ŸŽฏ Consistency Across Devices โ€“ No matter the platform, the app offers a unified experience, so users can seamlessly transition between devices without losing continuity in their interactions.

For sports fans, the excitement doesn't end with the final whistleโ€”it lives in the stats, the rivalries, the conversations, and the unforgettable moments. But what if all of that energyโ€”every live update, every highlight, every fan interactionโ€”could live in one unified digital space?

That was the vision behind Ole Ole: to create an all-in-one platform that elevates the fan experience beyond just scores and updates. As the lead product designer, I was challenged to bring this vision to life by solving a core problem: fragmentation. Sports enthusiasts were juggling multiple appsโ€”for scores, for tickets, for merchandise, for socialโ€”disrupting the joy of being truly connected to the game.

Ole Ole is designed to change that. From real-time live scores, personalized league updates, and team tracking to more immersive features like event ticket booking, Uber stadium rides, podcast streaming, and even NFT creation, the app creates a seamless, end-to-end fan journey. Users can chat with friends, invite others, earn rewards, check player stats, follow betting odds, or simply soak in the passion of their favorite sportโ€”all from one place.

This wasnโ€™t just an app redesign. It was a bold rethink of what a sports app could beโ€”social, smart, and deeply engaging.

PRODUCT OVERVIEW

Initial Onboarding

We knew that the first impression matters, especially in a sports app competing for attention in a fast-paced world. So, I designed the Ole Ole onboarding experience to feel more like a warm welcome than a sign-up form. From the very beginning, our goal was clear: make users feel like the app already knows what they care about.

As soon as users launch Ole Ole, theyโ€™re guided through a personalized onboarding flow, starting with the selection of their preferred club and country. This isnโ€™t just for show, it powers a tailored content feed that reflects their interests right from the start, creating an instant emotional connection with the platform.

To ensure inclusivity and flexibility, we offered two onboarding paths:

Users could create an account by entering essential detailsโ€”first name, last name, date of birth, and phone numberโ€”followed by a simple phone number verification and a prompt to create a secure password. After these steps, theyโ€™re greeted with a clean success screen, reinforcing a sense of progress and trust.

Social or Email Login: For users looking for speed and convenience, we integrated third-party login options with Google, Apple, and Facebook, as well as a traditional email login. Post verification, users land on the same success screen, ensuring consistency and a frictionless experience no matter their path.

Guided Onboarding:

A Step-by-Step Visual Walkthrough

Create an Account

Landing Page Features

Once onboarding is complete, users are welcomed into a personalized landing experienceโ€”a dynamic and thoughtfully structured home base designed to reflect their interests and amplify engagement.

At the heart of the layout is the primary โ€˜Homeโ€™ tab, which unlocks access to key content channels via a clean, scrollable top navigation bar:

  • For You โ€“ A curated stream of personalized content

  • Club โ€“ Updates and news related to the selected club

  • Country โ€“ Regional updates, events, and national team coverage

  • Following โ€“ A real-time feed from followed users and teams

To deepen the sense of identity and community, users are prompted to enhance their profiles by uploading a profile photo. From there, the experience transforms into a vibrant social playground. Users can:

  • Chat with friends

  • Post messages, images, or videos

  • View and react to posts from others

  • Track and manage their followers

  • Edit and share their profiles seamlessly

One standout engagement strategy we introduced was a one-time reward for sharing a userโ€™s contact listโ€”a soft nudge toward community-building that feels rewarding, not intrusive. It boosts connectivity while keeping the user in control.

Every interaction on this landing page was crafted to feel customizable, relevant, and interactive, setting the tone for an immersive fan experience where users arenโ€™t just spectatorsโ€”theyโ€™re part of the action.

Team Overview: Fixtures, Standings, Squad & Legacy

We wanted fans to feel truly plugged into their favorite teamโ€”beyond just scores and stats. So, we created the Team Overview: a centralized hub where passion meets information. Whether itโ€™s upcoming fixtures, live results, or player details, everything is just a tap away.

Here's what fans can explore:

  • ๐Ÿ“… Fixtures โ€“ See all upcoming matches and past results in a clean, scrollable layout. Users can even set reminders or share match details with friends.

  • ๐Ÿ“Š League Standings โ€“ Stay updated with real-time table rankings, goal differences, and points per teamโ€”helping users track their team's rise (or rivalry).

  • ๐Ÿ‘ฅ Squad โ€“ Dive into the full team roster, complete with player profiles, positions, and performance stats to give fans the inside scoop on their lineup.

  • ๐Ÿ† Club Legacy โ€“ More than just matches: fans can explore a timeline of the teamโ€™s historical milestones, legendary players, and unforgettable moments that shaped its identity.

Live Scores, League Updates & Rewards at Your Fingertips!

In the fast-paced world of sports, every second matters. Thatโ€™s why we designed a real-time engine within Ole Ole that keeps fans ahead of the gameโ€”literally.

From the first whistle to the final goal, users can:

  • ๐Ÿ“ก Track Live Scores โ€“ Access real-time match updates without refreshing

  • ๐Ÿ† Follow Their Favorite Leagues โ€“ Whether it's La Liga, Premier League, or MLS, fans can easily add, edit, or remove leagues to customize their experience

  • ๐Ÿ”” Receive Instant Notifications โ€“ Be the first to know about goals, cards, lineups, and final results

  • ๐Ÿ“ˆStay Updated on Standings & Top Performers โ€“ League tables, match stats, and player rankings update in real time

  • ๐ŸŽEarn Rewards for Engagement โ€“ From checking scores to inviting friends, users are nudged toward deeper app interaction through smart reward triggers


Experience real-time betting at your fingertips

Ole Ole takes fan engagement to the next level by allowing users to place bets during live events, bringing the thrill of the game straight to their fingertips.

Users can place bets with ease and cash out early when the momentum shifts, making it a dynamic and interactive experience.

How it works:

  • Quick Setup โ€“ Simply create an account and deposit funds through Debit Card, PayPal, or Bank Account.

  • Seamless Betting โ€“ Once the funds are in, users can instantly dive into real-time betting, placing wagers on match outcomes, next goal scorers, half-time results, and more.

  • Real-Time Options โ€“ With odds and options that update live as the game progresses, users are empowered to make decisions based on the flow of the match, adding excitement to the betting experience.

  • Cash Out Option โ€“ If a user senses a change in momentum or wants to lock in their profits, they can cash out early, allowing them to feel in control and strategize their betting approach.

Ultimate Fan Experience: All-In-One App for Sports, Entertainment & Community

Step into the world of Ole Oleโ€”where sports, entertainment, and fan culture converge into one unified experience. From booking a ride to the game to connecting with fellow fans and exploring exclusive content, this app puts everything you need in the palm of your hand.

๐Ÿ”‘ Key Features:

  • ๐Ÿš— Book an Uber to the Stadium โ€“ Plan your journey effortlessly and get to the game on time, without missing a minute.

  • ๐ŸŽŸ๏ธ Buy Event Tickets โ€“ Secure your seat for upcoming events with just a few taps.

  • ๐Ÿ“ฐ Stay Updated on the Latest News โ€“ Get breaking news, game updates, and team insights tailored to your preferences.

  • ๐Ÿ“Š Search Player Stats โ€“ Dive deep into player profiles, performance metrics, and career highlights.

  • ๐ŸŽฒ Place Live Bets โ€“ Engage with the game in real-time by placing bets during live events.

  • ๐Ÿ›๏ธ Buy Branded Merchandise โ€“ Show off your team spirit with exclusive, official merchandise available directly through the app.

  • ๐ŸŽถ Tune into Anthems โ€“ Listen to your team's anthems and match day playlists to get hyped.

  • ๐Ÿ‘ฅ Connect with Fans โ€“ Engage in community-driven conversations, share your thoughts, and stay up-to-date with fan-generated content.

  • ๐ŸŽจ Create NFTs โ€“ Capture your fandom in the form of digital collectibles and share your teamโ€™s legacy with the world.

  • ๐ŸŽง Listen to Podcasts โ€“ Stay connected to your teamโ€™s behind-the-scenes stories and game analysis through team and fan-run podcasts.

Information Architecture

Style Guide


Built for Mobile, Enhanced for Web

The core of the Ole Ole design strategy is rooted in a Progressive Enhancement approach.. I began with a mobile-first design, ensuring that the core user experience was intuitive and seamless for on-the-go fans. From there, I expanded the design to web and tablet versions, making sure that the interface stayed consistent while being optimized for larger screens and added functionality.

Hereโ€™s the approach:

  • ๐Ÿ“ฒ Mobile-First Design โ€“ The initial design process focused on creating a simple, streamlined experience that prioritizes speed, accessibility, and key features, perfect for quick interactions on the go.

  • ๐Ÿ’ป Web & Tablet Expansion โ€“ For web and tablet, I retained intuitive user flows while introducing expanded content and additional features, taking advantage of the larger screen size to display more detailed information, media, and enhanced interactions.

  • ๐ŸŽฏ Consistency Across Devices โ€“ No matter the platform, the app offers a unified experience, so users can seamlessly transition between devices without losing continuity in their interactions.