Anaïs SidibeAnaïs Sidibe
B2B2C
End‑to‑End
iOS & Android
+300k Users

Messaging hub redesign

Role:

UX researcher & product designer

Team:

1 developer

Duration:

3 weeks from concept to handoff

Tools:

Claude Code, Figma, MCP server

Platform:

Native Android & iOS

TL;DR

Business problem: App adoption. No one was using chat, the app's core feature, and Kurabu needed that before going after more clubs.

Users problem: Chats were messy, important updates got lost, and parents struggled to follow their children's teams.

What I did: I improved the information architecture and usability of in-app messaging and added access control. App adoption and active users went up, and messaging became a key feature in sales.

Diagram of the messaging hub's user impact, business impact, and key decisions

Solution’s impact

Research

Coaches, members and parents all needed one place for every team chat

I interviewed customer support (club admin and member feedback) and stakeholders, and benchmarked popular messaging tools, to understand who our users are and how they communicate within clubs.

Coach

Want to contact and coordinate team members seamlessly

  • Important information pinned
  • Coordinate efficiently the teams
  • All teams chats in one place
Team Member

Want to check important info quickly and contact team mates

  • Important information pinned
  • Contact team mates
Parent

Want to coordinate with other parents

  • Important information pinned
  • Contact parents
  • All teams chats in one place

Insights & Why’s

The existing feature wasn’t built for communication across teams and roles

Members belong to multiple teams, parents need access to their children's conversations, and coaches need control over who sees what. As conversations grew, important updates got lost. Clubs filled the gaps with scattered tools like with email and WhatsApp, with no system built for these specific needs.

The previous messaging feature in the app

Before

User flow diagram

What user actually want to do

Coach and members adoption was the path to bigger clients

Addressing how clubs really communicate would drive coach and member adoption, and give the app weight in sales pitches to medium and large clubs (1,000+ and 3,000+ members), bringing in more clients.

Solution

I used Gemini to estimate the usage data I couldn't access anymore

Max #Team/User

~6

Real team names

🏀 Basketball

  • U14W 1
  • Herren 1

🎾 Tennis

  • Freizeit Mixed
  • Jugend U18

🧘 Yoga

  • Hatha Yoga – Einsteiger
  • Rücken-Yoga

🏊 Swimming

  • Wettkampfmannschaft 1
  • Aquagymnastik

Chat types

Announcements

Only team leads can post, pinned for everyone

Team Chat

Everyone can post

Carpools & logistics

Everyone can post

Birthday & Gifts

Everyone can post

Other

Everyone can post

Prototype with filters by person and team

I tested search behaviour with real humans

I tested with parents in two ways:

  • By asking an open question: how would you look for the parent’s chat of one of your children’s team?
  • By letting parents use a prototype with both filters at once: by team name or by child's name, and watching which one they used.

Result: 100% by team name

Team leads control what everyone sees, so key updates don't get lost

Only team leads can post announcements and pin a thread for the whole team. Everyone else can post in every other chat. Feedback from sales, leadership and key clients before development shaped these rules.

The same chat interface in different clubs' colours and logos

Same interface, different clubs

Club branding shows members of several clubs which one they're in

Strengthening club identity: Enabled custom branding options so each club feels unique

Multi-club members needed clarity: Prevent confusion for users belonging to multiple Kurabu clubs by making their active club immediately obvious.

Outcome

Clubs moved their communication in‑app

Messaging became a reliable way for clubs to communicate inside their own app. Team‑based conversations and role‑aware access made it easier to share updates and documents in a GDPR‑compliant environment, without relying on external messaging tools.

↑

App adoption

Coaches and members moved team communication in-app

↑

App downloads

After launch

↑

Sales weight

Messaging became a key feature in sales conversations with medium and large clubs

Coded Prototype

Built for you to test ✨

Open live on mobile: messaging-app-iota.vercel.app

Tools: Figma MCP, Claude Code

Tech: HTML / CSS / JS

Demo Account Context:

  • Member of 2 teams
  • Team lead for child's team
  • Parent of 2 children (1 managed account)

Other projects

Updating a design system in a growing product

Cut UI design handoff time drastically from 3 hours to 2 minutes

Handoff
Bilingual
Figma Variables