PORTERO

Soccer Insights for Fans, Everywhere

Soccer Insights for Fans, Everywhere

Soccer Insights for Fans, Everywhere

AI

Web App

B2B

Design System

Research

Wireframe

Overview

With so many sports apps flooding the market, Portero saw a chance to go deeper on soccer—not just show scores, but personalize the experience for true fans. The app combines global coverage with customizable alerts, detailed stats, and match previews, all wrapped in a sleek, easy-to-navigate interface

Objectives

We wanted to create a mobile platform that delivered real-time match updates, league and player stats, and daily news—all tailored to each user’s interests. The goal was to keep fans informed without overwhelming them and make following their favorite team feel effortless.

MY ROLE

Freelance Designer

TEAM

1 Designer, 2 Developers, 1 Founder

DONE WITH

Figma, Illustrator, ChatGPT, Relume, Lovable, Maze

INDUSTRY

Sport

Wireframes

After gathering all the requirements from the client and doing my own research and some competitive analysis, I knew that the user experience for this app should feel intuitive. It should present information in an easy-to-navigate way and should customize the content based on user preferences. From a visual standpoint, the interface should be clean and modern, with a clear hierarchy, simple navigation, and content focus that provides value to the user. Below is a compilation of some high fidelity wireframes. These refined screens are the result of collaboration and process. They show functionality, the path, and dependency between the screens.


Portero’s goal is to simplify and organize soccer data in a way that makes it easy for users to stay on top of their game.

Visual Design

After refining and updating the design a few times, this is the final result—a beautifully crafted app for soccer fans everywhere that will surely enhance the way they experience soccer.

Results

Early feedback was overwhelmingly positive: 89% of users said Portero made it easier to follow their favorite team, while over 70% opted into push notifications—showing strong interest in real-time updates. Engagement also spiked significantly during live matches, validating the app’s focus on delivering timely, relevant content.

The Take Away

A key takeaway from Portero was realizing how much timing shapes perception. In fast-moving environments like live sports, even small delays or friction points can break immersion. Design isn’t just about what’s on screen—it’s about matching the tempo of the moment.

Portero taught me how to turn live sports energy into fast, intuitive design—where every interaction feels as alive as the match itself.

Claim Your Free 3 Months

Get 3 free months of Framer Pro Yearly Subscription when upgrading your plan with the code partner25proyearly

Sign Up Now

Claim Your Free 3 Months

Get 3 free months of Framer Pro Yearly Subscription when upgrading your plan with the code partner25proyearly

Sign Up Now