Baser un site Web sur une maquette

Une maquette de qualité est l’élément de base pour un site Web d’apparence professionnelle. Il s'agit d'une image statique sur laquelle le look du site sera basé.

Sur le marché du travail, les programmeurs qui développent eux-mêmes tous les aspects d’un site Web font souvent appel à un graphiste externe pour réaliser les maquettes. Il est également possible de se procurer des maquettes professionnelles à très peu de frais dans des banques de maquettes. Certaines sont mêmes offertes gratuitement.

En créant la maquette avant la programmation, on évite de créer un site très carré et peu esthétique comme on en a vu dans les années 90.

▼Publicité

Voici un exemple de site Web développé dans ces années :

Site Web sans maquette

Voici maintenant un site Web plus récent dont le développement est basé sur une maquette produite par un programmeur (pas très habile en graphisme) :

Maquette produite par un programmeur

Et finalement, voici un site Web basé sur une maquette produite par un graphiste. Cette maquette est une adaptation d'une maquette tirée d'une banque de maquette gratuites : http://www.freewebsitetemplates.com/preview/babytemplate/index.html.

Maquette produite par un graphiste

Visualiser les anciens looks d'un site Web

Le site Internet archive WayBack machine permet de voir ce à quoi ressemblait un site Web il y a quelques années. Si vous parcourez ce site, vous verrez que dans les années 1990, le design des sites était réalisé par un peu n'importe qui. Sans discréditer qui que ce soit, disons que la majorité n'avait pas les compétences d'un graphiste... Ajoutons à cela les tendances du moment, avec les interfaces très chargées, et vous rencontrerez quelques sites assez particuliers !

Voici un échantillon de ce que vous trouverez sur ce site :

Site du cégep de Victoriaville en 1997

Site du cégep de Victoriaville en 1997
Source : http://web.archive.org/web/19970714081750/http://www.cgpvicto.qc.ca/

Site du cégep de Victoriaville en 2014

Le site en 2014

Google en 1998

Google à ses balbutiements en 1998
Source : http://web.archive.org/web/19981202230410/http://www.google.com/

Google en 2014

Le site en 2014

Alta Vista en 1996

Alta Vista, le prédécesseur de Google, en 1996
Source : http://web.archive.org/web/19961219095358/http://www.altavista.com/

Le moteur de recherche Alta Vista n'existe plus. Le site redirige maintenant vers Yahoo!

IVIC en 1996

Site d'un fournisseur internet local, IVIC, en 1996
Source : http://web.archive.org/web/19961229093433/http://www.ivic.qc.ca/

Ce fournisseur internet n'existe plus.

Techno sphere en 1998

Un autre fournisseur Internet de l'époque, Techno Sphere, en 1998
Source : http://web.archive.org/web/19980201111639/http://techno-sphere.com/

Techno Sphere en 2014

Le site en 2014

Canada 411 en 1997

Un des premiers types d'informations recherchées sur le Web à l'époque : le bottin téléphonique Canada 411, en 1997
Source : http://web.archive.org/web/19970204232044/http://www.canada411.com/francais/personne.html

Canada 411 en 2014

Le site en 2014.
Hummm... certains sites ont évolué plus que d'autres !

Pour plus d'information

« Internet archive WayBack machine ». Internet archive. http://archive.org/web/

Merci de partager ! Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestShare on StumbleUponEmail this to someone
Catégories