Por Tres

A mobile app for private padel clubs that makes easy and social to organize matches, manage bookings, friendships, tournaments, and courses – all through one intuitive experience.

Por tres Padel Mobile app Iphone Devices mockup

Client

Idea Lab Group

Role

UX/UI Designer

Timeframe

4 weeks

Tools

Figma

Overiew

A mobile app designed to streamline the organization of padel matches within private clubs, making the experience more social, inclusive, and intuitive. A meeting point between sport and community.

Task

Create a simple, accessible interface that allows users to book courts, join open matches, manage friendships, participate in tournaments, and access courses through a coherent and seamless experience.

Por tres Padel Mobile app single iPhone device mockup

Project Timeline

Project Timeline Design Process Por tres Padel Mobile app

Research

Having had limited time available and not being able to conduct a full user research process, I interviewed one of the stakeholders (a padel player) and analyzed a few competitor apps. This allowed me to identify some pain points and define real user needs useful for designing the interface.

User Research Design Process Por tres Padel Mobile app

Information Architecture

The process of organizing and structuring content in a way that ensures users can easily find and navigate information. Here the visual representation of Por Tres’s Site map showcasing the hierarchy and relationship between pages or screens.

Information Architecture - Sitemap Design Process Por tres Padel Mobile app

User Flow

A step-by-step representation of the Por Tres User flow for booking a court, showing how users interact with the app to complete this key action.

User Flow Design Process Por tres Padel Mobile app

Wireframes

Providing a visual skeleton of the app, showcasing the structure and flow of the screens. After a few refinements, I moved on defining the high fidelity wireframes.

LOW FIDELITY

Low Fidelity Wireframes Design Process Por tres Padel Mobile app

HIGH FIDELITY

Open match High fidelity wireframe mockup Design Process Por tres Padel Mobile app

Open matches

Open matches are games created by other members that haven’t yet filled all player slots, perfect if you’re flying solo. This screen lists all available open matches. Tap any match to view is participants and join instantly, or create your own open match with a single click.

Match History

Match history lets you review all your completed games, with full details like court, score, opponents, and date. Browse past matches in a clear timeline, tap any entry to see in-depth stats and revisit your best performances.

Match history High fidelity wireframe mockup Design Process Por tres Padel Mobile app
User profile High fidelity wireframe mockup Design Process Por tres Padel Mobile app

User Profile

Profile section centralizes everything about the user such as personal info, upcoming bookings, match history, activity and so on. Easily edit details, adjust preferences, and track activities all from one place.

Technical Sheet

The Technical sheet displays on-court skills and physical stats. Check shot breakdowns (volleys, forehands, backhands) alongside physical data (speed, endurance) for clear performance tracking.

Technical sheet High fidelity wireframe mockup Design Process Por tres Padel Mobile app
Friends High fidelity wireframe mockup Design Process Por tres Padel Mobile app

Friends

Friends section centralizes social connections and request handling. Current friends and pending requests appear in a list that supports adding, removing, and accepting contacts, making it easy to team up and play together.

Visual Design

Enhancing the user experience by blending aesthetics and functionality to create a seamless, engaging booking process that feels intuitive and polished.

TYPOGRAPHY & COLORS

DESIGN SYSTEM

Design System Design Process Por tres Padel Mobile app

Want to see the final result?

Final Prototype

Final Prototype

A functional and high-fidelity prototype that brings together all design decisions into an interactive experience, simulating the real behavior of the app and showcasing the complete user flow.

Client Feedback

Throughout the development, I received positive feedback from team members, who appreciated the regular update calls and found the app prototype intuitive, minimal, and visually pleasant.

“The app is intuitive, clean and
looks really nice”

Camilla

Idelab

“We loved following the progress
through update calls”

Danila

Idelab

Personal Insight

I worked on this project as a freelancer. Being my first real project with a client and having only four weeks to complete it, it was a significant challenge.

Weekly update calls taught me how important it is to stay organized and manage work efficiently.

Constant collaboration with developers helped me understand how crucial communication is, and how much you can learn from the people around you.

Thanks for you time

Every insight matters, here's more work I've done