Etape 6.2 : Le responsive design

etapes-creation-site-web-06.2

Consacré « mot-clé de l’année 2013 » par le célèbre magazine Mashable, le Responsive Web design (RWD) est aujourd’hui incontournable dans nos projets web (et dans les cahiers des charges de nos clients)… mais demeure toujours aussi confus et insaisissable même chez les professionnels ! Retourner au sommaire Voici donc une petite introduction pour mieux comprendre ce phénomène… … Lire plus

Etape 6.1 : Explication des CSS

etapes-creation-site-web-06.1

Nous vous avions promis dans le dernier article de revenir sur l’explication des CSS de cette phase d’intégration de la page d’accueil de Design & Lifestyle. Retourner au sommaire Cet article n’a pas vocation à vous enseigner le code, mais vise à vous montrer le processus de réflexion pour convertir une maquette graphique en maquette … Lire plus

Etape 6 : Prototypage et intégration HTML5/CSS

etapes-creation-site-web-06

Après avoir créé la maquette (mockup) de notre site web dans un logiciel de création graphique, il est temps de procéder à la création d’une maquette fonctionnelle. Alors, pourquoi parlons nous de prototypage et d’intégration web ici, pourtant nous avons vu qu’il était possible de produire des prototypes plus tôt ? Retourner au sommaire Eh … Lire plus

Etape 5 : Design d’interface web en détail

etapes-creation-site-web-05

Dans le dernier article, j’ai promis de revenir en détail sur le processus de design d’interface web du projet Design & Lifestyle Magazine. Retourner au sommaire Après notre phase de recherche UX (design d’interaction), nous devions procéder aux esquisses (ou croquis) de nos pages. Mais avant de se lancer dans les dessins de nos pages, … Lire plus

Etape 4 : design visuel & design d’interface

etapes-creation-site-web-04

Ceci est l’étape au cours de laquelle nous commençons à esquisser des idées de mise en pages web, et du placement (positionnement) du système de navigation et des autres éléments de contenu. En réalité, la phase précédente est constituée en partie de design d’interaction, la fondation même du design visuel. Retourner au sommaire Petit mot … Lire plus

Etape 3 : Architecture de l’information

etapes-creation-site-web-03

La présentation hiérarchique de l’information ou encore architecture de l’information est l’aspect le plus important dans la structuration du site. Tout comme un programmeur utilise des pseudocodes, un réalisateur rédige une liste de plans de tournage, et un peintre réalise des esquisses, en tant que designer web vous devez structurer vos projets. Le diagramme structurel … Lire plus