Plateforme rap fictive — UX/UI design de A à Z
HUSTLE. est un média digital rap urbain qui centralise actus, concerts, lives, merch et espace créatif en un seul endroit. L’enjeu était de concevoir une architecture qui serve à la fois l’auditeur passionné et le graphiste streetwear, sans que leurs parcours se marchent dessus.
Lancer le prototype
HUSTLE. est un média digital rap urbain qui centralise actus, concerts, lives, merch et espace créatif en un seul endroit. L’enjeu était de concevoir une architecture qui serve à la fois l’auditeur passionné et le graphiste streetwear, sans que leurs parcours se marchent dessus.
Deux profils aux intentions opposées : Victor, 22 ans, qui traque concerts et sorties plusieurs fois par semaine, et Lilian, 28 ans, graphiste qui veut uploader ses créas et suivre leur traction. Cette polarité a directement orienté les décisions d’architecture, notamment la séparation Merch/Création.
25–35 ans, il écoute du rap mais vient chercher autre chose — les portraits d’artistes, les histoires de parcours, les analyses de textes. Il veut comprendre la culture, pas juste la consommer.
Rappeur, beatmaker ou photographe dans l’écosystème. Il suit Hustle pour se positionner, s’inspirer des trajectoires d’autres artistes, et peut-être trouver un tremplin. Le contenu pro-tip et les interviews l’intéressent particulièrement.
L’enjeu principal était de ne pas noyer la billetterie sous les contenus éditoriaux. Résultat : une nav principale à 5 entrées, avec Concert et Création comme pages à part entière plutôt que sous-sections, parce que ce sont les deux fonctionnalités différenciantes du projet.
Cinq parcours conçus pour ne jamais dépasser 3 clics : rechercher un concert, acheter un billet, déposer un design, accéder au merch d’un artiste, suivre l’actu. Les points de friction anticipés ont guidé les arbitrages, notamment l’accès billetterie depuis la home et l’identification des zones cliquables.
Un deuxième niveau de flux gère la recherche par artiste, les tags thématiques et le partage de contenu. Ces chemins enrichissent l’expérience sans alourdir la navigation principale.
Le zoning a permis de valider les priorités de contenu page par page avant de toucher Figma. Sur la page Concert, la billetterie remonte en premier, choix dicté par le modèle de revenus du projet plutôt que par une convention éditoriale classique.
Réalisés après le test utilisateur, une fois les premiers problèmes de hiérarchie identifiés. Enseignement principal : un border-radius systématique crée de l’ambiguïté entre contenus informatifs et zones d’action. Les wireframes ont acté la règle : carré = informatif, arrondi = cliquable.
Dark mode assumé, typographie musculaire, contraste fort entre zones froides et accents chauds sur les CTAs. Les références : Genius pour la densité éditoriale, Shotgun pour la billetterie, et une direction visuelle streetwear qui sort volontairement des codes médias classiques.
Livraison d’un prototype Figma avec 5 parcours navigables, une architecture en 5 sections distinctes et une décision d’UX documentée qui a restructuré toute la partie merch en cours de projet.
UX/UI Designer basé à Angers & Co-Fondateur de Combo.
Recherche CDI ou Alternance. J'ai hâte d'apporter ma vision et mon énergie au sein d'une équipe ambitieuse.
armand.legros28@gmail.com
Armand Legros
