Beschikbaar: vanaf Q1 2027
Mobiel scherm van de SportCity-app met de groepsles Grit Cardio, lesdetails en een knop om te boeken

SportCity

Van juli 2022 tot september 2024 werkte ik bij SportCity als UX Lead. In deze rol was ik verantwoordelijk voor de UX van de website (gericht op ledenwerving) en later ook de app (member experience). Ik ontwikkelde een modulair design-systeem en professionaliseerde de UX van beide platforms. Dat resulteerde in hogere conversiepercentages en meer tevreden leden.

Kaart van Nederland met de SportCity-clubs als markeringen en clusters per regio

SportCity

SportCity is een landelijke fitnessketen met 123 clubs. In 2022 gingen de merken Fit For Free en SportCity samen door als één merk: SportCity. Daarmee zette de keten de stap van value-segment naar een toegankelijk premium merk.

Mijn opdracht

Als UX Lead website & app verantwoordelijk voor de UX-strategie, uitvoering en samenhang tussen beide platforms.

UX Design

Ontwerp en validatie van nieuwe flows, componenten en schermen.

Discovery nieuwe concepten

Begeleiden van ideation-workshops, concepting en prototypes valideren met eindgebruikers.

Development handoff

Afstemming met 2 devteams tijdens realisatie en QA.

Product Owner (interim)

Tijdelijk waarnemen van de PO-rol voor het webdevelopmentteam. Prioriteren van backlog, plannen van sprints en afstemming met interne organisatie.

Nieuwe SportCity-huisstijl op bewegwijzering in een club en op vlaggen in zwart, geel en wit
Clubingang met het nieuwe SportCity-logo en lijnillustraties op de ramen
Muurschildering in de nieuwe SportCity-stijl in de krachtruimte van een club
Zwarte SportCity-bidon met het S-logo tussen fruit en waterspetters op een gele achtergrond
Uithangbord met het nieuwe SportCity-logo: de S met gele stip

Van 2 merken naar 1 digitale ervaring

De fusie van SportCity en Fit For Free was een belangrijk onderdeel van mijn werk. Ik begeleidde de overgang van twee websites en apps naar één consistent digitaal platform, met behoud van functionaliteit en ledenervaring.

Rebranding SportCity

Branding agency Fitzroy vernieuwde na de fusie het SportCity-merk. Samen met de brand designer van SportCity vertaalde ik deze nieuwe merkidentiteit door naar web en app – zodat de merkbelofte “meer bewegen, meer ontspannen, meer geluk” ook online voelbaar werd.

Design-systeem als fundament

Ik ontwikkelde een modulair design-systeem dat zowel web als app ondersteunt. Dit systeem versnelt design- en ontwikkelprocessen, zorgt voor consistentie en maakt iteratie eenvoudiger voor het interne team.

Overzicht van componenten uit het SportCity design-systeem, zoals lescards, clubcard, knoppen, prijsblok en drukte-indicator

Website

Van MVP naar volwassen acquisitiekanaal

De bestaande website was aanvankelijk een eenvoudig MVP. Ik hielp deze doorontwikkelen tot een volwaardig kanaal voor ledenacquisitie.

Mobile-first

Zo’n 70% van de bezoekers komt via de telefoon. Daarom ontwierp ik elk scherm eerst voor mobiel en schaalde het daarna op naar desktop.

Clubpagina’s als kern van de salesflow

Ik breidde de clubpagina’s flink uit. Ze werden het hart van de salesflow: de plek waar een bezoeker zijn club leert kennen en de stap naar een lidmaatschap zet.

Nieuwe lidmaatschapsflow

Ik ontwierp een nieuwe flow om lid te worden, samen met de introductie van de One- en Plus-abonnementen. Dat leverde een conversieverbetering van 6% op.

Testen en verbeteren

Verbeteringen kwamen voort uit usability-tests en A/B-tests. Zo bouwden we op wat bezoekers echt doen, niet op aannames.

Lokale landingpages

Samen met SEO- en contentspecialisten ontwikkelde ik lokale landingpages, om beter gevonden te worden in zoekmachines en AI-zoekdiensten (SEO en GEO).

  • Clubpagina Amersfoort Noord op tablet met foto, adres, openingstijden, reviews en knoppen om lid te worden
  • Fotogalerij van een clubpagina op tablet met de gevel en het interieur van de club
  • Clubpagina op tablet met clubbeschrijving, voorzieningen als labels en een blok met openingstijden en prijs
  • Vergelijking van de lidmaatschappen City One en City Plus met voordelen en prijs per 4 weken
  • Blok Clubs in de buurt met kaarten van nabijgelegen clubs, adres en afstand
  • Aanbod van een club met tegels voor diensten en een lijst met alle voorzieningen per categorie

