🚀

Design web

Design web wbusiness

Le travail du web designer

En se basant sur des documents fondamentaux, comme un cahier des charges et une charte graphique, le web designer va concevoir des interfaces web.

Le web designer va, avant tout, mettre en avant le contenu d’un site internet ou d’une application grâce à :

  • Des couleurs en rapport avec le domaine d’activité de la marque
  • Des typographies faciles et lire et en rapport avec l’identité de la marque
  • Des médias, illustrations ou images, des animations SVG, pour attirer le regard de l’internaute

Mais ce n’est pas tout, le champ de compétence du web designer se veut vaste afin de connaître toutes les contraintes et les subtilités du web.

travail_du_web_designer

Les axes de travail du web designer

Lien

Il s'agit de relier les pages entre elles pour créer un maillage interne puissant.

Architecture du site

Il s'agit d'organiser toute la structure du site.

Ordre de lecture

Pour mettre en avant le contenu important pour l'utilisateur afin qu'il le trouve rapidement

Fluidité de la navigation

Pour permettre à l'utilisateur de trouver ce qu'il recherche en moins de 3 clics.

Accessibilité

Il s'agit des bonnes pratiques à mettre en place pour rendre le site accessible à tout le monde y compris les personnes avec handicap.

Responsive web

Pour aider à la navigation sur tous les supports : grands écrans, ordinateur, tablette et mobile.

Couleurs

Respect du contraste entre les couleurs des éléments du site, afin que chacun soit visible.

Interactivité du site

Il s'agit des interactions qu'il peut y avoir entre le site et l'utilisateur. Comme par exemple un élément qui bouge au passage de la souris.

Typographies

Respect des typographies et travail sur leurs lisibilités.

Charte graphique

Respect de la charte graphique pour le choix des typographies, des couleurs et le design des illustrations.

expertise-web-designer

Les champs d'expertise du web designer

Vous l’avez compris, le web designer s’occuper de la partie visuelle d’une interface. Et pour ce faire, il doit maîtriser les points suivants :

  • L’utilisation d’outils de création graphiques tels qu’Illustrator, Photoshop, XD ou encore Sketch
  • Avoir des notions en HTML / CSS, qui vont permettre de comprendre la structure (code) d’une page
  • Connaître et maîtriser la typographie afin d’utiliser la bonne police à la bonne taille et au bon endroit
  • Savoir transformer une idée en illustration afin d’avoir des visuels qui aident à la compréhension du texte
  • Connaître les contraintes que peut imposer le développement web. En effet, certaines créations, aussi belles et innovantes soient elles, ne pourront pas facilement être réalisées techniquement
  • Avoir connaissance des problématiques autour du responsive design et de l’accessibilité
  • Tester tous les parcours que les utilisateurs peuvent faire sur le site web. Pour les optimiser ou les changer.

Exemple de réflexion du web designer

Voici deux exemples de réflexion autour de la création d’interfaces.

Création d’un site internet e-commerce

Dans la conception de ses pages, le web designer va se concentrer sur l’utilisateur et va faire en sorte qu’il puisse acheter un produit en le moins de clics possibles. Cela passe par l’ajout de produits sur la page d’accueil du e-commerce avec un bouton ajouter au panier sous les articles. L’utilisateur aura directement son produit d’ajouter au panier sans avoir à passer par la page détail du produit.

Tout cela dans le but d’augmenter le taux de conversion et les ventes.

Création d’un site internet vitrine

Le but premier d’un site vitrine est de présenter une entreprise ou un produit. Dans cette démarche, le web designer va travailler l’interface pour qu’elle fasse passer un message compréhensif à l’utilisateur. Que ce soit un univers, des valeurs, des fonctionnalités ou l’histoire de l’entreprise.

reflexion-du-web-designer