Aller au contenu

Méthode

Cinq marches, un site

De la première conversation à la mise en ligne, chaque projet monte les mêmes cinq marches. À chacune, vous savez ce qui se passe, ce que vous recevez et ce que vous validez.

L’exemple suivi ici est ce site.

  1. Sur la première marche, une feuille porte une note de cadrage : l'intention du site, puis ses objectifs, ses pages et son univers, rangés en trois colonnes.

    01

    Comprendre

    Avant de dessiner, écouter.

    Ce qui se passe
    Un échange sur votre activité, vos clients et ce que le projet doit produire. Un état des lieux de l’existant : site, contenus, outils.
    Vous recevez
    Une note de cadrage : objectifs, périmètre, contenus à réunir, et ce qui reste hors périmètre.
    Vous validez
    Le périmètre et les priorités.
  2. Sur la deuxième marche, la maquette de l'écran d'accueil : la navigation, le titre et les boutons à leur place, le décor dessiné au trait, les repères de mise en page, les caractères et la palette de bleus.

    02

    Concevoir

    Une direction montrée avant d’être construite.

    Ce qui se passe
    La structure des pages et le parcours du visiteur. Une direction visuelle : typographie, couleurs, images, mouvement.
    Vous recevez
    Une maquette de l’écran principal, à ouvrir dans votre navigateur.
    Vous validez
    La direction. Rien n’est développé avant votre accord.
  3. Sur la troisième marche, le site réel monte comme une eau et recouvre la maquette.

    03

    Développer

    Le site se construit à une adresse privée, que vous pouvez ouvrir.

    Ce qui se passe
    L’intégration des pages, des contenus et des animations, avec la technique qui convient au besoin : pages statiques pour un site vitrine, Next.js et Supabase pour une application, Shopify ou WooCommerce pour une boutique.
    Vous recevez
    Une version de travail consultable, tenue à jour.
    Vous validez
    Chaque écran, au fur et à mesure.
  4. Sur la quatrième marche, le site en deux formats, large et étroit, à côté d'une liste de contrôles cochés.

    04

    Tester

    Vérifié dans de vrais navigateurs, pas supposé.

    Ce qui se passe
    Ordinateur et téléphone, navigation au clavier, mouvements réduits. La vitesse est mesurée ; les liens et les formulaires sont essayés un par un.
    Vous recevez
    La liste de ce qui a été vérifié, et de ce qui ne l’a pas été.
    Vous validez
    La version à mettre en ligne.
  5. Sur la plus haute marche, près de la sphère, le site terminé porte son adresse ; des papillons s'envolent.

    05

    Livrer

    Mise en ligne sur votre accord, puis transmission.

    Ce qui se passe
    La mise en ligne, après votre accord écrit, puis le contrôle du site une fois en ligne.
    Vous recevez
    Le code du site et vos accès.
    Vous validez
    La réception du projet.

Trois règles tiennent d’un bout à l’autre.

  1. Vous validez chaque marche.

    Aucune étape ne commence sans votre accord sur la précédente.

  2. Vous voyez le travail en cours.

    Une adresse privée, tenue à jour, du premier écran au dernier.

  3. Ce qui n’a pas été vérifié est dit.

    La liste des essais vous est remise avec le site.