Modèle Northbound : site de studio avec espace client

Modèle Northbound : site de studio avec espace client

Northbound est le modèle de studio d'identité de la galerie Zugo : un site vitrine en plusieurs sections pour les prestations, les réalisations et la méthode, doublé d'un espace client privé qui affiche les phases du projet, les livrables, les messages et l'échéancier de facturation. La copie dans un nouveau projet ne coûte rien, et chaque changement ensuite se demande en conversation pour 3 crédits.

La plupart des modèles de studio s'arrêtent au site vitrine. La raison de regarder celui-ci de près tient dans sa seconde moitié, alors c'est là que l'essentiel de cette visite guidée se passe.

Que trouve-t-on dans le modèle Northbound ?

Deux produits dans un même fichier. Un visiteur voit un long site qui défile, organisé en chapitres numérotés. Un client se connecte et atterrit dans un endroit complètement différent.

La moitié vitrine a un point de vue, ce qui est plus rare qu'il n'y paraît dans un modèle d'agence. Les prestations sont argumentées au lieu d'être énumérées, la méthode dit ce qui se passe pendant chaque paire de semaines, et la section finale annonce que le studio ne prend qu'une poignée de projets par trimestre. C'est un outil de vente et non du remplissage : mieux vaut l'adapter que le supprimer.

La moitié espace client couvre la partie ingrate d'une mission : où en est le projet, ce qui est validé, ce qui attend une relecture et ce qui est facturé. Un pourcentage d'avancement trône en haut, et un bouton de validation fait passer le projet à la phase suivante.

Que fait réellement l'espace client ?

Plus que ce qu'une capture d'écran laisse croire, et moins qu'un système en production. La navigation entre synthèse, livrables, messages, compte et factures fonctionne. Le filtrage des livrables entre prêt, en relecture et en attente fonctionne. Publier dans le fil du projet fonctionne, et valider la phase en cours fait avancer le suivi.

Rien de tout cela ne survit à un rechargement. L'espace conserve son état en mémoire pour la durée de la session, donc un rafraîchissement ramène le projet de démonstration. L'écran de connexion suit la même règle : il montre à quoi ressemble une entrée en session sans vérifier le mot de passe de quiconque ni séparer le projet d'un client de celui d'un autre.

C'est le nœud de ce modèle. Comme démonstration à montrer à un prospect, ou comme référence de conception avant de commander un vrai portail, il est immédiatement utile. Comme portail vivant où trois clients voient chacun leur seul projet, il lui manque de vrais comptes et une vraie base de données, ajoutés par le connecteur Supabase. Ce que cela implique est détaillé dans l'IA peut-elle créer une connexion utilisateur.

Une voie intermédiaire fonctionne très bien en pratique : garder l'espace en vue mono-client, le publier sur un lien privé par projet, et le mettre à jour en conversation au changement de phase. Cela ne passe pas l'échelle au-delà de quelques clients, mais pour un studio qui mène quatre missions, cela vaut mieux qu'un tableur.

Pour quel type de studio ce modèle est-il pensé ?

Pour les structures qui vendent un travail réfléchi sur plusieurs semaines et qui veulent que leur site défende cette manière de faire. L'identité de marque, évidemment, mais la même forme va aux agences d'architecture, aux cabinets de design produit, aux sociétés de production audiovisuelle et aux agences de communication. Tout ce qui repose sur une méthode nommée et sur un petit nombre de grosses missions s'y installe confortablement.

Il convient mal quand la vente est rapide et transactionnelle. Une activité de service qui vend une intervention à prix fixe n'a pas besoin d'un suivi de phases ni d'un échéancier de factures, et une méthode en quatre phases paraîtra absurde en face d'une coupe de cheveux ou d'une vidange. Ces métiers veulent une prise de rendez-vous et des tarifs affichés dès la première page.

Une adaptation mérite d'être signalée, parce qu'elle change très peu de choses. Changez le vocabulaire et le même modèle devient le site d'un consultant indépendant : les prestations deviennent des forfaits, les réalisations deviennent des études de cas, et l'espace client devient un tableau de bord pour un seul client. La version générale de ce raisonnement se trouve dans créer un site d'agence avec l'IA. Si votre activité est purement visuelle et se classe par pièce plutôt que par mission, regardez plutôt le modèle Noire.

Quels chiffres et quels noms doivent disparaître ?

