Refonte de l'identité visuelle
InfraBooth
Logo, icône, favicon, logotype et recommandations typographiques & couleurs pour une application web & mobile de gestion de roster DJ.
Présentation du projet
Le problème
En tant qu'organisateur de soirées, je me suis retrouvé confronté à un problème récurrent : qui fait quel style, qui je n'ai pas programmé depuis un moment, qui est disponible.
Le produit
InfraBooth est l'outil qui résout ce problème. C'est une application SaaS destinée aux professionnels de l'événementiel musical (promoteurs, bookers, organisateurs de festivals et soirées). Elle permet de :
- Gérer un roster de DJs — contacts, styles musicaux, notes, favoris, archivage
- Construire des lineups — créneaux horaires, affectation de DJs, gestion des événements
- Suivre les bookings — historique, lieux, récurrence
- Gérer les lieux — salles, clubs, festivals
L'objectif : centraliser toute l'information pour que l'organisateur sache en un coup d'œil qui booker, quand, et pourquoi.
Vision à terme
Aujourd'hui centré sur la gestion des DJs et des lineups, InfraBooth a vocation à devenir l'outil complet de gestion événementielle : plannings des membres et bénévoles, qui fait quoi à quelle heure, préférences de chacun, suivi du matériel, attribution des responsabilités... Tout ce qu'un organisateur gère aujourd'hui de tête ou sur des bouts de papier. L'identité visuelle doit pouvoir accompagner cette évolution sans être enfermée dans le seul univers DJ.
Cible utilisateur
Des promoteurs, bookers et organisateurs de soirées ou festivals qui cherchent un outil dédié pour structurer leur activité de booking.
Identité visuelle existante
L'identité actuelle a été générée par IA lors de la phase de prototypage. Rien contre l'IA comme outil de travail — simplement, j'ai un background dev, pas design, et je n'ai pas les compétences pour m'en servir correctement sur cette partie. D'où le besoin de passer par un professionnel pour repartir sur des bases solides.
Logo actuel
Le logo est une platine vinyle / disque DJ stylisée avec un bras de lecture et des ondes sonores. Style flat, monochrome violet.
Fond clair
Fond sombre
Couleur actuelle
#895AF6
#6D28D9
#F1ECFE
Typographie actuelle
Inter (Google Fonts) pour l'ensemble de l'interface — titres et corps. Aucune police de display ou wordmark custom.
Ce qui doit changer
Positionnement visuel souhaité
Ton & personnalité
InfraBooth est un outil pro, mais ses utilisateurs ne sont pas des comptables — ce sont des gens qui organisent des soirées, qui connaissent les clubs, qui vivent la musique électronique. L'identité doit refléter ça :
- Pro sans être corporate — sérieux dans la fonction, mais pas froid ni impersonnel
- Ancré dans l'événementiel musical — on doit sentir que c'est un outil fait par et pour des gens du milieu, pas un CRM générique
- Clean et lisible — l'interface est un outil de travail au quotidien, elle doit rester claire et agréable à utiliser
Le lien avec l'univers DJ/événementiel doit être présent mais subtil — pas de clichés type notes de musique, casques ou equalizers.
Préférence couleur
J'ai une préférence pour le violet comme couleur primaire. Cependant, tu as carte blanche pour proposer une palette complète différente si tu le juges pertinent.
À éviter
- Pas de clipart / logo stock générique qu'on pourrait voir sur 10 autres apps
- Pas de clichés musique (notes, casque, equalizer, onde sonore)
- Pas trop dark/nightclub — ça doit rester lisible et pro, pas ressembler à un flyer de soirée
InfraBooth
Le nom du produit est InfraBooth et ne changera pas. Il est composé de deux parties :
- Infra — raccourci d'"infrastructure", évoque le socle technique / l'outil de fond
- Booth — la cabine DJ, l'espace de travail du DJ
Le logotype doit reprendre ce nom. Le freelance est libre de proposer un traitement typographique créatif (capitalisation, espacement, ligature, etc.), tant que le nom reste lisible et identifiable.
Fichiers à fournir
Logo (icône)
| Format | Déclinaison | Détails |
|---|---|---|
| SVG | Couleur, monochrome, blanc | Vectoriel, optimisé pour le web |
| PNG | Couleur, monochrome, blanc | 512×512 minimum, fond transparent |
Logotype (icône + texte "InfraBooth")
| Format | Déclinaison | Détails |
|---|---|---|
| SVG | Couleur, monochrome, blanc | Vectoriel, optimisé pour le web |
| PNG | Couleur, monochrome, blanc | Haute résolution, fond transparent |
Favicon & icônes d'application
| Fichier | Taille | Usage |
|---|---|---|
favicon.ico |
Multi-résolution | Navigateurs classiques |
favicon-16x16.png |
16×16 | Onglet navigateur |
favicon-32x32.png |
32×32 | Onglet navigateur (retina) |
apple-touch-icon.png |
180×180 | iOS bookmark |
android-chrome-192x192.png |
192×192 | Android PWA |
android-chrome-512x512.png |
512×512 | Android splash screen |
Recommandations typographiques
— Disponibles gratuitement (Google Fonts ou similaire) ou sous licence web abordable
— Performantes en rendu web (bonne lisibilité écran, poids raisonnable)
— Fournir les graisses recommandées pour chaque usage (titres, corps, labels)
Palette de couleurs
— 1 couleur primaire (préférence violet, mais ouvert)
— Déclinaisons de la primaire (light, dark, subtle)
— Couleurs sémantiques (succès, erreur, avertissement)
— Couleurs neutres (textes, fonds, bordures)
— La palette doit fonctionner en mode clair ET mode sombre
— Fournir les valeurs hexadécimales pour chaque couleur
Points d'attention
- Le logo doit être lisible à 16×16px (favicon) — éviter les détails fins
- Le logo doit fonctionner sur fond clair, fond sombre et fond coloré
- SVG optimisé pour le web (pas de calques inutiles, chemins simplifiés)
- Orientation web uniquement — pas de print, goodies ou réseaux sociaux prévus
Checklist des livrables
- Logo (icône seule) — SVG + PNG 512px — versions couleur, monochrome, blanc
- Logotype (icône + "InfraBooth") — SVG + PNG — versions couleur, monochrome, blanc
- Favicon — .ico multi-résolution + PNG 16, 32, 180, 192, 512
- Palette de couleurs — primaire + déclinaisons + sémantiques + neutres — mode clair & sombre — valeurs hex
- Recommandations typographiques — 1 à 2 polices + graisses recommandées par usage
- Fichiers source — fichiers éditables (Figma, Illustrator, ou autre)