Exemples de mise en page

À quoi ressemble un site livré.

Cliquez sur un exemple : il s'ouvre ici même, et vous pouvez le parcourir comme si vous y étiez, sur ordinateur ou sur téléphone.

Les trois premiers sont des démonstrations : des entreprises inventées, faites pour montrer la mise en page. Aucun témoignage n'y est inventé. Le dernier est une réalisation réelle, publiée avec l'accord de la personne concernée.


Derrière une page

Le travail qu'il y a avant la mise en ligne.

Une page qui fonctionne, ce sont d'abord des choix : la structure avant le dessin, des couleurs qui tiennent sur un écran de téléphone, un texte lisible, et du code écrit proprement pour que le site charge vite.

Les photographies ci-dessous sont des visuels d'ambiance libres de droits. Elles illustrent la façon de travailler. Ce ne sont ni des sites livrés, ni des clients.

Faites glisser la bande pour voir les dix photos.

Lignes de code colorées d'un fichier graphique, affichées sur un écran sombre.
Le code d'une page
Croquis peints à l'aquarelle représentant des gabarits de pages web.
La structure, avant le dessin
Écran affichant du code HTML sur fond sombre.
Un balisage propre
Casse de caractères d'imprimerie en plomb, rangés par taille.
Typographie
Nuancier de couleurs et tablette posés sur une table claire.
Le choix des couleurs
Coin de bureau contemporain, deux fauteuils et une lumière douce.
Un lieu de travail
Main qui dessine au crayon la structure d'une page sur une grande feuille.
Le plan de la page
Écran de code bleu nuit, lignes régulières et bien alignées.
Lisibilité
Cartes de couleurs et gabarits imprimés étalés sur un bureau.
Nuanciers et gabarits
Grande salle de travail moderne en béton et bois, sans personne.
Bureaux et lieux de travail

Le vôtre ressemblerait à quoi ?

Décrivez votre activité : je vous dis quelle formule convient et ce que la page pourrait montrer.