talas-group/05_EXPERIENCE_UTILISATEUR/CONCEPTS_INNOVANTS_VEZA.md

Concepts innovants — Veza

Specification detaillee des fonctionnalites qui n'existent nulle part ailleurs. Ce document sert de reference pour l'implementation future.

---

1. Systeme de patine de l'interface

Concept

L'interface de Veza evolue visuellement avec le temps et l'usage, comme un objet physique qui se patine. Chaque compte a une interface unique, forgee par son histoire d'utilisation.

Variables de patine

account_age_days        → anciennete du compte en jours
total_play_time_hours   → temps d'ecoute cumule
total_uploads           → nombre de morceaux uploades
total_messages          → nombre de messages envoyes
total_exchanges         → nombre de trocs realises
zone_usage[zone_id]     → nombre d'interactions par zone de l'interface

Niveaux de patine

Niveau	Condition	Effet visuel
0 — Neuf	Compte < 7 jours	Interface froide, surfaces lisses, pas de grain
1 — Rode	Compte > 30 jours + 10h d'ecoute	Leger rechauffement des tons, grain subtil apparait
2 — Vecu	Compte > 90 jours + 50h d'ecoute + 5 uploads	Tons cuivres plus profonds, textures plus riches, micro-details
3 — Patine	Compte > 180 jours + 200h + 20 uploads	Palette pleinement rechauffee, usure visible sur les elements frequents
4 — Heritage	Compte > 365 jours + 500h + activite communautaire	Patine complete, details uniques, effet "objet de famille"

Regles de patine par zone

Chaque zone de l'interface se patine independamment selon son usage :

• Le player se patine le plus vite (element le plus utilise)
• La barre de navigation se patine selon les onglets frequentes
• Le profil se patine selon l'activite de publication
• Les zones peu visitees restent "neuves" — creant un contraste naturel

Contraintes techniques

• La patine est un calcul cote client, base sur des compteurs stockes dans le profil
• Pas de requete supplementaire au serveur — les compteurs sont inclus dans le payload d'authentification
• Les changements visuels sont des CSS custom properties recalculees au login
• Cout en performance : negligeable (quelques calculs au chargement, 0 impact ensuite)
• La patine n'est jamais reversible ni achetable — elle est le reflet du temps reel

Ce que la patine N'EST PAS

• Pas un systeme de niveaux / XP / gamification (pas de notification "vous avez atteint le niveau 3 !")
• Pas un badge ou un statut visible par les autres
• Pas un avantage fonctionnel (pas de features debloquees)
• Le changement est si progressif que l'utilisateur ne le "remarque" pas consciemment — il le ressent

---

2. Recherche comme exploration spatiale

Concept

L'onglet de decouverte se transforme progressivement en un espace navigable ou chaque artiste est un lieu a explorer, avec un paysage sonore en temps reel.

Version 1 — Recherche enrichie (implementable maintenant)

La recherche classique par tags/genres, mais avec une presentation visuelle plus riche que la norme :

• Les resultats ne sont pas une liste verticale mais un arrangement spatial (grille organique, pas de rangees uniformes)
• Chaque resultat a une micro-visualisation du son (petite waveform, couleur dominante de la pochette)
• Le survol d'un resultat declenche un preview audio de 5 secondes
• Les resultats se regroupent visuellement par affinite (genres proches = resultats proches dans l'espace)

Version 2 — Carte des artistes (moyen terme)

Un canvas 2D navigable :

• Chaque artiste est un point dans un espace 2D
• La position est determinee par les tags/genres (pas par popularite, pas par ML)
• L'utilisateur peut zoomer et se deplacer (pan/zoom fluide)
• En zoomant, les points deviennent des cartes avec pochette + nom + preview
• Un algorithme deterministe de placement (t-SNE ou UMAP applique aux vecteurs de tags, pas de tracking comportemental)
• Le point de depart de l'exploration est determine par les genres preferes de l'utilisateur (declares, pas devines)

Version 3 — Paysage sonore (long terme)

Un monde genere proceduralement :

• Chaque zone a une ambiance sonore (fond ambient genere a partir des morceaux des artistes de la zone)
• Le terrain est genere a partir de la densite d'artistes (plus d'artistes = zone plus "peuplee" visuellement)
• L'utilisateur se deplace librement (clavier/touch/souris)
• Decouvrir un artiste = s'approcher d'un point lumineux dans le paysage
• Le paysage est different pour chaque utilisateur (point de depart aleatoire, mais la topologie est la meme)

Version 4 — Monde persistant (vision finale)

• Les artistes peuvent customiser leur "lieu" dans le monde
• Les zones actives (artistes qui publient souvent) sont plus vivantes visuellement
• Les collaborations entre artistes creent des chemins visibles entre leurs lieux
• L'exploration a une memoire : les lieux deja visites sont marques (comme une carte qu'on remplit au fur et a mesure)
• Les nouveaux artistes apparaissent comme des "lumieres" dans des zones encore non explorees

Contraintes ethiques (non-negociables)

• Le placement n'est JAMAIS base sur la popularite, les revenus ou les paiements
• Pas de "boost" payant pour apparaitre en meilleure position
• Le classement est deterministe (memes tags = meme voisinage) et transparent
• La recherche textuelle classique reste toujours accessible en 1 clic
• L'exploration est optionnelle, jamais forcee

