Interfaces die scannen, tikken en voorlezen overleven.
Voor teams die schermen of een grove flow hebben, en teksten die mensen moeten lezen. We zetten dat om in UI die op een telefoon en op een laptop werkt, met focus die je kunt zien en fouten naast het veld.

Front-end is het deel dat iemand aanraakt. Contrast, targetgrootte, een H1 die de pagina draagt, formulieren die hun fouten benoemen. Is er een brand board, dan blijft dat de baas. Bar Boef klinkt als de zaak, niet als een horeca-template. Red Flags en Dirty Seconds zijn gebouwd voor een donkere kamer: grote letters, één job per scherm zolang de timer loopt.
Schermen of een grove flow, en de teksten die bezoekers moeten lezen, in de taal van de gebruiker.
Werk dat live staat
barboef.nl is de publieke toon van een borrelcafé, NL, met paden naar feestjes, zaal en contact. Red Flags en Dirty Seconds zijn Expo-UI voor een groep die geen handleiding leest. We meten hier geen heatmap-cijfers. Wat je krijgt is het product op het scherm.

Bar Boef
Publieke site voor een borrelcafé in Haarlem, plus een CMS zodat de zaak zelf teksten, agenda en beelden bijwerkt.
Screenshot van de live site, 25 augustus 2026.

Red Flags
Vrienden bouwen absurde date-profielen en stemmen op de grootste red flags. Doel in het product: binnen twee minuten een lopende ronde.
Screenshot van de live site, 25 augustus 2026.

Dirty Seconds
Uitlegspel in de 30 Seconds-hoek. Termen uitleggen zonder ze te zeggen, raden voor de timer om is.
Screenshot van de live site, 25 augustus 2026.
Wat je krijgt
Toegankelijke UI in React of React Native, in de taal van de gebruiker. Focus, contrast, fouten bij het veld, en states voor leeg, laden en mislukken. We volgen een brand board als die er is. Copy schrijven we mee als je dat nodig hebt, in het Nederlands of Engels dat de bezoeker spreekt.
Hoe we starten
Lever schermen of een grove flow, plus de zinnen die op het scherm moeten. Eerste sprint: één pad dat je kunt tikken. Review op een echt apparaat, niet alleen in de browser van de developer. Wijzigingen aan copy of flow tijdens de sprint noemen we met gevolg voor de prijsindicatie.
Wanneer dit past
Dit past als het ontwerp of de teksten er al zijn en de bouw van de UI de opdracht is. Een hele site inclusief deploy staat bij web. Een app tot in de store bij mobile. De website-check scoort titel, meta, koppen en alt-teksten als je al een URL hebt.
Klaar om te vertellen wat je nodig hebt?
Stuur de schermen of de flow. We komen terug met een prijsindicatie voor de UI. Heb je al een live URL, haal de websitescore op.
Vragen over dit werk
- Werken jullie vanaf Figma?
- Ja, of vanaf een grove flow op papier. We hebben de teksten nodig in de taal van de gebruiker. Een bestand zonder copy is een start, nog geen opdracht.
- Hoe zit het met toegankelijkheid?
- We mikken op WCAG 2.1 AA op publieke pagina's: contrast, focus, labels, fouten die herstel noemen. Een formele audit hoort erbij als we die in de opdracht zetten.
- Kunnen jullie de copy ook schrijven?
- Ja, als je dat nodig hebt. Nederlands en Engels als volledige peers. Jargon mag in het Engels blijven. We verzinnen geen claims of cijfers.
- Doen jullie alleen de voorkant, of ook de API?
- Alleen de UI kan. Vaak zit de API in hetzelfde project, zoals bij Weekboodschappen. Zeg in de offerte wat al bestaat en wat wij moeten bouwen.