Concevoir le design du site web

C’est le design de votre site web qui produit la première impression – favorable, mitigée ou défavorable – d'un internaute. Le design ne désigne pas seulement l'aspect esthétique d'un site, mais tout autant son ergonomie, et ces deux aspects sont fondamentaux dans la rétention et la conversion des visiteurs. Comment faire en sorte que vos visiteurs se sentent à l'aise sur votre site, qu'ils y trouvent leurs repères et qu'ils aient envie d'y revenir ?

1. Ce qu'il faut savoir sur le design web avant de faire votre site

2. Les fondamentaux du design web

3. Les astuces et bonnes pratiques

4. Nos ressources design

Templates WordPress – 20+ exemples de thèmes WooCommerce

Vous recherchez les meilleurs exemples de thèmes Woocommerce pour votre boutique en ligne ? WooCommerce est le plugin WordPress e-commerce le plus populaire pour créer une boutique en ligne. Dans cet article, nous partagerons certains des meilleurs thèmes WordPress compatibles avec WooCommerce. La plupart de ces thèmes incluent un outil de création de page, vous […]

Zoom sur 10 outils pour créer les maquettes de votre site web (wireframes)

Avant de construire une maison, il faut préalablement faire un plan. Ainsi, l’exécution devient plus simple à réaliser. Un wireframe joue le même rôle dans la conception d’un site web. C’est le meilleur moyen de présenter la structure générale du projet. Pour vous, La Fabrique du Net a listé les meilleurs outils pour créer des […]

15 exemples de sites e-commerce réussis [2020]

Débuter une activité en ligne est une idée prometteuse. Aujourd’hui, les plateformes ne manquent pas pour développer un site de e-commerce : WordPress, Wix, Shopify… Les possibilités de création sont grandes. Mais il faut savoir planter le décor. Car si un site intuitif a toutes les chances d’attirer les visites, il convient de donner au […]

18 exemples de sites vitrines réussis

Il y a encore quelques années, la création d’un site vitrine pouvait apparaître comme un luxe, avec tout le superflu que la notion de luxe implique. Aujourd’hui, ce n’est ni par luxe ni par pur mimétisme que les entreprises créent des sites vitrines. Toutes les grandes entreprises ont leur site internet et la majorité des […]

Notre avis sur Wix Logo Maker, l’application pour créer votre logo en 3 clics !

Vous souhaitez créer votre logo vous-même, rapidement, sans faire appel à un prestataire (freelance ou agence) ? Il existe maintenant plusieurs outils « intelligents » qui permettent de générer automatiquement plusieurs idées de logos personnalisés en répondant à quelques questions. Certains donnent des résultats très moyens, mais ce n’est pas le cas de Wix Logo Maker. Wix […]

Comment réussir le design de la page d’accueil de votre site web ?

Construire un site web qui a fière allure n’a pas besoin d’être compliqué. Il suffit d’être logique et de respecter une certaine forme et, ça, tout le monde peut le faire. Cela est particulièrement vrai pour la page d’accueil de votre site web qui est l’endroit le plus important pour communiquer des informations primordiales. Dans […]

UI / UX – Les tendances webdesign pour 2019

En 2019, la tendance numéro un est le contexte. Il n’y a plus de généralisation, tout est dans le contexte. Cette année sera celle du développement de l’esprit de conception universelle qui englobe tout ce que nous produisons, et pas seulement le simple fait de « vendre ». Notre façon de faire les choses nous-mêmes nécessite de meilleurs […]

Top 50 des thèmes WordPress gratuits pour habiller votre site web

Êtes-vous à la recherche d’un thème de blog WordPress gratuit pour votre site web ? Il existe des milliers de thèmes gratuits pour WordPress, ce qui rend le choix difficile pour les débutants et même pour les plus confirmés. Dans cet article, nous avons sélectionné certains des meilleurs thèmes WordPress gratuits que vous pourrez utiliser […]

Top 20 des meilleurs thèmes Shopify pour habiller votre site ecommerce

