Mockup · 01/09/2026

Five — visuele
redesign

Dezelfde app, dezelfde functies, dezelfde data. Wat verandert is de rangorde: de app opent op de enige vraag die er op dat moment toe doet — doe je mee? — en alles wat je pas later nodig hebt zakt naar beneden of naar een ander tabblad. De donkergroen-limoen identiteit blijft; de opbouw eronder niet.

5 schermen Mobiel eerst · 390px Palet uitgebreid, niet vervangen Statische mockup

De schermen

Sleep horizontaal. Elk scherm toont een echt moment uit de reeks, met plausibele data — acht van de tien binnen, teams gemaakt, score gepubliceerd, stand bijgewerkt.

20:41
Five
Jij bent Gizer
Admin
Volgende match
Vrijdag 5 sep
21:00
Sporthal Heusden·over 3 dagen
8VAN 10
Nog 2 nodig Emre en Baran hebben nog niet geantwoord.
GZ
AN
YU
ME
KA
RU
JO
DR
WO
SE
EM
BA
8 mee 2 niet 2 geen antwoord
Ik doe mee
Ik pas
Daarna
12sep
Vrijdag 21:00Sporthal Heusden
3/10
open
19sep
Vrijdag 21:00Sporthal Heusden
0/10
open
Laatste uitslagen
29 aug 6–4 MVP Anil
22 aug 3–7 MVP Ruben
15 aug 5–5 Gelijk
1 · Wedstrijden De volgende match vult het eerste scherm. Ring in plaats van streepje, gezichten in plaats van drie rijen naamlabels, en je antwoord als grootste knop.
20:41
Five
Jij bent Gizer
Admin ✓
Vanavond · 21:00
Teams zijn
gemaakt
Sporthal Heusden·10 spelers
Opstelling · ELO-balans
Team A
5790 ELO
GZGizer
ANAnil
YUYusuf
MEMert
KAKaan
VS
Team B
5764 ELO
RURuben
JOJonas
DRDries
WOWout
EMEmre
26 ELO verschilEvenwichtig
Bank
SeppeBaran
Opstelling delen
Match klaar
Tik twee spelers aan om te wisselen
2 · Teams A en B naast elkaar in plaats van onder elkaar, met een balansbalk die in één blik toont hoe eerlijk de generator verdeeld heeft.
22:58
Five
Jij bent Gizer
Admin ✓
Eindstand · 5 sep
6TEAM A
4TEAM B
🏆 Team A wint · +12 ELO
MVP-stemming · nog 2 dagen
Enkel het winnende team, niet op jezelf.
AN
Anil3 stemmen
YU
Yusuf1 stem
ME
Mert0 stemmen
Jij stemde op Anil · tik om te wijzigen
Geschiedenis · 24 matchen
5 sep 6–4 stemmen
29 aug 6–4 MVP Anil
22 aug 3–7 MVP Ruben
15 aug 5–5 Gelijk
8 aug 9–2 MVP Kaan
3 · Score & MVP Het scorebord is één blok in plaats van twee invulvakjes. De MVP-stemming toont gezichten en de stand van de stemmen, niet enkel namen.
20:41
Five
Jij bent Gizer
Admin
24Matchen
217Goals
9.0Per match
11-2Grootste
🥈
Ruben1240
🥇
Gizer1284
🥉
Jonas1210
Spelerstats
ELO
W-V
Goals
1Gizer 1284
2Ruben 1240
3Jonas 1210
4Anil 1196
5Yusuf 1150
6Dries 1144
7Mert 1102
Eretitels
🏆
AnilMeeste MVP's · 6×
🍀
GizerHoogste winratio
💚
Kaan + Jonas9 zeges samen
4 · Stats De ELO-kolom wordt een balk, zodat je het verschil ziet in plaats van het te moeten rekenen. Zeven cijferkolommen terug naar vier elementen per rij.
20:41
Five
Jij bent Gizer
Admin
Seizoen 1
18 matchen · afgesloten 30/06/2026
Wissel ▾
Eindstand
1Ruben 1298 🏆 5
2Gizer 1252 🏆 3
3Kaan 1214 🏆 4
4Anil 1180 🏆 2
5Jonas 1142
Matchen
26 jun 8–3 MVP Kaan
19 jun 4–6 MVP Ruben
12 jun 7–7 Gelijk
5 jun 11–2 MVP Gizer
29 mei 2–5 MVP Anil
5 · Archief Afgesloten seizoenen krijgen dezelfde ranglijst-vorm als de live stats, zodat het één systeem blijft in plaats van twee tabellen die op elkaar lijken.

