UI/UX en design van de vernieuwde TeamTV web-app: streamen, analyseren en publiceren in één schaalbaar platform.

Klant
TeamTV
Jaar
2024
Tools
FigmaReactWebflowAfter Effects

TeamTV is het videoplatform waarmee sportclubs hun wedstrijden streamen, analyseren en delen. Het platform groeide hard in functionaliteit, en de interface moest dat bijhouden: moderner, rustiger en klaar voor alles wat nog komt.

In plaats van losse schermen ontwierpen we een systeem: componenten, kleuren, typografie en patronen die met elkaar kloppen. Zo kan het team van TeamTV nieuwe functies toevoegen zonder dat de web-app een lappendeken wordt.

De drie kernflows, streamen, analyseren en publiceren, kregen elk een eigen, heldere route. Minder klikken, meer overzicht, en een interface die rustig blijft, ook als er veel gebeurt op het veld.

TeamTV

Van web-app tot marketingwebsite

Naast de app vernieuwden we de marketingwebsite in Webflow, in dezelfde beeldtaal. Wie de site bezoekt en daarna inlogt, merkt geen breuk: het voelt als één product. Het UI/UX-ontwerp is mobiel net zo sterk als op een groot scherm langs de lijn.

Emiel van LieshoutCEO, TeamTV

  • Schaalbaar designsysteem
  • Nieuwe UI/UX voor de web-app
  • Flows voor streamen, analyseren en publiceren
  • Dashboards en overzichten
  • Vernieuwde marketingwebsite in Webflow
  • Animaties en motion design

02022021

Een uitgebreide prijsmatrix voor TeamTV met inklapbare lijsten, schakelaars voor valuta en betaalperiode en tooltips: een van de belangrijkste leadpagina's in hun funnel.

TeamTV: De prijstabel die overzicht geeft

Meerdere pakketten, verschillende valuta, maandelijks of jaarlijks betalen. Voor TeamTV maakten we een prijstabel die al die keuzes overzichtelijk houdt.

TeamTV is specialist in video-analyse voor sportclubs. Elk pakket heeft een eigen set functies, en clubs komen uit verschillende landen. Alles over prijzen in één helder overzicht krijgen, dat was de opgave.

We ontwierpen en bouwden een uitgebreide prijsmatrix. Inklapbare lijsten laten per pakket zien wat erin zit, en met schakelaars wissel je van valuta en betaalperiode. Eigen iconen en tooltips bij de vraagtekens geven uitleg waar dat nodig is.

De Webflow-front-end integreerden we in de WordPress-website, met subtiele hover- en scrollinteracties. De prijstabel werd een van de belangrijkste leadpagina's in de online funnel van TeamTV.

TeamTV
Volgende caseMonvyMonvy: van brandbook tot platform voor facturen en debiteurenbeheer

Today may be the day to meet your strategic partner.

Lanceer vandaag jouw project

Martijn RoefsNoud van der StappenAlexander KoselkaMaud BouwmansFinn OliemeulenMartijn, Noud en de rest van het team staan voor je klaar.