Le jeu Typefinder en cours de partie : dix-huit cartes, dont cinq paires de polices retournées (Mencken, Hahmlet, Cardo, IBM Plex et Manofa)

Typefinder, le memory des polices

Conception, design et développement de Typefinder, un jeu de memory où chaque paire de cartes révèle une police de caractères. Un projet signé Bigbump, élu Site of the Day par Awwwards le 1ᵉʳ mai 2022.

Client
Bigbump

Le projet en chiffres

  • SOTD Site of the Day Awwwards, le 1ᵉʳ mai 2022
  • 7,35/10 note du jury Awwwards
  • 9 polices à découvrir sur 18 cartes

Un jeu pour parler typographie

Avec Typefinder, nous nous sommes lancé un défi : revisiter le memory, un jeu simple et un brin addictif, pour faire découvrir une sélection de polices que nous aimons. Dix-huit cartes, neuf paires et un compteur de tours. Chaque paire trouvée débloque une police et sa page dédiée.

La partie s’ouvre sur un tutoriel de trois cartes qui en pose les règles. Vient ensuite la grille, dont le motif des dos change d’une partie à l’autre. Retournements, paires validées et écran de victoire sont tous animés pour que chaque tour ait son petit effet, jusqu’au « Winner winner chicken dinner! » final.

Chaque police découverte rejoint une collection. Sa page la met en scène dans un grand titre composé avec elle et raconte son histoire. Elle affiche aussi tous ses glyphes et propose un banc d’essai où l’on règle la graisse, le corps, l’approche et l’interlignage. Le jeu reste entièrement jouable sur mobile.

Ce qu'on a fait

Typefinder sur mobile : la grille du memory et la page de la police Benguiat, côte à côte dans deux téléphones
  • UX Design
  • UI Design
  • Développement / Production
  • Animation

Application Nuxt.js sur mesure animée avec GSAP, pensée pour l’ordinateur comme pour le mobile. Le jury d’Awwwards a salué le design (7,47/10), la créativité (7,37/10) et l’ergonomie (7,34/10). Côté développement, les animations et les transitions obtiennent 8/10 et l’accessibilité 7,8/10.

Focus sur

Le memory
La page de chaque police
Glyphes et banc d’essai
L’écran de victoire

Technologies, fonctionnalités

Prêt à créer avec Océbo ?

Les champs marqués d’un astérisque (*) sont obligatoires.