Ce que voient vos visiteurs, et tout ce qui le fait fonctionner : parcours, contrôles, données, administration.
Site vitrine, site sur mesure ou application web : nous concevons l'expérience, développons l'interface et le fonctionnement, puis faisons évoluer l'ensemble.
Illustration en six étapes, données fictives. À gauche, la page d'inscription à la formation « Habilitation électrique B1V », le 12 novembre 2026 à Lyon, avec trois places restantes et un formulaire prérempli. À droite, la coupe du site en six couches : interface, composants interactifs, contrôles, logique applicative, données, résultat. 1. La visiteuse clique sur « S'inscrire ». 2. Le formulaire vérifie les trois champs. 3. Le serveur revérifie tout et qu'une place reste libre. 4. Une place est réservée et l'e-mail de confirmation préparé. 5. L'inscription INS‑4471 est enregistrée : il reste deux places. 6. La confirmation s'affiche, le bouton est désactivé, l'inscription est visible dans l'administration.
Une inscription, six couches, six étapes
Organisme, formation et données fictifs ; schéma illustratif.
Les trois ne demandent ni le même budget, ni le même travail, ni la même maintenance. Le choix part de ce que vos visiteurs doivent pouvoir faire.
Une application qui s'installe sur un téléphone relève d'un autre savoir-faire : les applications mobiles.
Une belle maquette ne suffit pas. On commence par ce que les visiteurs viennent faire, puis on dessine les écrans qui les y mènent.
Qui vient, avec quel appareil, pour faire quoi : un travail proportionné au projet.
Les pages, leurs liens et leurs adresses, avant tout dessin.
Les chemins de l'arrivée à l'action : s'inscrire, demander un devis, réserver.
Des maquettes cliquables, testées avant le développement.
Typographie, couleurs, composants : une identité appliquée de façon cohérente.
Clavier, contrastes, textes alternatifs, dès la conception et non en fin de projet.
La même page d'inscription à une formation. Choisissez une situation : ce que voit la visiteuse, et ce que vérifient, décident et enregistrent les couches derrière l'écran.
formations.exemple.fr/sessions/habilitation-b1v
Habilitation électrique B1V
12 novembre 2026 · Lyon · 3 places restantes
Nom et prénom
Camille Martin
E-mail professionnel
c.martin@exemple.fr
Entreprise
Atelier exemple
Confirmer l'inscription
Prêt à confirmer · rien n'est encore enregistré
Un parcours réussi, c'est d'abord une page qui guide : la bonne session trouvée, un formulaire déjà rempli, une vérification avant l'envoi.
Les cinq situations : ce que voit la visiteuse, où le traitement s'arrête, et ce qui est enregistré.
| Situation | Ce que voit la visiteuse | Où ça s'arrête | Enregistré |
|---|---|---|---|
| A. Parcours réussi | Vérifiez vos informations, puis confirmez. | Pas encore sollicité | Rien pour l'instant : la visiteuse n'a pas confirmé. |
| B. Formulaire incomplet | 2 champs à corriger. Le premier a reçu le focus. | Contrôles du navigateur : E-mail incomplet · champ requis vide | Rien : rien n'a quitté le navigateur. |
| C. Accès non autorisé | Cette page est réservée aux organisateurs. | Contrôles du serveur : Droit vérifié : compte participant · refusé | Rien. La tentative est journalisée pour l'administration. |
| D. Service indisponible | Votre inscription n'a pas pu être envoyée. Vos informations sont conservées ; réessayez dans un instant. | Contrôles du serveur : Pas de réponse du service d'inscription | Rien : aucune inscription partielle. |
| E. Double validation | Vérifiez vos informations, puis confirmez. | Pas encore sollicité | Rien pour l'instant : la visiteuse n'a pas confirmé. |
Organisme, formation et données fictifs ; aucun service appelé.
Ce que la visiteuse voit repose sur des couches qu'elle ne voit jamais. Chacune a son rôle ; aucune ne se rattrape en fin de projet.
Le choix des outils dépend du projet, de votre équipe et de son hébergement : nous l'expliquons au cadrage, sans imposer une technologie par habitude.
Selon le projet : pour les applications métier et les back-offices, notre développement Laravel et PHP ; pour les interfaces, React et Next.js ; côté serveur en JavaScript, Node.js ; pour un site administrable, WordPress.
L'administration se conçoit comme le site lui-même : pour les personnes qui l'utiliseront chaque semaine.
Quatre exigences tenues du premier écran à la mise en ligne, avec des objectifs fixés ensemble plutôt que des promesses chiffrées.
Lisible et utilisable du téléphone au grand écran, sans version au rabais.
Navigation au clavier, contrastes, textes alternatifs, formulaires explicites.
Pages légères, images adaptées, chargement rapide, vérifiés à chaque étape.
Titres, adresses, données structurées et redirections propres : les fondations, pas la stratégie de contenus, traitée avec le volet référencement naturel et acquisition.
Choisir le bon type de projet, gérer les contenus, refondre l'existant, la qualité, la technologie, l'après.
Selon ce que le public doit faire : s'informer et vous contacter (site vitrine), trouver, réserver ou suivre (site sur mesure), utiliser régulièrement un service avec un compte (application web). Le besoin peut évoluer : on prévoit dès le départ ce qui pourra s'ajouter.
Oui, pour ce qui est prévu au cadrage : textes, images, actualités, offres. L'administration est conçue pour vos équipes, avec des droits par rôle, une prévisualisation avant publication et un historique des modifications.
Pas toujours. Un examen de l'existant dit ce qui peut être conservé (contenus, adresses, fonctions) et ce qui doit changer. Une refonte prévoit la reprise des contenus et la redirection des anciennes adresses, pour ne pas perdre de visiteurs.
L'affichage s'adapte à toutes les tailles d'écran. L'accessibilité (clavier, contrastes, textes alternatifs) et la rapidité sont vérifiées pendant le projet, avec des objectifs fixés ensemble au cadrage plutôt que promis d'avance.
Celle qui convient au projet, à son hébergement et à l'équipe qui le maintiendra. Nous l'expliquons au cadrage, avec ses avantages et ses contraintes, sans imposer un outil par habitude ni enfermer votre site chez nous.
Mises à jour de sécurité, sauvegardes, corrections et évolutions : un contrat de maintenance en fixe le périmètre et le rythme. Le site peut accueillir de nouvelles fonctions sans tout reconstruire, quand le besoin apparaît.
Dossier de cadrage · site ou application web
neuf pièces · de l'entrée aux coulisses
1Hall d'entrée
Informer, vendre, recevoir des demandes, servir des clients.
2Accueil
Qui vient, avec quel appareil, quelles attentes.
3Circulations
Les chemins clés, de l'arrivée à l'action.
4Salle de lecture
Textes, médias, langues : qui les écrit, qui les tient à jour.
5Ateliers
Recherche, compte, formulaire, réservation, paiement : selon le besoin.
6Archives
Ce qui est stocké, combien de temps, qui y accède.
7Portes de service
Les logiciels à relier : CRM, gestion, prestataires.
8Local technique
Ce que vos équipes modifient seules, avec quels droits.
9Entretien
Mises à jour, sécurité, nouvelles fonctions.
Un site ou une application se construit comme un bâtiment : on dessine les pièces, les passages et les coulisses avant d'ouvrir le chantier. Nous dressons ce plan avec vous.
Réponse sous 24 à 48 heures ouvrées.
contact@crawleragency.com
+33 4 94 36 20 09
Un cahier des charges, des maquettes ou un site existant ? Mentionnez-les : ils s'échangent ensuite selon des modalités convenues ensemble.
Vos cookies, votre choix
Avec votre accord, nous mesurons la fréquentation du site pour l'améliorer.Sans accord, aucun cookie de mesure n'est déposé.Modifiable à tout moment : « Gestion des cookies », en bas de page. En savoir plus