Discipline 五

Un beau site lent est un site mort

Neuf années d'atelier nous ont appris cela avant tout le reste. La moitié de vos visiteurs referment une page qui met plus de trois secondes, et ils ne reviennent pas pour vérifier si elle était jolie.

Le principe

La performance est une décision de conception

On croit qu'un site lent s'optimise à la fin. C'est faux : les décisions qui coûtent cher sont prises au début, quand on choisit une bibliothèque d'animation de trois cents kilo-octets pour un effet qui en demandait dix, ou quand on charge quatre polices distantes pour trois niveaux de titre. Aucune optimisation ultérieure ne rattrape ces choix, on ne peut que les défaire. Nous les posons donc dès la maquette.

Le deuxième principe est qu'un site doit fonctionner sans dépendre de personne. Chaque ressource tierce est un point de panne, une fuite de données et un aveu : une police chargée depuis un serveur américain transmet l'adresse de chacun de vos visiteurs avant tout consentement, ce qui rend fausse la promesse de votre propre page de confidentialité. Nous rapatrions tout, y compris les polices, ce qui coûte un peu de place et règle le problème définitivement.

Le troisième est que l'accessibilité n'est pas une option morale mais une contrainte de fabrication. Contraste suffisant, navigation au clavier, ordre de lecture cohérent, textes alternatifs qui décrivent au lieu de nommer. Cela profite d'abord aux personnes concernées, et accessoirement à tout le monde : les mêmes règles rendent le site utilisable au soleil, sur un vieux téléphone, ou d'une seule main dans le métro.

築
Les travaux

Six chantiers, dans cet ordre

図 一

L'architecture

Combien de pages, lesquelles, et ce que chacune doit obtenir, avant la moindre couleur.

Avant la moindre couleur, nous décidons combien de pages, lesquelles, et ce que chacune doit obtenir du visiteur. Un site de douze pages utiles bat un site de quarante pages dont trente ne servent qu'à remplir un menu. Cette étape produit un plan que vous validez, et c'est le seul moment où changer d'avis ne coûte rien.

意 二

La direction artistique

Une direction défendue et ajustée avec vous, pas trois pistes à départager.

Une maquette, pas trois : présenter trois pistes revient à demander au client de faire le travail de choix à notre place. Nous défendons une direction, argumentée, et nous l'ajustons avec vous. Les variantes existent, mais elles portent sur des détails tenus, pas sur trois univers dont deux ne nous convainquent pas.

組 三

L'intégration

Un code écrit à la main, léger, qui ne fait pas sauter la page.

Code écrit à la main, sans constructeur visuel, parce qu'un site fait au glisser-déposer produit des pages de deux mégaoctets qu'aucune optimisation ne rattrape. Images dimensionnées dans le balisage pour que la page ne saute pas au chargement, polices auto-hébergées et découpées par plage de caractères, scripts chargés seulement s'ils servent.

動 四

Les animations

Des animations qui guident le regard et s'effacent pour qui demande moins de mouvement.

Elles servent à guider le regard, jamais à occuper l'écran. Chacune est déclenchée à l'entrée dans le champ de vision plutôt qu'au chargement, et toutes s'effacent si le visiteur a demandé un mouvement réduit dans son système : ignorer ce réglage rend le site pénible pour les personnes sujettes au mal des transports.

商 五

La boutique

Un tunnel de vente court, et les frais de livraison annoncés dès le panier.

Quand il y a vente, tout se juge au tunnel : nombre d'étapes, champs demandés, moyens de paiement, frais annoncés tôt. La première cause d'abandon reste un frais de livraison découvert à la dernière page. Nous l'affichons dès le panier, ce qui fait baisser le taux d'ajout et monter le chiffre d'affaires.

守 六

L'entretien

Mises à jour, sauvegardes et surveillance, pour qu'un site ne recule pas.

Mises à jour, surveillance, sauvegardes quotidiennes conservées trente jours, certificat renouvelé, rétablissement sous quatre heures. Un site livré puis abandonné perd sa valeur en dix-huit mois : les navigateurs changent, les moteurs aussi, et une page qui n'évolue pas recule sans rien faire de mal.

La méthode

De la première réunion à la mise en ligne

Un site vitrine demande six à dix semaines, une boutique douze à seize. Voici ce qui se passe pendant ce temps, et ce que nous attendons de vous à chaque étape.

一 Semaines 1 et 2 築

Le cadrage

