Skip to content
Web3 gaming

Fair Play Collective

Fair Play Collective: logo, huisstijl, ontwerp en een bewegende website voor een samenwerkingsverband in Web3-gaming.

InternationaalInternationaal·Merk, ontwerp en website
  • Logo, huisstijl en site

    Van niets naar merk

  • Vier principes

    Eén verhaal op één pagina

  • Eén team

    Ontwerp en bouw

Delen
De homepage van Fair Play Collective: leden draaien in banen rond het logo

Over Fair Play Collective

The Fair Play Collective is een partnerschap tussen vooruitdenkende mensen binnen de Web3-gamingindustrie. Het collectief wil uitdagende, eerlijke en respectvolle gesprekken over de toekomst van gaming, en brengt de meest ambitieuze en transparante makers bij elkaar om nauwer samen te werken. De gedachte erachter: een game met een circulaire, schaalbare economie die standhoudt, is nog niemand gelukt, en de meeste projecten verdienen vooral aan het probleem.

De uitdaging

Play-to-earn had een geloofwaardigheidsprobleem. Veel projecten beloofden een economie en leverden een hype, en wie het wel serieus aanpakte, viel daartussen niet op. Het collectief wilde het tegenovergestelde uitstralen: een plek waar studio's kennis delen en zich aan dezelfde principes houden. Daar bestond nog niets van. Geen naam die je kon laten zien, geen beeld, geen site. De vraag aan ons was om dat van nul af te maken, en wel zo dat de oprichter van een game binnen een paar schermen snapt wat het collectief is en waarom hij erbij wil horen.

De analyse

Vier principes dragen het hele verhaal: transparantie, community, plezier en een gezonde economie. Die kregen elk een eigen scherm met een eigen beeld, van een zeepbel tot een munt, in plaats van een rijtje bullets.

Het collectief bestaat uit mensen en studio's, dus de opening draait letterlijk om hen: leden bewegen in banen rond het logo.

Games verkopen zichzelf met beeld. De sectie met games is daarom een wand van key art in twee rijen die tegen elkaar in schuiven, zonder tekst die ertussen moet komen.

Lid worden is de enige actie die telt. Onderaan de pagina loopt een lijn mee met het scrollen en licht bij elk voordeel op, tot je bij de knop staat.

De homepage van Fair Play Collective in beweging, van de opening tot de knop om lid te worden
De homepage van boven naar beneden, opnieuw opgebouwd uit het oorspronkelijke ontwerp.

Wat we bouwden

  1. Logo en huisstijl

    Een beeldmerk en een woordmerk met een verloop van blauw naar zalm, dat op donker en op licht werkt.

    3 onderdelen
    • Logo in een horizontale en een verticale versie
    • Het kleurverloop als rode draad in koppen, knoppen en lijnen
    • Donker als basis, met lichte tussenschermen voor rust
  2. Ontwerp van de website

    Het volledige ontwerp, voor desktop en voor mobiel.

    3 onderdelen
    • Homepage, blogoverzicht en artikelpagina
    • Mobiele versie van elke pagina
    • Games getoond op telefoon, laptop en tablet
  3. Een homepage die beweegt

    De animaties zijn geen versiering, ze vertellen wat het collectief is.

    3 onderdelen
    • Leden die in banen rond het logo draaien
    • Twee rijen games die tegen elkaar in schuiven
    • Een lijn die inkleurt tijdens het scrollen naar de knop om lid te worden
  4. Blog en nieuws

    Een plek voor de inhoud waar het collectief om draait.

    3 onderdelen
    • Blogoverzicht met artikelen over play-to-earn en NFT's
    • Artikelpagina
    • Nieuwssectie op de homepage
Fair Play Collective: de principes transparantie en community, elk met een eigen beeld
Fair Play Collective: de lijn die inkleurt langs de voordelen van lidmaatschap

De blueprint

  1. 1Verhaal & principes
  2. 2Logo & huisstijl
  3. 3Ontwerp
  4. 4Animatie
  5. 5Website

Resultaat

Van niets naar merk

Logo, huisstijl en site

Het collectief had bij de start geen naam in beeld en geen website. Dat kwam er in één traject.

Eén verhaal op één pagina

Vier principes

Wat het collectief wil, wie erbij horen en hoe je lid wordt, in de volgorde waarin een oprichter het wil weten.

Ontwerp en bouw

Eén team

Dezelfde mensen die het merk bedachten, ontwierpen de site en bouwden hem.

Techniek & tools

BrandingUI/UX-designFigmaWebsiteScroll-animaties

Waarom teams met TopDevs bouwen

  • Vaste prijs, vooraf afgesproken
  • 100% code-eigendom, geen lock-in
  • Prototypes in dagen, live in weken
  • Moderne, AI-native & veilige techniek

Klaar om iets te bouwen dat écht werkt?

Plan een vrijblijvend gesprek. We kijken samen waar de grootste winst zit — vaste prijs, jouw code, geen lock-in.

Start je eigen project

Meer cases