---

3. Espaces artistes personnalisables

Concept

Chaque artiste a un espace qu'il peut personnaliser visuellement, pas juste un profil uniforme.

Elements personnalisables

Element	Options
Couleur d'ambiance	Palette libre ou presets
Image de fond	Upload libre
Disposition des blocs	Drag & drop (morceaux, bio, visuels, liens, playlist)
Typographie	Choix parmi 5-8 familles (curees, pas illimitees)
Player	S'adapte automatiquement aux couleurs de l'espace
CSS custom (avance)	Zone d'injection CSS limitee pour les utilisateurs techniques

Themes communautaires

• A terme : les utilisateurs peuvent creer des themes complets et les partager
• Les themes sont echangeables (troc) ou offerts
• Un theme populaire beneficie a son createur (reputation, pas argent)

Inspiration

L'esprit MySpace (expression personnelle) avec l'execution de 2026 (controles elegants, preview en temps reel, pas de HTML brut).

---

4. Systeme de troc

Concept

Un tableau d'offres et de demandes ou les competences sont une monnaie.

Structure d'une annonce de troc

Titre:        "Je cherche un site web pour mon projet musical"
J'offre:      "3 beats instrumentaux exclusifs, mix et master inclus"
Je cherche:   "Un site one-page responsive avec player integre"
Tags:         #beatmaking #webdev #echange
Disponibilite: Flexible

Mecanismes

• Pas de monnaie interne, pas de points, pas de tokens
• Annonce visible par toute la communaute
• Les utilisateurs se contactent par le chat pour negocier
• Une fois le troc realise, les deux parties le "confirment"
• L'historique de trocs est visible sur le profil (reputation)
• Pas de systeme d'evaluation (pas de note sur 5, pas d'etoiles — la reputation est l'historique lui-meme)

Exemples de trocs possibles

J'offre	Je cherche
5 beats exclusifs	Un site web
Mix + master d'un EP	Un shooting photo
Design de pochette	3 instrumentales
Formation MAO (3 sessions)	Logo + charte graphique
Prise de son live	Montage video
Preset pack (Serum/Vital)	Enregistrement voix

Ce que ce n'est pas

• Pas une marketplace avec des prix (ca c'est le module Shop)
• Pas un systeme de faveurs comptabilisees
• Pas un smart contract ou un engagement legal — c'est de la confiance communautaire
• Le troc est informel et humain. Veza facilite la mise en relation, pas la transaction.

---

5. Sites artistes (a terme)

Concept

Chaque artiste peut avoir un mini-site public accessible en dehors de Veza, a une URL propre (artiste.veza.xxx ou un domaine custom).

Contenu du site artiste

• Bio, photo, liens sociaux
• Lecteur audio avec ses morceaux
• Galerie (pochettes, photos, visuels)
• Lien vers le profil Veza
• Contact
• Design personnalise (theme Veza applique)

Fonctionnement

• Genere statiquement a partir du profil Veza (SSG)
• Heberge sur les R720 (cout marginal : zero)
• Le site se met a jour quand l'artiste modifie son profil Veza
• Pas de publicite, pas de tracking
• L'artiste peut brancher son propre domaine (CNAME)

Pourquoi c'est important

• Un artiste independant n'a souvent pas de site web
• Les plateformes (Spotify, SoundCloud) ne permettent pas la personnalisation
• Avoir son propre site = legitimite, autonomie, professionnalisme
• C'est un argument puissant pour rejoindre Veza (valeur tangible gratuite)

---

6. UI qui ne gaspille pas

Philosophie

L'app doit etre complete et vivante MAIS econome. Chaque octet charge, chaque requete envoyee, chaque animation jouee doit servir l'experience.

Contraintes techniques

Metrique	Objectif
Bundle JS initial	< 150 Ko gzip
First Contentful Paint	< 1.5s
Time to Interactive	< 2s
Requetes au chargement	< 5
Animations simultanees	max 2
Images : format	WebP ou AVIF, lazy-loaded
Audio : streaming	HLS adaptatif (qualite selon la connexion)
Polices	2 max (variable fonts de preference)

Strategies

• Code splitting agressif : chaque page charge uniquement son code
• Prefetch intelligent : precharger la page la plus probable (pas tout)
• Mode hors-ligne : les morceaux recemment ecoutes sont caches localement
• Mode eco : un toggle qui desactive les textures, les animations et la patine pour les machines/connexions modestes
• Pas de polyfill inutile : cibler les navigateurs modernes uniquement
• SVG > PNG pour les icones (poids moindre, rendu net a toute taille)

---

Ordre d'implementation suggere

Priorite	Concept	Complexite	Impact
1	Identite visuelle (palette, typo, textures, icones)	Moyenne	Fondamental
2	Player audio repense	Moyenne	Coeur de l'experience
3	Espaces artistes personnalisables	Moyenne	Differenciation forte
4	Systeme de troc	Faible	Communaute
5	Patine de l'interface (V1 : global, pas par zone)	Faible	Signature unique
6	Recherche enrichie (V1)	Moyenne	UX amelioree
7	Sites artistes statiques	Moyenne	Valeur ajoutee
8	Carte des artistes 2D (V2)	Elevee	Innovation
9	Patine par zone (V2)	Moyenne	Profondeur
10	Monde explorable (V3-V4)	Tres elevee	Vision long terme