Entretiens, examen de l'existant, analyse de trois concurrents, plan du site. Nous vous demandons surtout de nous dire ce que le site doit OBTENIR : un appel, un devis, une vente, une candidature. Un site sans objectif nommé se juge sur le goût, et le goût n'est jamais partagé.

二 Semaines 2 à 4 築

La maquette

Deux pages dessinées entièrement, l'accueil et la page la plus stratégique, en version large et en version téléphone. Nous ne dessinons pas les douze pages : une fois ces deux-là validées, le reste en découle et se dessine en intégrant.

三 Semaines 4 à 8 築

La fabrication

Intégration, contenus, animations, formulaires, mesure. Vous voyez le site avancer sur une adresse privée, page après page, plutôt que de découvrir un résultat à la fin. Les corrections coûtent d'autant moins cher qu'elles arrivent tôt.

四 Semaine 9 築

Les contrôles

Vitesse mesurée sur un vrai téléphone et pas seulement en laboratoire, navigation au clavier, contrastes, lecture d'écran, formulaires envoyés pour de vrai, redirections des anciennes adresses. C'est l'étape que l'on saute quand on est pressé, et c'est celle qui coûte le plus cher à rattraper.

五 Semaine 10 築

La mise en ligne

Bascule, vérification des redirections une à une, dépôt du plan du site, surveillance rapprochée pendant deux semaines. Une refonte fait toujours bouger les positions : nous suivons de près pour distinguer un mouvement normal d'un vrai problème.

3 s
Au-delà, la moitié des visiteurs referme la page
10
Semaines pour un site vitrine, du cadrage à la mise en ligne
0
Ressource tierce chargée par vos visiteurs
Ce que vous recevez

Un ouvrage que l'on peut reprendre

一

Le site, évidemment

Mis en ligne sur un hébergement et un nom de domaine que nous configurons pour vous : certificat, sauvegardes, surveillance et en-têtes de sécurité. Les deux se règlent à part, leur configuration est comprise. Le site est entretenu tant que vous êtes chez nous ; vos textes, vos images et vos noms de domaine restent les vôtres du premier jour au dernier.

二

Le plan du site

L'architecture décidée au cadrage, avec l'objectif de chaque page. C'est le document qui évite qu'un site grossisse au hasard des demandes et se retrouve avec quatre pages qui disent la même chose.

三

Le rapport de contrôle

Vitesse mesurée sur mobile et sur poste, accessibilité, contrastes, navigation au clavier, redirections vérifiées. Avec les chiffres, pas une case cochée : vous pouvez les refaire vous-même et retrouver les mêmes.

四

La documentation

Comment modifier un texte, ajouter une page, changer une image. Écrite pour quelqu'un qui n'est pas du métier, avec des captures. Elle sert le jour où vous voulez faire une correction sans nous attendre.

Précisions

Ce qu'il faut décider avant de commencer

Quand c'est justifié, oui : pour un site que vous alimentez souvent, un outil d'édition connu de tous vaut mieux qu'une élégance que personne ne sait manipuler. Pour un site vitrine qui bouge trois fois par an, une page écrite à la main est plus rapide, plus sûre et sans mise à jour hebdomadaire à surveiller. Nous choisissons selon votre usage réel, pas selon nos habitudes.

Oui, et c'est prévu dès la conception. Selon la formule, vous disposez d'un espace d'édition pour les textes et les images, avec la documentation qui va avec. Ce qui touche à la structure ou au code reste de notre côté, parce que c'est là qu'une modification bien intentionnée casse le référencement sans prévenir.

Nous relevons toutes ses adresses avant la bascule et nous les redirigeons une à une vers leur équivalent. C'est fastidieux et c'est ce qui évite de perdre en une nuit dix ans de positions. Une refonte sans plan de redirection est la manière la plus efficace de faire disparaître un site de Google.

Oui, et pas seulement par un bandeau. La conformité commence par ne pas déposer de traceur avant consentement, ce que la plupart des sites font pourtant dès la première image chargée depuis un serveur tiers. Nous rapatrions ces ressources, ce qui rend le bandeau honnête au lieu de décoratif.

空

Commencez par un audit offert

Laissez-nous votre site et un mot sur votre projet. Un directeur l'étudie et vous répond personnellement sous vingt-quatre heures : ce qui freine vos visiteurs, ce que nous ferions, et si votre maison peut entrer chez nous. C'est la première porte de l'admission, et elle ne vous engage à rien.

Réserver un appel de 15 min

Vous préférez tout nous présenter en détail ? Ouvrir le dossier d'admission