Wireframeshowcase.com : l’évolution d’un site à partir de wireframe

---

Avant tout, les Wireframe, qu’est-ce que c’est ?

C’est une question qui mérite qu’on s’attarde un peu sur sa réponse en tous cas.

Si on en croit Wikipedia voici ce qu’on nous dit : Le Wireframe (ou maquette fil de fer) en web design consiste à réaliser un schéma définissant les zones d’un site Web, ou d’une page Web. Il peut être réalisé par une personne non technique (client, graphiste, …).

Donc en bref, les wireframe sont une version « dessinée » qui représente une page donnée au niveau structurel (la place qu’occupera le menu, les images, les liens, etc.), pas au niveau graphique. On utilise parfois des logiciels spécialisés dans la conception de wireframe comme Balsamiq Mockup . D’autres personnes préfèrent faire ça sous Illustrator ou Photoshop. Sachez finalement que des packs d’éléments sont dispo’ sur pas mal de sites (nous en mettrons bientôt en téléchargement) pour vous faciliter la vie.

Revenons-en au site Wireframeshowcase.com, ce site vous permet de voir un intéressant avant/après de ce qu’à donné un site à partir de ses wireframe. Vous passez simplement votre curseur sur l’image pour voir le site dans sa version graphique et par défaut c’est affiché « splitté » en 2 entre le wireframe et le site fini.

C’est vraiment bien foutu et peut vous donner éventuellement des idées. Voici un exemple d’image reprise sur ce site :