De nieuwe check-out testen met eindgebruikers

Tijdens een mobiele usabilitytest vergeleken we de live versie met een prototype. De inzichten leidden tot verbeteringen in navigatie en opbouw van het formulier.

Usabilitytest: deelnemer bekijkt de clubpagina Amsterdam Arena op mobiel, met schermopname en camerabeelden
Usabilitytest: deelnemer vergelijkt lidmaatschappen op mobiel, met schermopname en camerabeelden
Mobiele homepage van SportCity met de slogan Clubliefde sinds 1995, een zoekveld voor clubs en de knop Lid worden
Stap 1 van de check-out op mobiel: club kiezen uit een lijst met foto, adres en prijs per club
Stap 2 van de check-out: keuze tussen City One en City Plus en de looptijd van het lidmaatschap
Stap 3 van de check-out: formulier met persoonsgegevens zoals naam, geboortedatum en e-mailadres
Vervolg van stap 3: adres wordt automatisch aangevuld op basis van postcode en huisnummer
Stap 4 van de check-out: samenvatting van het lidmaatschap en extra's zoals Yanga Sports Water
Stap 5 van de check-out: afronden met overzicht, kosten en akkoord voor betaling via iDEAL
Herinneringsmail van SportCity om de inschrijving af te ronden met een knop om via iDEAL te betalen

App

Persoonlijker en gebruiksvriendelijker

Voor ruim 200.000 leden werkte ik aan een meer gepersonaliseerde app-ervaring.

Een persoonlijk beginscherm

Het nieuwe beginscherm sluit aan op de favoriete lessen en club van het lid. Wat je zoekt staat direct bovenaan.

Betere onboarding

Ik verbeterde de onboardingflow, zodat nieuwe leden sneller op weg zijn in de app.

Inloggen zonder wachtwoord

Ik begeleidde de overstap van inloggen met lidnummer naar inloggen met een magic link. Een complexe operatie, met honderdduizenden gebruikers die ongestoord moesten blijven inloggen.

  • Beginscherm van de app tijdens het laden, met grijze placeholders voor club, drukte en populaire lessen
  • Persoonlijk beginscherm met een knop om de volgende les te boeken, de eigen club met openingstijd en de drukte per uur
  • Beginscherm verder gescrold: aanbieding, populaire lessen in je club en lessen die je eerder boekte
  • Uitgelichte lessen met een knop om direct te boeken, personal trainers in je club en verdiende awards
  • Profiel van een personal coach met foto, clubs waar hij werkt en specialisaties zoals afvallen en voedingsschema's
  • Lesrooster per dag met zoekveld en clubfilter, per les de tijd, trainer, club en beschikbare plekken
  • Detail van de les Grit Cardio met tijd, zaal, instructeur, categorie, focus, duur en een knop om te boeken
  • Rooster met geopend categoriefilter: vrij trainen, groepslessen, squash en kinderopvang
  • Geboekte les BodyPump met andere beschikbare tijden en knoppen om te annuleren of te wijzigen
  • Inchecken bij de club door de QR-code bij de ingang te scannen
  • Bevestiging na het scannen: je bent ingecheckt en welkom
  • Eerste bezoek: welkom bij de club met confetti en de vraag om even langs de balie te komen
  • Prestaties: tijd in de club per week als grafiek, gemiddelde trainingsduur en je sportroutine in weken
  • Workouts met recent toegevoegde trainingen en de programma's van Les Mills
  • Alle Les Mills-programma's als tegels, zoals BodyAttack, BodyPump, BodyBalance en Grit
  • Mijn club: foto, adres, openingstijd, contactgegevens en de drukte per uur
  • Design-systeemIntroductie van één design-systeem voor web en app.
  • +6%Conversieverbetering bij het volledig afsluiten van een lidmaatschap.
  • Top 10 App StoreTop 10 in de App Store (Gezondheid en fitness), 4,7★ met 20.400 beoordelingen (2024).
  • Onboarden UX-designerInwerking en overdracht aan een in-house UX-designer.