Shopify est actuellement l’une des principales plateformes ecommerce en terme de nombre de sites web qui l’utilisent. Pas étonnant que tant de gens soient intéressés pour trouver les meilleurs thèmes Shopify pour leurs magasins virtuels. Dans cet article, nous avons compilé une collection des meilleurs thèmes Shopify présents sur le marché – ceux qui se […]

Palettes de couleurs – Les meilleurs outils pour s’inspirer, créer et tester un jeu de couleurs

Le choix des couleurs a un impact significatif sur le rendu visuel de votre site web / application mobile. Vous devez choisir des couleurs qui vont bien ensemble, et ce n’est forcément si évident. Pour vous aider dans cette étape importante du web design, nous vous présentons quelques uns des meilleurs outils web disponibles pour […]

20+ exemples de chartes graphiques web très réussis

Quand il s’agit de construire une image de marque mémorable, tout est question de cohérence.  Les meilleures marques restent dans nos cerveaux parce que leur présence est définie par la répétition du même logo, des polices, des couleurs et des images. A partir du moment où nous les voyons, elles deviennent instantanément reconnaissables, nous apportant […]

Ergonomie web – Comment choisir entre scrolling infini et pagination ?

Le « infinite scroll », popularisé par le flux d’actualité Facebook, permet de faire consommer à ses utilisateurs un nombre important d‘action, d’articles, de vidéos. Pourtant, ce mode de présentation ne va pas toujours de soi, et si certains sites privilégient toujours la pagination, ce n’est pas forcément par manque de ressources, mais bien parce […]

15 conseils d’ergonomie pour améliorer l’expérience des visiteurs sur votre site web

Le but ultime est de rendre votre site Web simple à comprendre afin que les visiteurs puissent trouver tout ce dont ils ont besoin, quand ils en ont besoin, aussi facilement que possible. Il y a des entreprises qui dépensent beaucoup d’argent pour la recherche et les tests utilisateurs, mais vous pouvez obtenir une bonne […]

Comment trouver ou créer de superbes images pour vos articles de blog ?

Dans cet article, nous allons vous présenter plusieurs ressources afin de trouver facilement des images pour vos réseaux, votre site, votre blog et ainsi augmenter votre engagement. Les images sont essentielles pour les billets de blog et les posts sur les réseaux sociaux. En ce qui concerne les billets de blog, ils facilitent la lecture […]

Avez-vous vraiment besoin d’un webdesigner en 2017 ?

A l’heure où les logiciels comme Wix nous promettent de créer un site web magnifique sans compétences, la question peut se poser. Tout le monde a compris l’importance du webdesign dans l’expérience client et la création d’une marque, mais les outils semblent tellement simples désormais. Pour faire le tour de cette question passionnante, nous avons […]

30 exemples de design ecommerce vraiment réussis

En ecommerce, le design a un impact capital sur la conversion du site, et donc sur vos ventes. Proposer un design à la fois élégant, fluide et fonctionnel permet d’améliorer l’expérience utilisateur, de crédibiliser votre marque et d’inciter à l’achat. Nous avons sélectionné pour vous 30 exemples innovants de design ecommerce – couvrant un maximum […]

200+ ressources graphiques gratuites : banques d’images, icones, etc.

Vous recherchez des ressources graphiques pour le design d’un site web ou l’illustration de vos textes ? Trouver ces outils sur Google est souvent très chronophage. Nous avons donc trouvé une solution assez simple, les lister tous dans cet article. Les ressources que nous allons vous présenter sont les références dans leur domaine, nous avons cherché […]

Construire l’identité visuelle de votre entreprise – Méthode & exemples

L’identité visuelle, qui s’exprime par le logo, par la typographie, par le choix des couleurs mais aussi par des règles de mise en page, doit refléter au mieux l’identité de votre entreprise, son activité, ses valeurs, son positionnement, sa proposition de valeur, sa vision. Elle véhicule l’image de votre entreprise à vos partenaires (clients, fournisseurs…) […]

30+ exemples de landing pages

Les landing pages sont des pages stratégiques, que vous devez bien optimiser si vous voulez générer le maximum de leads et de nouveaux clients. Ce sont les pages de conversion par excellence de votre site, en particulier dans un environnement B2B. Dans cet article, nous vous proposons plus de 30 exemples de landing pages réussies, […]

