Kamran Kalantari EP.01 / 05
EP.01 — Product design · Design systems · 2026

NETTLA SOCIAL SHIPPING SOCIAL FEATURES AT STARTUP SPEED

Nettla's app had been optimised around what clubs wanted. Players wanted something else: friends, stats, messaging, and a feed to tie it together. I joined as a freelance product designer to repair the design system and ship those features fast, without the luxury of A/B tests and long investigations.

Client
Nettla — white-label booking platform for racket sports
Role
Freelance Product Designer
Engagement
2 months
Year
2026
Two phone screens from a club's Nettla app: a social feed showing players joining activities and inviting each other to bookings, and a player profile with match history and an Add friend button.
The social layer, live

A feed of what the club is doing, and the player profile behind every friend request. The booking tool became somewhere players come back to between games.

Client

Nettla is a startup building a white-label platform for racket sport bookings: padel, tennis, pickleball and squash. It is an alternative to the big booking marketplaces: instead of listing on someone else's platform, clubs get their own branded app and keep full control of their brand and their customer data.

The app ships in two forms. There is Nettla's own version, which carries every club on the platform, and there are single-club builds for clubs that want their own app, with their name, colours and logo throughout. Padelstars 2.0 is one of those branded builds. Everything I designed had to hold up in both.

Challenge

An app built for clubs, and players asking for something it wasn't.

Nettla had spent a long time optimising the app around what the clubs wanted. The players were now asking for something different: friends, stats, messaging, and a social feed that pulled it all together.

The product had also been shipping for a period without a designer. New components had gone into the Figma library without a place to live, so past a certain date it was hard to find what already existed. Programmers had started designing ideas freehand rather than from the library, and spacing showed it: the same kind of module set differently from one screen to the next.

Approach

Process is a tool, not an end in itself.

Before opening Figma to draw anything new, I went through the existing design system component by component: what could be reused as-is, what could be modified to support the new features, and where I would need to build something entirely new that still felt native to the library. That gave me a foundation to build on, instead of adding another layer on top of the drift.

  1. Talked to the product owners about what they actually needed. They knew they wanted a friends feature, but had no clear picture of how it should be presented or how it should work in practice.
  2. Was upfront about the risk of designing quickly without testing, so we could decide together where it was worth putting the effort and where “good enough” was genuinely fine.
  3. Built every new feature as a complete flow in Figma, then walked developers and decision-makers through it before anything got built.
  4. Used the Figma agent and loaded Nettla's design system into Claude Design to iterate on ideas quickly, combined with manual design work.
  5. Tested each feature once developers had it running in the dev app, gave feedback, and flagged anything needing more polish to the product owner so we could prioritise together: what was worth the time, and what could wait.
The audit

A map before a pen.

The library had stopped being navigable, so the first job was reading it: what was already in there, before deciding what to adapt and what had to be built.

Adapted

Existing components given new variants, so the new features matched the old.

  • Buttons — size, copy style and colour, across the friend system, QR sharing and scanning, and feed invitations
  • Search field
  • Notification module — carried friend requests
  • Settings
  • Club navigation — club info, social feed and club home, assembled from elements already there
  • Levels screen — a new version of the screen that already existed, with sheets of its own
Built new

Nothing in the library covered these.

  • Head to head stats — the app had no concept of a record between two players
  • Padel and tennis level displays — new modules for both, with their descriptions

The friends system and the social feed arrived as ideas with no form: no visuals, no navigation, and no flow for finding a player, adding them, or sharing a profile to be added back. Those were drawn from the brief, out of the parts above.

Any module, any order

Clubs arrange their own Club Home, and the Social Feed fills with whatever happens next. So no module could assume what sat above or below it: each is a Figma component that stands on its own and works anywhere in the stack.

The Friends screen: a search field for all players, a highlighted panel showing two pending friend requests, and a list of friends with their playing levels.
Friends

The feature the product owners wanted but couldn't yet picture. Designed as a full flow before a line of code.

The Social feed for a club: a friend joining an Americano activity, a booking invitation showing the court, time, price and the three players on it, and a friend joining a match.
Social Feed

The thread that ties bookings, results and friends into one place worth opening.

Club home: a Book a court panel, then a row of activities, club announcements, and the start of the public matches list.
Club Home

The club's own front page inside its own branded app.

The feed, module by module

What the feed is assembled from: a private match invitation, an accepted friend request, players from your last match, and people you might know.

Outcome

Close to 10,000 friendships in the two months after launch.

~10,000

Unique friendships created on the platform in roughly two months from release, counted by Nettla's own development team. The first 24 hours produced between 1,500 and 2,000 of them, and the product owner reported that Friends had already become the most-used feature in the app's history.

Friends, Social Feed and Club Home are all live in the official Nettla app today.

In my final weeks I also produced ad creative for the App Store and Google Play, and worked on improvements across the admin tool and other parts of the player app. The preview screens below are for Padelstars 2.0, one of the branded builds.

See Nettla on the App Store ↗

The five Apple App Store preview screens for Padelstars 2.0 in a row: a branded title card, then Book a court in seconds, Challenge players on a similar level, Sessions for every stage of your game, and Watch your rating climb.
After the engagement

The work kept shipping without me in the room.

Two months was the engagement. Nettla's developers have been building and releasing flows I designed in the months since, with more still in the pipeline. That is the part of the approach I care most about: complete flows in Figma, walked through with the developers once, then built correctly when I am no longer there to answer questions.

Each of these is Nettla's own public release note, not my summary of it.

Two phone screens: a player profile showing a head-to-head record of 3–2 with the last five meetings, and an Add friends screen with suggested players and mutual friends.
Friends & Head 2 Head Stats

Released 23 July 2026. Add players by search or profile QR code, get suggestions based on who you have actually played, and see your record against anyone you have faced. Release note ↗

Two phone screens showing the social feed: friends joining activities and bookings, with emoji reactions on each moment.
The Social Feed

Released 6 August 2026. A shared space per club where friends' bookings and matches become something to react to and join, rather than something you miss. Release note ↗

Two phone screens: a player profile with a Padel and Tennis toggle showing a tennis level of 4.50, and a Latest matches list with set scores.
Tennis Levels & Match-making

Released 27 August 2026. The padel skill system extended to tennis: levels 1.00 to 7.00 across named categories, self-assessed on signup, applied to singles and doubles. Release note ↗

Two phone screens showing the activities feed with a For you filter applied, narrowing a long list to the sessions that match the player.
Activities filter: For you

Released 3 September 2026. One tap narrows a club's activities feed to the player's level, gender and age, working from their profile with no setup. Release note ↗