Prochaine itération (T3 2026).
Prochaine itération (T3 2026).
Comprendre en quelques secondes si c'est pour elle, ce qu'elle y gagne, et quel est le premier pas.
Un site rangé : une intention, une page, sans tout organiser selon des logiques internes.
On traite le site par blocs de pages qui vont ensemble, dans l'ordre de ce qui compte le plus pour le visiteur.
1. L'accueil et l'acquisition : landing pages, nous rejoindre, créer un compte. (en cours)
2. Le catalogue : présenter les sujets d'engagements et aider à passer à l'action (en cours)
3. La communauté : clubs, événements, vie du réseau. (à venir)
4. Les ressources : articles, webinaires, baromètres. (à venir)
5. Qui nous sommes : présentation, équipe, partenaires. (à venir)
Trois façons d'aborder la page d'accueil, selon ce qu'on choisit de mettre en avant :
1 · Orienter "acquisition"
Une seule action mise en avant : rejoindre.
2 · Orienter selon le profil
Proposer des portes d'entrée distinctes selon le profil.
3 · Montrer la communauté
Mise en avant du hub de contenus et de la vie du réseau.
La page pousse une seule action : s'inscrire. Elle répond vite aux questions de base, puis invite à passer le pas.
Ce que ça apporte : un message clair, un levier d'acquisition.
Essayer · Prototype interactif
On interpelle le visiteur selon sa situation, pour lui proposer un chemin plus personnalisé.
Ce que ça apporte : répondre à la question « est-ce pour moi », proposer des chemins différenciés selon les besoins.
Essayer · Prototype interactif
La page montre une communauté vivante : prochains rendez-vous, actualités, témoignages, sujets d'action.
Ce que ça apporte : elle donne à voir la communauté, peut devenir une page où l'on revient.
Essayer · Prototype interactif
C'est une page classique attendue pour présenter un catalogue : une liste de sujets d'action, avec un lien vers une page dédiée pour chacun.
Ce n'est pas suffisant pour vraiment activer le catalogue : il faut aussi aider à s'y repérer et à faire un choix, d'autres pistes le font ensuite.
Essayer · Prototype interactif
Par rapport aux pages thématiques actuelles, on enrichit la page de chaque thématique pour en faire une vraie page d'entrée : à quoi ça sert, des exemples concrets, comment s'y mettre.
On les pense comme des pages d'atterissage sur le site, référençables, partageables, qui donnent envie de s'engager sur ce sujet.
Essayer · Prototype interactif
Trois pistes d'entrées distinctes vers le catalogue, à retenir seule, ou à combiner :
Composer son programme
On choisit ce qui nous parle activement.
Partir d'une envie
On se laisse guider depuis des formulations d'envies, pas de notre vocabulaire interne.
Partir de son entreprise
On part du SIRET pour personnaliser les suggestions selon ce qu'on sait de l'entreprise.
On coche les sujets qui parlent, le site en fait un programme prêt à démarrer.
L'intention : rendre l'entreprise active dès la vitrine, plutôt que spectatrice d'un catalogue.
Essayer · Prototype interactif
« Je veux recruter autrement » : le visiteur exprime une envie, le site répond avec les engagements qui collent.
L'intention : parler le langage du visiteur, pas notre vocabulaire interne.
Essayer · Prototype interactif
On saisit son SIRET (ou deux-trois infos) : le site propose ce qui correspond à cette entreprise-là.
L'intention : passer d'un discours général à des suggestions qui semblent faites pour soi.
Essayer · Prototype interactif
Les mockups précédents s'appuient sur un style dans la continuité du système graphique de l'État, sobre et neutre.
La question cruciale : Jusqu'où aller au-delà de cette base dans la prochaine itération ?
Peut-on déjà décider de parti-pris design/branding audacieux ?
Vaut-il mieux rester "État"/sobre pour anticiper des pivots ou évolutions à moyen terme ?
Plusieurs "crans" de distance au DSFR sont possibles, avec des gestes de plus en plus marqués.
On reste sur la palette et les principes de compositions proches de l'État.
Ce que ça apporte : un site plus rédactionnel et incarné, qui reste très proche du registre public.
Toujours la même palette sobre, mais une composition plus travaillée : un bandeau de photos, une carte-chiffre mise en avant, des résultats illustrés.
Ce que ça apporte : une page d'accueil plus vivante et accueillante, sans changer les couleurs.
Le même registre sobre, avec un geste graphique en plus : les photos posées sur des aplats légèrement inclinés, pour donner du mouvement et de la chaleur.
Ce que ça apporte : un peu de personnalité et de chaleur, en gardant la couleur de l'État.
Quelques touches de couleur plus chaude : un fond crème, des accents chaleureux, une typo plus affirmée.
Ce que ça apporte : une personnalité propre, plus proche d'un site associatif que d'un site administratif.
Le catalogue avec ces gestes : photos qui incarnent chaque sujet, étiquettes colorées pour se repérer.
L'intention : rester lisible, mais donner envie d'explorer.
Le même style appliqué à la page d'une thématique : un collage photo pour le hero, les couleurs de la thématique appliquées par touches.
Quelques animations discrètes à l'arrivée, une apparition en fondu, un bandeau qui défile doucement.
Ce que ça apporte : un site qui semble vivant (attention à l'accessibilité).
Présentation des pistes