Industrie:
Sportmanagement, vrouwenbasketbal
Tijdlijn:
3 weken
Impact:
10 dagen vóór een groot spelersevenement
Launch Sports Management had een website voor een sportmanagementbureau nodig, op een moment dat er weinig meer lag dan een tekstdocument, twee logo’s en een datum in de agenda. Launch vertegenwoordigt en adviseert basketbalsters aan Amerikaanse universiteiten, over alles van NIL-deals en contracten tot transfers, juridische vragen en het leven dat bij een studiebeurs hoort.
De mensen erachter kenden ons al. Wij bouwden eerder de website van VIA Sports Experiences, dus dit project begon met een kort mailtje: wat kosten twee kleine basketbalsites? Drie weken ontwerp en WordPress-ontwikkeling later stond Launch live. Tien dagen voor een evenement met een flink aantal topspeelsters, precies de datum waar de klant stilletjes op had gehoopt.
Zelf een datum die niet kan schuiven? Vertel ons welke.
De opdracht was kort en eerlijk. Een overzicht van wat Launch doet, een kort verhaal over het team en een lijst met speelsters die ze al hadden geholpen. Alleen Engels, geen webshop, geen koppelingen bij de livegang, hooguit drie pagina’s. Voor de opbouw wees de klant naar de site van een bestaand NIL-bureau, voor het gevoel naar de VIA-site die we eerder maakten.
Het lastige zat in wat er nog niet was. De logo’s lagen nog bij een ontwerper. Foto’s van speelsters en de toestemming om ze te tonen werden nog verzameld. En of een van de partners met naam op de site mocht, of alleen zijn kantoor, zou pas duidelijk worden als het ontwerp al klaarlag.
En dan de lezer. Ouders van een speelster van zeventien, die moet kiezen waar ze volgend seizoen speelt en wat ze tekent. Zo’n site draait op geloofwaardigheid, en die raak je in kleine stukjes kwijt. Twee cijfers die elkaar tegenspreken, een mailadres dat onder de spam verdwijnt, een spelersraster met een gat erin. Een mooier lettertype lost daar niets van op.
De teksten kwamen op 19 augustus binnen. Dezelfde dag gingen ze terug als zwart-wit wireframe in Figma, alleen structuur, met naast de schermen een lijst genummerde open vragen. Beslissingen die wij niet voor de klant konden nemen, op een plek waar hij ze een voor een kon beantwoorden in plaats van in één lange mail.
Het lezen van de teksten veranderde de opdracht één keer. Elke Let’s Talk-knop moest ergens uitkomen, dus werden drie pagina’s er vier. Een mailadres dat open en bloot op zo’n site staat, loopt binnen een paar weken vol met rommel, en via een formulier komen aanvragen binnen in een vorm waar iemand iets mee kan. Het formulier vraagt wie er schrijft, een speelster, een ouder of een coach, en in welk jaar ze eindexamen doet. Zo begint het eerste gesprek meteen op de goede plek. Na de feedback werd dat eindexamenjaar verplicht. Volgens de klant is het de belangrijkste informatie op het hele formulier.
De eerste open vraag was een getal. In de tekst stond meer dan 175 Division I-speelsters, in het cijferblok ernaast 185 en meer. Op een pagina die ouders nauwkeurig lezen, moeten die twee kloppen. Dat doen ze nu.
In plaats van te wachten bouwden we de onzekere onderdelen zo dat elk antwoord er meteen in past. Het spelersraster loopt door en blijft links uitgelijnd, zodat vijf, zeven of negen speelsters eruitzien als een bewuste keuze en niet als een rij die tekortkwam. De juridische partner kreeg één vaste plek, even groot en op dezelfde hoogte als de portretten van het team. Met naam en foto of alleen met het kantoor erbij: boven en onder dat blok verschuift niets.
Met de foto’s deden we hetzelfde. We bouwden met grijze vlakken en een lijst van precies welke beelden nodig waren, en in welke uitsnede: portretten die op dezelfde manier geschoten zijn, per speelster één vierkante foto, brede beelden voor de bovenkant van de pagina’s, sfeerbeelden en één afbeelding voor het delen op sociale media. Echte foto’s later inwisselen kost niets, dus een dunne beeldbank hield de bouw nooit op.
De eerste HTML-versie stond op 24 augustus op onze ontwikkelserver. De opmerkingen van de klant kwamen binnen een dag terug en op 25 augustus stond de aangepaste versie klaar. The Launch Approach werd de sectietitel, met de vier pijlers van spelersbegeleiding eronder. De Whole Athlete-afbeelding verhuisde naar onderaan What We Do, waar die de pijlers niet meer herhaalde. En Our Players kreeg een eigen menulink, rechtstreeks naar dat deel van de homepage.
Bij een speelster kan een YouTube-fragment openen. Dat lieten we eerst op één profiel zien, en in WordPress werd het een veld per speelster, naast foto, naam en school. Een speelster toevoegen is een paar velden invullen, geen ontwikkelaar bellen.
Launch draait op een maatwerk WordPress-thema, gebouwd vanuit de goedgekeurde HTML en niet opnieuw in elkaar gezet met een pagebuilder. Het spelersoverzicht wordt beheerd met velden per speelster, dus het deel van de site dat het vaakst verandert, is ook het makkelijkst aan te passen.
De animaties geven het ontwerp zijn gewicht. De koppen staan in een zware, smalle letter, dus woorden komen omhoog uit hun eigen basislijn in plaats van langzaam te verschijnen. Elke pagina krijgt één luid moment in plaats van tien beleefde.
Bij dat rookeffect viel three.js af. Er zit geen camera, geen geometrie en geen licht in, en een bibliotheek van zo’n 600 kB om één rechthoek te tekenen is veel bagage voor een korte reis.
De agenda, van eerste mail tot livegang:
Het grootste deel van 9 tot 14 september was controletijd aan de kant van de klant. De site stond klaar terwijl dat gebeurde, en dat is de minst spannende manier waarop een deadline kan verlopen.
Launch Sports Management ging op 14 september live met:
De delen die het vaakst veranderen, hebben ons niet meer nodig. Tekent er een nieuwe speelster, dan zet het team haar erbij. Schrijft een ouder, dan staat het eindexamenjaar al in het bericht. Bij ons blijft het deel waar niemand bij een basketbalbureau aan wil denken: updates, back-ups en de inlog.
Ja, zolang de teksten er ongeveer zijn. We bouwen met tijdelijke vlakken en een lijst van precies welke beelden en uitsneden we nodig hebben, en echte foto’s later inwisselen kost niets. Het logo willen we graag vroeg hebben, het liefst als vectorbestand, want het ontwerp leunt erop.
Bij Launch was dat drie weken ontwerp en ontwikkeling, van teksten tot een WordPress-site klaar voor controle. Het tempo hangt meestal af van teksten en feedback, dus hoe eerder de tekst er is, hoe beter een datum overeind blijft.
Ja. Bij Launch is elke speelster een set velden in WordPress: foto, naam, school en een optionele YouTube-link. Voor een nieuwe speelster is geen ontwikkelaar nodig.
Ja. Launch is een Amerikaans bureau, en het hele project liep via mail, met Figma voor het wireframe, met acht uur tijdsverschil ertussen.
Als je dat wilt. Launch heeft technisch onderhoud bij ons, dezelfde afspraak die het team al had voor VIA: updates, beveiligingsscans en back-ups in een wekelijkse ronde. Op onze pagina over website ondersteuning lees je hoe dat werkt.
Stuur ze allebei. Wij vertellen je wat er voor die datum past, en wat het kost voordat we het bouwen. Begin het gesprek.
Vertel wat vastloopt, wat je wilt bouwen, of wat opgelost moet worden. We reageren doorgaans binnen 24 uur.
