Étude de cas
KaO Projet
Guide de marque, site et back-office d'une structure esport multigaming.
Une structure esport multigaming française. Guide de marque posé par Mael, site et back-office construits par Mathias.
Le point de départ
KaO Project est une structure esport multigaming française. Elle avait besoin d'un cadre visuel stable, et d'un site que son staff puisse tenir à jour sans développeur.
Ce que nous avons fait
Nous avons produit un guide de marque de six pages : quatre déclinaisons officielles du logotype, palette à cinq couleurs avec une répartition imposée, hiérarchie typographique sur deux familles, règles de contraste chiffrées et opposables, et les contraintes de production pour l'impression et la broderie. Le site a ensuite été construit à partir d'un prototype validé écran par écran. Les valeurs du guide sont reprises directement en variables dans le code : l'écart entre la charte et le site rendu reste vérifiable ligne à ligne.
Les deux métiers
- Quatre déclinaisons officielles du logotype dérivées d'un même tracé : couleur sur fond clair, encre monochrome pour la presse et la broderie, deux versions sur fond sombre
- Palette de cinq couleurs avec une répartition imposée 60 / 30 / 10. La couleur de signal n'est jamais un fond de page — règle reprise en commentaire d'en-tête du code de production
- Règles de contraste chiffrées et opposables, avec un tableau des combinaisons validées et une interdiction explicite
- Deux familles typographiques avec justification fonctionnelle : chiffres tabulaires pour que les scores et les comptes à rebours ne sautillent pas
- Règles d'usage complètes : zone de protection, tailles minimales par support, six interdits explicites, règle de lockup
- Volet production traité comme une contrainte de marque : passage en ton direct, canal minimal en broderie, format vectoriel imposé, liste des fichiers à maintenir
- Back-office à sept sections, deux niveaux de comptes, le cloisonnement déclaré une seule fois et appliqué à la fois à l'interface et à la garde côté serveur
- Édition sans bouton d'enregistrement : chaque champ est enregistré à la volée, suppression à double confirmation, sélection portée par l'URL pour que le lien soit partageable
- Modèle de données pensé pour éviter la double saisie : une seule collection alimente le calendrier, le bandeau en direct et les résultats
- Authentification maison sans dépendance : mots de passe dérivés, jeton de session dont la base ne garde que l'empreinte, second facteur, limitation des tentatives
- Envoi d'images durci : formats restreints, vectoriel refusé, ré-encodage systématique, stockage hors de la racine web
- Journal des écritures : chaque modification enregistre le compte, l'action, la cible et l'adresse
- Zéro requête vers un domaine tiers : polices auto-hébergées, avec un test de recette qui vérifie leur absence
- Recette automatisée sur deux niveaux, jusqu'à surveiller qu'une animation défile réellement
Ce que nous avons produit
Ces chiffres décrivent le travail produit, pas des résultats commerciaux constatés.