PinPong: Outdoor table tennis

Find, save, and share public ping pong tables in your city

Finding a public ping pong table usually means circling the block or asking a friend. PinPong is my concept for an app that maps nearby spots, shows each table's condition, and lets me share a location with friends in a tap. I took it from problem framing through to final UI.

Type

Conceptual Product — UI Foundry cohort

Role

UX/UI Designer

Focus

Location-Based Services

Year

2020

Three players at an outdoor concrete ping-pong table with paddles mid-rally, a 3D blue map pin holding an orange paddle floats above the table.

The friction I wanted to fix

I wanted to play ping pong spontaneously, but in the city that means asking around or walking until I see a table. Half the time it's dirty, missing a net, or already taken. PinPong started with my own frustration — but to avoid designing only for me, I sketched two personas: Maria, an art student who plays near her school, and Kai, a marketing manager squeezing in pickup games at lunch.

Two persona cards on a peach background: Maria, 21, art student from Paris with goals, frustrations, interests, and personality sliders; Kai, 30, marketing manager from Berlin with the same card layout.

Mapping out the app

I started on paper, sketching flows for the core task: open the app, see a table, go play. On each iteration I cut more navigation until only three tabs remained. By launch, the map is the first thing you see — nearby tables are already pinned, no taps required.

Top row: eight hand-drawn paper wireframes of mobile app screens (map, list, detail, share sheet, search). Bottom row: the same eight screens as high-fidelity iOS mockups.

The visual language

I paired cool greys and a confident teal with orange accents — the teal reads like wayfinding signage, the orange punches through for calls-to-action. A topographic line pattern in the backgrounds nods to maps without competing with them. Cera Pro handles the type.

Keywords "Clean, Bold, Cool, Active" arranged around a grid of photos (outdoor ping-pong matches, sports icons, a skater, a map, a topographic pattern, chat-bubble 3D icon) plus a color palette and a "The quick brown fox" type sample.
Style-guide page showing Cera Pro typography, the teal/orange/grey color palette with hex values, UI icons, custom map pins, photo treatment, and UI components (buttons, text input, search bar, bottom nav).

Getting into the app

A forgotten password shouldn't stand between you and a game. I kept the sign-up to one screen with social login. The first screen after that is the map itself, with tables around you already pinned, no searching required.

iPhone mockup on a blue topographic-pattern background showing the welcome screen with a photo header, "Welcome to PinPong" heading, Sign up button, and Facebook/Google login.
iPhone mockup on a blue topographic-pattern background showing the login screen with the PinPong pin logo, username and password fields, and a blue Login button.

Routing to a game

Tap a pin and a card slides up with a photo, distance, and a quick note on the table's condition. One more tap opens turn-by-turn walking directions — the handoff from discovery to walking shouldn't require thinking about which app you're in.

Two iPhones on a peach topographic background: left shows the map with custom paddle-pins around Görlitzer Park; right shows "Ping pong tables near you" as a scrollable list of photo cards with distances.
Two iPhones on a blue topographic background: left shows the Playground spot detail with photo, distance, open hours, and Share/Route buttons; right shows the map with an orange walking route drawn to a selected pin.

Shops and saved spots

Playing a game usually involves more than just the table itself. So the map also pins nearby kiosks, and your profile stores the tables you return to. Small adjacencies, but they're most of the ritual of going to play.

Two iPhones on a peach topographic background: left shows the shops map with kiosk pins mixed with table pins; right shows Kai Schumacher's profile with saved PinPong spots below the account options.

What user testing taught me

This project hammered home how much I needed to test with real users, not just myself. I'm a serious ping pong player, so I was biased about what seemed obvious. Testing showed I'd designed for people like me — not for casual players or beginners. Watching someone struggle with a flow I'd thought was intuitive was humbling, and it shaped every decision after that.