Le brief
Julien Perraud a dirigé pendant dix ans une école de musique associative de l’agglomération nantaise. En 2019, il a créé Portée avec Camille Rousseau, développeuse, parce qu’aucun logiciel ne passait la rentrée de septembre sans douleur. L’équipe compte neuf salariés dans un ancien hangar de l’île de Nantes, dont deux au support.
Lors du premier appel en visio, Julien a résumé ses clients : « des directeurs d’école et des bénévoles qui choisissent un logiciel en juin, le soir, après les auditions ». Ils veulent savoir combien ça coûte, si les familles s’en sortiront et où vont les données des enfants. L’ancien site, lui, parlait de modules et de workflow, sans montrer un seul écran.
Ce qu’on a compris
Un éditeur de logiciel vend à des gens qu’il ne rencontre jamais. Le trésorier d’une école lit deux ou trois pages, cherche le prix, puis ouvre un essai ou ferme l’onglet. Le site doit répondre dans l’ordre où les questions se posent : à quoi ressemble le logiciel, qu’est-ce qu’il change pour chacun, combien il coûte, où vont les données.
Montrer le logiciel posait une difficulté. Une capture réelle vieillit à chaque version, et elle expose des noms d’élèves. Nous avons donc dessiné les écrans en HTML, avec une école et des familles imaginaires : ils restent nets sur tous les écrans, se traduisent et se mettent à jour comme le reste du texte.
Nos choix
Le logiciel dans le premier écran. Sous le titre, la fenêtre de Portée affiche le planning d’un mercredi, salle par salle, avec un conflit de salle signalé en jaune. Une notification de paiement et le téléphone d’un professeur qui fait l’appel complètent la scène.
Une fonction par rôle. Trois onglets, secrétariat, professeurs et familles, montrent chacun leur écran : le tableau des inscriptions de rentrée, le mercredi d’une professeure de violon et l’appel sur téléphone, la fiche d’une famille avec son échéancier en trois fois.
La rentrée sur une portée. De juin à octobre, cinq mesures racontent l’année d’une école, chaque mois une note un peu plus haute. C’est le moment que Julien connaît par cœur, et celui où ses clients décident.
Des tarifs qu’on règle soi-même. Un curseur sur le nombre d’élèves allume la bonne formule et l’interrupteur passe au prix annuel. La page des tarifs compare les trois formules, détaille la fin de l’essai et la récupération des données.
Les données des enfants sans détour. Cinq questions trouvent leur réponse : le rôle de sous-traitant et son contrat, la liste des sous-traitants, l’absence de données de santé, les e-mails pendant l’essai, l’export à tout moment. Les documents se téléchargent sans formulaire.
Le style. Une identité de produit soignée : encre profonde, lilas et jaune, Onest serré pour les titres et quelques mots en Instrument Serif italique. Le logo pose une note jaune sur une portée, motif qui revient derrière les titres. Les photos montrent un cours de violon, le secrétariat, une audition de juin et les hangars de l’île de Nantes.
La réalisation
Le site compte trois pages. L’accueil réunit le planning, les fonctions par rôle, la rentrée, les paiements, les tarifs, les données, l’essai, l’équipe et les questions fréquentes. La page des fonctionnalités reprend six usages écran par écran, avec ce que Portée ne fait pas et le journal des nouveautés.
Le site est séparé de l’application : le formulaire d’essai crée le compte et propose dès l’inscription de refuser les e-mails. Portée reste propriétaire de son nom de domaine et de ses accès.