Wat er concreet verandert

De wedstrijdkaart is het hart van de app — je opent Five vrijwel altijd voor precies deze kaart. Links de huidige, rechts de nieuwe, allebei op ware grootte.

Nu

Gepland
Vrijdag 21:00
📍 Sporthal Heusden
Organisator: Gizer
Beschikbaar 8 van 10
Nog 2 nodig 2 niet mee
GizerAnilYusufMertKaanRubenJonasDries
WoutSeppe
Nog geen antwoord · 2
EmreBaran
Ik doe mee
Ik doe niet mee
  • Alles even zwaar. Datum, plaats, organisator, teller, balk, drie rijen labels en de knoppen krijgen dezelfde nadruk — je moet de kaart lezen om te weten wat je moet doen.
  • Je actie staat onderaan. Bij tien of meer spelers verdwijnt de RSVP onder de vouw.
  • Drie rijen naamlabels vragen dat je namen leest om te tellen.

Nieuw

Volgende match
Vrijdag 5 sep
21:00
Sporthal Heusden·over 3 dagen
8VAN 10
Nog 2 nodig Emre en Baran hebben nog niet geantwoord.
GZ
AN
YU
ME
KA
RU
JO
DR
WO
SE
EM
BA
Ik doe mee
Ik pas
  • Eén ding is het grootst: wanneer. Daarna: hoeveel er nog missen. Daarna: jouw knop.
  • De ring vervangt de balk. 8/10 lees je zonder tekst; de kleur zegt of het doorgaat.
  • Namen worden gezichten. Twaalf avatars nemen twee rijen in plaats van zeven, en wie ontbreekt zie je aan de stippellijn.
  • Organisator en betaling verhuizen naar het betaalvenster — je hebt ze pas achteraf nodig.

Vijf beslissingen

Geen van deze vraagt een nieuwe API, een nieuw veld of een migratie. Het is dezelfde state, anders gerangschikt.

01

Navigatie naar onderen

De tabbladen staan nu bovenaan, buiten duimbereik op een telefoon van 6 duim. Ze verhuizen naar een vaste balk onderaan. Wedstrijden blijft het startpunt.

02

Eén held per scherm

De eerstvolgende match krijgt een eigen blok met verloop, ring en RSVP. De volgende matchen zakken naar compacte regels — zichtbaar, maar niet even luid.

03

Gezichten in plaats van labels

Elke speler krijgt een gekleurd initiaalvakje. Dezelfde kleur keert terug in de teams, in de MVP-stemming en in de geschiedenis, zodat je mensen herkent zonder te lezen.

Zonder foto's — initialen en een vaste kleur per speler, afgeleid van de naam.

04

Cijfers worden vormen

8 van 10 wordt een ring. ELO wordt een balk. De teambalans wordt één streep die naar links of rechts leunt. Uitslagen krijgen een verhoudingsbalkje.

Het cijfer blijft er altijd bij staan — de vorm is de snelle lezing, het cijfer de exacte.

05

Admin wordt stiller

Spelersbeheer, betaalgegevens en het inplannen staan nu tussen de wedstrijden in, ook al gebruikt één iemand ze. Ze verhuizen naar een admin-vel achter het slotje, zodat het hoofdscherm voor iedereen hetzelfde is.

06

Wat blijft

Het donkergroen, de limoen, de zware hoofdletters, de vierkante hoeken van 12–20px, de teamkleuren turkoois en koraal. Het moet dezelfde app blijven, niet een andere.

Palet

De bestaande kleuren blijven; de achtergrond wordt iets dieper en er komt één niveau bij, zodat kaarten los kunnen komen van het vlak eronder.

Vlak#08110E
Kaart#101C17
Verhoogd#17281F
Limoen#C7E85C
Amber#F0A93C
Team A#4FC3D9
Team B#FF7A5C
Gedempt#8CA697

Typografie

Eén display-familie voor alles wat kort en luid is, één UI-familie voor alles wat je leest, één mono voor cijfers die moeten uitlijnen. Alle drie gratis via Google Fonts.

Archivo 900 · 27/1.04 Vrijdag 5 sep
Archivo 800 · 12/.07em Ik doe mee
Archivo 800 · 9.5/.18em Volgende match
Inter 500 · 12.5/1.5 Emre en Baran hebben nog niet geantwoord.
JetBrains Mono 800 1284 · 6–4 · 8/10

Wat dit niet is