La liste complète des meilleures banques d’icônes web gratuites

C’est le design de votre site web qui produit la première impression – favorable, mitigée ou défavorable – de vos visiteurs. Choisir des icônes web originales et pro permet d’ajouter de la valeur au design de votre site et d’apporter un élément non négligeable de différenciation. Vous auriez tort de vous en priver sachant qu’il existe des […]

12 exemples pour réussir le design de la page d’accueil de votre site web

La page d’accueil est l’une des pages les plus importantes de votre site web. C’est sur elle que la plupart des visiteurs de votre site se font leur première impression et leur ressenti sur votre entreprise et votre offre. C’est la vitrine de votre activité. Une page d’accueil mal conçue, pas assez claire, pas assez lisible, peu […]

Le wireframing pour les nuls – Guide complet pour apprendre à réaliser des maquettes fonctionnelles web

Le wireframing est une étape importante dans la création d’un site web sur mesure, qui consiste à concevoir la maquette « fonctionnelle » du site. A la différence d’une maquette graphique, un wireframe fait complètement abstraction de l’aspect graphique et design du site, pour se concentrer sur l’ergonomie. La réalisation d’une maquette fonctionnelle est une excellente occasion pour optimiser l’expérience utilisateur […]

Le guide complet sur l’accessibilité web, l’art de rendre un site web utilisable par vraiment tout le monde

Améliorer l’accessibilité de votre site web vous permettra de toucher un public plus large, d’augmenter le trafic et les conversions sur votre site. Il faut toujours être conscient qu’entre 15% et 20% de la population souffrent d’un handicap, d’une forme ou d’une autre : handicap visuel, auditif, moteur… Ne pas travailler sur l’accessibilité web de son site, c’est se […]

Choisir la police de caractères de votre site web – Conseils & exemples de Google Fonts

Choisir une police de caractères n’est jamais simple. Réussir à trouver de bonnes combinaisons de polices encore moins. Si vous souhaitez créer un site web ou le refondre, le choix des combinaisons de polices de caractères n’est pas une étape à prendre à la légère. Ce choix doit exprimer l’identité et les valeurs de votre marque, […]

58 bonnes pratiques à respecter pour le design de vos formulaires

Les formulaires permettent de générer des leads, d’enrichir vos listes de diffusion email et d’obtenir des informations importantes sur vos visiteurs. Bref, ils jouent un rôle clé dans la conversion de votre site web. D’où l’importance de soigner leur design et leur mise en forme. VentureHarbour a récemment publié un article complet (en anglais) sur les bonnes […]

8 règles d’or d’ergonomie web à connaître avant de créer votre site internet

Lorsqu’on décide de travailler sur le design de son site web, on a tendance à se fixer sur l’aspect « esthétique », sur les couleurs, sur la disposition des différents éléments (logo, widgets, formulaire…), etc. Pourtant, si vous voulez vraiment améliorer le taux de conversion de votre site internet, vous ne devez pas vous focaliser sur l’apparence. Le plus […]

L’art d’optimiser les images pour le web : choix du format, compression et bonnes pratiques

Les images sont les éléments qui alourdissent le plus le poids des pages web. Pourtant, les images sont indispensables, pour mettre en valeur vos articles ou vos produits (si vous êtes e-commerçant). Si vous souhaitez améliorer la performance et la vitesse de chargement de votre site web, vous devez avoir une priorité : réduire le poids de […]

Les clés pour auditer une landing page. Zoom sur 5 exemples

Les landing pages représentent les pages les plus importantes de votre site internet. Ce sont les pages sur lesquelles « atterrissent » vos internautes (à partir d’un lien, d’une publicité, etc.) pour acheter votre produit ou s’inscrire à votre service. De leur qualité de conception dépend en grande partie le niveau de conversion de votre trafic. Grosso modo, il […]

Zoom sur les 6 tendances 2016 en matière de design de site web

Le design est un des éléments les plus importants sur un site internet. Un site au design bâclé fera forcément mauvaise impression sur vos visiteurs. Le design doit donc être particulièrement soigné et réfléchi. Sur internet, le terme « design » fait à la fois référence aux aspects purement visuels et esthétiques mais renvoie aussi à l’ergonomie. Nous allons […]

