CeleBreak logo
Overview
An app that allows anyone to play football anytime, anywhere.
2023-2024
CeleBreak is a fast-growing start-up that is transforming the way football is played. With billions of fans worldwide, playing friendly amateur football can be a hassle: renting pitches, finding players, and coordinating schedules are weekly challenges well known to all football fans.

Through the CeleBreak app, anyone can join a community of active football players in their city, join matches, and start playing in just a few seconds. It is the solution that allows anyone to play football, regardless of the time, place, or skill level by connecting people with a shared passion for this sport.

At CeleBreak I led the complete redesign of the CeleBreak mobile app, creating a Design System from scratch with reusable components, a tokenized color palette, and text styles. Conducted usability testing and feedback sessions, analyzing results to implement continuous design improvements and optimize the user experience. Collaborated closely with developers, conducting UI QA and writing detailed stories to guide technical implementation. Coordinated the app's translation to Spanish and German, managing multilingual variables in Figma.
Finally I also Redesigned the public website on WordPress, enhancing the user experience and aligning the design with the company’s branding, and designed marketing materials, both digital and print, as well as internal resources like investment decks and financial reports.
CeleBreak app
Competitor analysis
A dive into other sport apps in the market
Playtomic logo
Playtomic
A mobile app for amateur racket sport players focused on rankings and match statistics
Footy Addicts logo
Footy Addicts
A mobile app helping users connect through amateur football. The largest community in Europe
Street FC logo
Street FC
A mobile app based in the United States focusing on informal street pick-up football
Plei logo
Plei
A mobile app connecting amateur football players. The largest community in the United States.
Personas & cohorts
Defining our target audience and their needs to design user-centred experiences
Pro Peter persona avatar
Pro Peter
Peter is a young man in his early 20s living in Frankfurt. He is passionate about football. He has dedicated many years of his life to the sport. He has been involved in many leagues and teams in the past. He is disciplined, focused, determined and ambitious. He uses CeleBreak to get in some extra practice time and keep improving and developing his skills. Even though he hates losing, he enjoys a good competition and a challenge. He often gets bored if other players are not up to his skill level or experience.
Goals
To win games, train, improve, prepare for competitions.
Frustrations
When people are not as good as he is.
Quote
‘If your aim is not winning, then why even play?’
Talented Tina persona avatar
Talented Tina
Tina is a Brazilian teenager who grew up playing football in Rio de Janeiro but has now moved to Madrid. She plays football with her friends during school breaks and whenever she finds some time, but never in a competitive way. She is naturally gifted in the sport but at the same time not too focused on performance. Football is her passion and the way she has learned to socialize with others. She feels rewarded when others compliment her ability and sometimes likes to show off a little. She loves that she can use the CeleBreak app to make new friends while playing her favorite sport.
Goals
To have a good time. To share her passion for football with others.
Frustrations
When people take the game too seriously. In her own words, ‘It’s just a game after all.’
Quote
‘Football is my passion and I love that I can share it with  friends‘
Social Susan persona avatar
Social Susan
Susan is an extrovert mom in her 40s living in Barcelona. She heard about CeleBreak through a new friend she recently met. She has little experience playing football (she knows just the basics), but thought it would be a good idea to sign up and play some games every once in a while to meet new friends and expand her social circle, while doing a bit of exercise. She’s not too worried about her performance in the game but is just excited to leave the house for a moment, have some fun and make new connections within a healthy environment.
Goals
To socialize, make new friends.
Frustrations
When people are too skilled. Makes her feel left out.
Quote
‘The best part of the game is the community’
Newbie Nate persona avatar
Newbie Nate
Nate is a man in his 30s who grew up in Chicago but now lives in Los Angeles. He has always played basketball but has recently discovered his passion for football. He never had the chance to get very involved with it in the past, but he’s now very excited to learn and gain a new hobby. CeleBreak is just the app he was looking for to get connected with the world of football. At times, he might feel a bit intimidated by other players, but he’s confident that with practice he’ll one day be a great footballer. He is committed and focused on getting better.
Goals
To get better at football, to gain a new hobby.
Frustrations
When other players do not take the game seriously. Makes him feel like he’s wasting his time.
Quote
‘I have a long way to go, but I’ve got what it takes to become a great footballer’
Ideation & Wireframes
Seeing potential problems as opportunities. Translating opportunities into solutions. Writing down ideas. Sketching initial flows and designs
CeleBreak app ideationCeleBreak staff admin tool wireframes
Components & Tokens
Creating a design system with tokenized measurements and colour palette; text styles; and reusable components. This app was translated into Spanish and German so I also created language variables in Figma
Components and text styles for CeleBreak app
Part of the design system with text styles, colour palette and reusable components
Language variables and colour palette for CeleBreak
Language variables & tokenized colours
Hi-fi designs & prototypes
Dev-ready screens
CeleBreak app pick-up game details screen design
Pick-up games
CeleBreak app join event screen design
Joining an event
CeleBreak app training screen designs
Trainings
CeleBreak app competition screen designs
Competitions
CeleBreak app notifications and profile screen designs
Profile and notifications
CeleBreak app field booking screen designs
Field booking
CeleBreak app player details screen designs
Players and chat
CeleBreak staff admin tool designs
Staff admin tool
CeleBreak public website design
Public website
Before & After
Some examples of updates made to the mobile app and public website
Before and after comparison of CeleBreak app home screen and game details screen
Home screen and game details
Before and after comparison of CeleBreak app fields screen
Fields
Before and after comparison of CeleBreak app field details and profile screens
Fields details and profile
Before and after comparison of CeleBreak public website
Public website
Other marketing and print material
Pitch banner designs for CeleBreak
Pitch banners
Bibs and flyer designs for CeleBreak
Bibs & flyers