Tous, et ce modèle contient plus de faits inventés que la moyenne. L'accroche porte quatre chiffres clés : identités livrées, durée moyenne d'une mission, nombre de profils expérimentés par projet et montants levés par les clients après refonte. Chacun d'eux décrit un studio qui n'existe pas.

La même règle s'applique aux six projets de la section réalisations, aux noms de clients dans l'accroche, au témoignage sur l'écran de connexion et à toute la mission de démonstration dans l'espace client, dates, livrables et montants de factures compris. En laisser une partie en place revient à publier une affirmation sur un travail que vous n'avez pas fait.

Le remplacement tient dans une modification bien ciblée si vous apportez les vraies valeurs. Écrivez la demande sous forme de liste : votre année de création, votre ville, votre nombre réel de projets, votre délai habituel, et les six réalisations à montrer avec client, catégorie et année. Une demande vague produit un remplacement vague, et vous paierez un second passage.

Deux oublis fréquents : l'adresse e-mail apparaît à la fois dans la section contact et dans le pied de page, et le titre de l'onglet du navigateur garde le nom du studio de démonstration tant que vous ne le changez pas. Les deux se voient là où des inconnus regardent en premier.

Comment le transformer en site de votre studio ?

Travaillez du sens vers l'apparence, parce que les textes déterminent les sections que vous gardez, et qu'habiller une section supprimée ensuite revient à payer deux fois.

1. Remplacez l'identité et les affirmations. Nom du studio, ligne de positionnement, ville, année de création, les quatre chiffres, la mention de droits en pied de page.
2. Réécrivez les quatre prestations. Gardez le ton argumenté et les trois étiquettes par carte, changez le fond pour ce que vous vendez réellement.
3. Chargez de vraies réalisations. Six projets avec client, discipline et année, dans l'ordre où vous voulez qu'un prospect les lise.
4. Réaccordez la méthode. Vos phases et votre calendrier réel. Si vous travaillez en deux phases plutôt qu'en quatre, dites-le et laissez la section rétrécir.
5. Décidez du sort de l'espace client. Le garder en démonstration, le supprimer, ou vous engager à lui ajouter de vrais comptes.
6. Habillez en dernier, puis publiez. Le projet reçoit une adresse du type votrestudio.zugo.run, avec un domaine personnel par-dessus sur les plans payants.

Formulez chaque demande comme un changement concret. « Rends la section réalisations plus forte » et « affiche quatre projets au lieu de six et place le nom du client au-dessus du titre du projet » coûtent les mêmes 3 crédits, et seule la seconde peut être vérifiée.

Combien coûte ce travail en crédits ?

La copie est gratuite, donc rien n'est débité tant que vous ne modifiez pas. Un site de studio avec du contenu réel demande en général cinq ou six modifications, davantage si vous reconstruisez l'espace client.

Free donne 5 crédits. Pro coûte $25 par mois pour 200 crédits, soit environ 66 modifications ou une quinzaine de plateformes multipages. Business coûte $99 par mois pour 800 crédits, ce qui compte si vous produisez des sites pour des clients plutôt qu'un site pour vous.

Chaque version tourne dans un bac à sable avant livraison, et une version qui ne s'ouvre pas ne vous est pas remise. Un changement simple revient en une minute environ, une reconstruction multipage complète en quelques minutes. Cela vous protège d'une page cassée, pas d'une page qui fonctionne et rate quand même votre intention.

Qu'est-ce que Northbound ne fera pas ?

Ce n'est pas un outil de gestion clients tel quel. Plusieurs clients avec des connexions distinctes, de vraies factures et un encaissement supposent Supabase pour les comptes et les données, Stripe pour l'argent. Les deux connecteurs existent, et les deux représentent un vrai chantier.

Les règles de gestion complexes s'obtiennent en plusieurs modifications. Les circuits de validation, les autorisations par client ou les relances automatiques quand un livrable dort en relecture se décrivent par étapes et se vérifient une par une, pas en une longue phrase.

Zugo ne remplace pas une équipe de développement sur un produit complexe. Un site de studio avec un espace client de démonstration reste largement dans le périmètre d'un outil piloté par conversation. Un portail qui sert cinquante clients avec contrats et versements finira par réclamer des ingénieurs, et l'export GitHub existe pour leur transmettre les sources le jour venu.

Pour juger de l'adéquation, ouvrez la galerie sur zugo.dev, copiez Northbound et consacrez la première modification à vos quatre prestations. Dès que votre offre réelle occupe la mise en page, vous saurez si cette coquille plaide pour vous ou contre vous.