8 tendances ergonomie / design sur les sites ecommerce en 2016

Les gens sont de plus en plus nombreux à acheter sur internet, c’est bien connu, et la tendance n’est pas prête de s’inverser. Pour être à la hauteur de cette révolution des usages, les ecommerçants doivent rivaliser entre eux pour proposer des boutiques en ligne de qualité, à la fois esthétiques et fonctionnelles. La réussite d’un site e-commerce […]

Mega menu en Ecommerce – Analyse des tendances

Un site ecommerce doit permettre aux internautes d’accéder rapidement aux produits qu’ils recherchent. La qualité de la navigation (à l’intérieur du catalogue) est un facteur central dans la performance d’un site ecommerce. Mais comment proposer une navigation fluide, intuitive et simple lorsque l’on a des centaines voire des milliers de références produits ?Aujourd’hui, de plus en plus […]

Analyse des pages d’accueil des éditeurs de logiciel SaaS

La page d’accueil d’un éditeur de logiciel SaaS doit remplir deux objectifs principaux : véhiculer clairement la proposition de valeur du produit et favoriser l’engagement des visiteurs. En partant de ce constat, Hiten Shah (consultant marketing et confondateur avec Neil Patel de KISSMetrics, Quicksprout et Crazy Egg) a réalisé une étude sur les éditeurs de logiciels SaaS. Il a utilisé pour cela […]

L’art du site web en une page

Les sites à une page dessinent une nouvelle tendance du web. Leur qualité de navigation et leur design souvent haut-de-gamme séduisent de plus en plus de webmasters. De fait, on constate une prolifération de ce format sur internet. Beaucoup d’exemples sont réussis, mais attention, tous les sites web ne sont pas adaptés pour une présentation en une […]

Maitriser les fondamentaux du webdesign

Dans le terme webdesign, il y a le mot design. Le design est au cœur du succès de bien des sociétés. Il explique également l’échec de nombreux produits commercialisés. Quand on analyse correctement la faillite de certains systèmes, on s’aperçoit souvent que les choses avaient été dès le départ très mal dessinées. Le fait est […]

Comment construire la page d’accueil de votre site web ?

La qualité de la page d’accueil, premier pilier de votre site web par sa centralité, a des impacts déterminants sur la performance de votre activité, le reflet de votre image de marque ou encore l’efficience de la navigation. Construire, agencer, structurer, designer puis optimiser la page principale nécessite une démarche méthodique mariant l’astreinte et la […]

15 bonnes pratiques UI pour booster la conversion de votre site e-commerce

Pour un e-commerçant, l’optimisation de la conversion de son site e-commerce est un défi permanent. À force d’itération, on a pourtant tendance à s’éloigner des bonnes pratiques essentielles permettant à l’expérience utilisateur de vos clients de gagner en efficacité, crédibilité et lisibilité. La Fabrique du Net vous fournit donc 15 bonnes pratiques qui vous permettront […]

Construire l’arborescence de son site web

L’arborescence permet d’avoir une vision globale du site web et des parcours de navigation avant de réaliser les maquettes des pages principales. Réaliser le plan de son site web est souvent un exercice très difficile. Il n’est jamais évident d’organiser du contenu, souvent plus hétérogène qu’on l’imagine au départ. Surtout, faire un plan, c’est hiérarchiser, […]

Créer les maquettes de son site web

La réalisation des maquettes est une étape déterminante dans la création d’un site internet. Pour que votre site web soit agréable, il faut naturellement soigner le design de l’interface graphique, mais surtout, pour que votre site internet soit efficace, il faut construire une mise en page intelligente et adaptée à vos objectifs et vos contenus. […]

Concevoir la charte graphique de son site web

La charte graphique d’un site web, c’est l’ensemble des symboles et des règles qui définissent l’identité graphique d’un site web. Par extension, on utilise souvent l’expression de charte graphique pour parler de l’ensemble de l’identité visuelle d’un site web. L’objectif d’une charte graphique est double. Il s’agit d’une part d’avoir une cohérence graphique quelle que […]