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

Comparatif des meilleures Agences Design : web design, identité visuelle, produit…

La construction de l’univers graphique de votre marque est une étape clé du développement de votre entreprise : votre site internet, votre identité visuelle, le packaging de vos produits ont encore vos supports marketing… Comment vous assurer que ces éléments transmettent les valeurs de votre marque, soient cohérents et répondent aux attentes de vos clients […]

Construire l’arborescence de son site web

L’arborescence d’un site web permet d’avoir une vision globale du site 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, […]

Comment créer une boutique en ligne gratuitement ?

Créer une boutique en ligne gratuitement sans faire appel à un prestataire freelance, ou une agence, est tout à fait possible. Nous allons vous présenter les deux principales options qui s’offrent à vous ; Utiliser un logiciel de création de site internet clés en main type Wix (généraliste) ou Shopify (ecommerce). Utiliser un logiciel open […]

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. […]

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 […]

Découvrez ces 30 exemples de sites Shopify réussis

Nous allons vous faire découvrir 30 très beaux exemples de sites Shopify. Nous avons pris soin de sélectionner des exemples divers et variés pour que vous donner une idée de tout ce que l’on peu faire avec un logiciel comme Shopify. Nous espérons que vous y trouverez des sources d’inspiration pour votre propre site. Bonnes […]

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 […]

WordPress – 15 exemples de sites vitrines réussis

Vous avez sûrement déjà pensé à créer un site WordPress pour donner vie à votre activité en ligne. C’est un projet enthousiasmant, et nous sommes là pour vous aider, notamment en vous guidant à travers les choix de thèmes WordPress. Mais attention, gardez en tête qu’il y a des coûts cachés dans tout processus de […]

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 […]

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 […]

25 exemples de design de popups pour l’inspiration

Il est assez difficile de créer des popups intéressants qui s’intègrent bien au design de votre site web et ne fassent pas fuir vos visiteurs. Pourtant, intégrer un popup sur votre site est essentiel si vous souhaitez capturer des informations de contact ou améliorer vos conversions. Nous avons donc décidé de rassembler les plus beaux […]

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 […]

En quoi consiste vraiment le webdesign minimaliste ?

Le minimalisme est une tendance dans le design qui peut se résumer en une formule : l’art de faire le plus avec le moins. Le minimalisme vise la sobriété de moyens, la clarté, l’élégance. Le webdesign minimaliste est à la mode depuis quelques années. Mais comment, concrètement, créer un site au webdesign minimaliste ? Comment […]

15+ sources d’inspiration pour le design d’un site web

Si vous êtes sur le point de débuter un projet de conception Web, cela peut vite devenir difficile de trouver la bonne source d’inspiration. Mais quelques points de départ fiables peuvent rapidement vous aider à répondre aux besoins de vos clients, tout en vous encourageant à explorer de nouvelles solutions de design et stimuler votre […]

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 […]

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 […]

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 […]

Top 10 des banques d’images et de sites de photos

Le visuel d’un site peut avoir un impact direct sur la perception qu’ont ses utilisateurs du sérieux et du niveau de professionnalisme offert. Au delà des notions d’UX et de facilité du parcours clients, qui ont déjà été traitées dans ce blog, la qualité des images visibles sur un site est également une notion importante […]

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 […]

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 […]