Rally — No Work. All Play.PRODUCT DESIGN CASE STUDY
Padel court at dusk with players, a racket and a lime tennis ball
A SPORTS COMMUNITY IN YOUR POCKET

Make time
for play.

Find your court. Meet your people.
Turn “we should play” into a plan.

↓ Explore the case study
RALLY PLAYER APPDISCOVER / CONNECT / PLAY01 — THE STARTING LINE
01 THE PROJECT

A world of sport.
One place to belong.

Rally brings players, venues, coaches and communities into one connected mobile experience. From choosing a sport to finding a game, the product makes the next step visible.

PRODUCTRally Player App
SECTORSports & recreation
DESIGN SCOPEUX flows · UI · Design system
PLATFORMMobile + venue ecosystem
THE DESIGN CHALLENGE

Getting people to play
starts before the game.

A player needs more than a free court. They need the right time, compatible players, clear booking details and a reason to come back.

01 / FIND

Make discovery useful.

Bring sport, date, time and location into the decision so players can narrow their options.

02 / COMMIT

Make the plan clear.

Show the venue, people, skill levels and price before the player commits to a session.

03 / RETURN

Make it feel social.

Connect the booking journey to conversations, communities and the player’s ongoing progress.

02 FROM STRUCTURE TO SCREEN

First, the journey.
Then, the interface.

The source file moves from project documentation and task flows into hand-drawn wireframes, reusable foundations and detailed app journeys.

01

Frame the product

Players, places and participation

02

Map the decisions

Onboarding and booking paths

03

Sketch the flow

Details, checkout and payment

04

Build the system

Tokens, components and screens

THE ORIGINAL WORKING SKETCHES · FROM THE RALLY FIGMA FILE
THE IDEA THAT CARRIES THROUGH

Know the game.
Know the cost.
Then join.

The early sketches already separate match information, player details and payment review. The final screens develop that same sequence with richer context and clearer actions.

Case-study narrative based on the supplied design artifacts.
03 THE IDENTITY
A BRAND BUILT TO MOVE
Rally — No Work. All Play.

Competitive energy.
Welcoming by design.

The original Rally wordmark and racket-inspired symbol carry the sport into the brand. Electric lime brings the energy; charcoal gives it focus.

RALLY / BRAND EXPRESSION

Your sport.
Your people.
Your Rally.

Rally logo
Padel court at dusk, Rally sports app photography
THE COURT IS CALLING.

See you
out there.

NO WORK. ALL PLAY.
04 VISUAL FOUNDATIONS

A little electric.
A lot of clarity.

Rally’s existing visual system combines Noto Sans, a dark interface and a bright primary accent. The case study extends that language into larger editorial compositions.

THE PRODUCT TYPEFACE
Aa

Noto Sans

Regular / Semibold / Bold

DISPLAY · 32Ready for your next game?
HEADING · 24Let’s Rally
BODY · 16

Find the people and places that keep you playing.

DETAIL · 12

PADEL · INTERMEDIATE · 18:00

Selected type specimens from the app’s Noto Sans family.
Rally lime#E3FB2BPrimary
Electric violet#432BFBSecondary
Charcoal#111111Foundation
White#FFFFFFContrast
BUILT TO STAY CONSISTENT

Color variables

Spacing & radius tokens

Reusable fields

Button states

Shared navigation

05 GET INTO THE GAME

A beginning that
feels like you.

A sport-first setup introduces the product, captures interests and asks focused skill questions. These preferences provide the context for the rest of the player experience.

Onboarding introduction ↗
Sport preferences ↗
Skill assessment ↗

Introduce the possibility.
Lead with the experience of playing.

Make it personal.
Let players choose their sports.

Establish a starting point.
Collect skill context step by step.

06 DISCOVER & BOOK

Less arranging.
More playing.

The booking journey makes a practical sequence of decisions: where to play, when to play and what to pay. Venue imagery and structured details keep the choice grounded.

SELECT A STEP TO EXPLORE THE ORIGINAL SCREEN ↗

01 / 04

Find your place

TAP THE PHONE TO VIEW THE FULL SCREEN
07 FIND YOUR PEOPLE

The right match
is more than a time slot.

Team composition, player ratings and available places help players understand the game they are joining. The detail view carries that context through to the booking action.

Available matches ↗
Match details & teams ↗
DECISIONS, MADE VISIBLE
01

People before commitment

Player avatars and levels make the group visible before someone joins.

02

Useful filters, close at hand

Sport, date and time sit near the available matches, keeping discovery contextual.

03

A shared plan

Match details connect participants, location and chat around a single activity.

08 THE SOCIAL SIDE OF SPORT

The game ends.
The connection
doesn’t.

The feed, community events and conversations make Rally a place to stay involved between sessions.

SHARE THE MOMENT. PLAN THE NEXT ONE.
Home & community feed ↗
Community events ↗
Player conversations ↗
09 LEARN. COMPETE. REPEAT.

Give every player
a next step.

Coaching supports improvement. Tournaments create a competitive destination. The calendar brings the activity back into the player’s day.

01 / COACHING

Guidance
for your game.

Coach profile & booking ↗

Coach profiles connect experience, sessions, availability and booking.

02 / TOURNAMENTS

A reason
to show up.

Tournament details ↗

Competition details bring matches, teams and tournament context together.

03 / YOUR CALENDAR

Make sport
part of your week.

Upcoming activities ↗

Upcoming activities give players one place to keep track of their plans.

10 BEYOND THE NEXT MATCH

A fuller picture
of the player.

Profiles bring identity, activity and sport-specific statistics together. The marketplace extends the ecosystem to the equipment players use.

PLAYER PROFILE

Identity with context.

Sport preferences, ratings, reliability and activity live in one profile.

MARKETPLACE

Part of the sporting routine.

Product categories, filters and item cards make equipment discoverable.

Player profile & statistics ↗
Sports marketplace ↗
11 THE OTHER SIDE OF THE COURT

Built around players.
Connected to venues.

The Figma file also includes a venue-management panel. Its bookings, availability and facility views show the operational side of the same sporting ecosystem.

RALLY / VENUE MANAGEMENT
12 THE SCREEN COLLECTION

Every screen.
Part of the same story.

Explore 20 selected screens across the complete player experience. Open any screen to inspect it at full length.

13 DESIGN TAKEAWAYS

Designed for
the whole rally.

01

One connected journey

Discovery, booking, communication and activity history share a consistent product language.

02

Context at the decision

Venues, participants, skill levels and costs sit close to the actions they inform.

03

Foundations that scale

Reusable controls and documented tokens support a broad set of player and venue workflows.

NEXT TO VALIDATE

First-booking completion · Understanding of player levels · Confidence in pricing · Return to a second session

These are proposed validation areas. No user-testing results or post-launch metrics were supplied.
Rally — No Work. All Play.SPORT STARTS WITH PEOPLE.

More than a game.
A reason to Rally.

Thanks for exploring.

Back to the starting line ↑