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 […]
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
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 […]
14 ressources pour trouver de l’inspiration pour vos designs email
Le design de vos emails est aussi important que leur contenu. Mais comment créer des designs personnalisés, engageants et de haut niveau lorsqu’on n’est pas soi-même webdesigner ? C’est une question que beaucoup de marketers se posent ! La meilleure solution est de s’inspirer de designs email déjà existants. Le but n’est pas de reprendre à […]
900+ exemples de templates email gratuits
Quand on cherche, on trouve. Après plusieurs heures de recherches, nous avons réussi à dénicher pour vous plus de 900 templates d’emails entièrement gratuits en nous inspirant notamment d’un excellent article en anglais sur le blog de Chamaileon. Des templates de qualité, cela va sans dire. Pour être honnête, on a été assez étonnés de la quantité de templates […]
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 […]
7 idées reçues sur l’intégration des emails en HTML
A l’origine, les emails se réduisaient à du texte, et uniquement du texte. Au fil des décennies, l’email a évolué et a commencé à intégrer d’autres éléments HTML grâce au travail acharné de développeurs talentueux. Les développeurs ont progressivement édicté des listes de « bonnes pratiques » afin d’aider les professionnels à enrichir le contenu de leurs emails. Tout le […]
Choisir les couleurs de votre site internet – Impact psychologique et exemples
Sur un site internet comme ailleurs, les couleurs ont un impact psychologique, en partie liés à des déterminants culturels. Le blanc est synonyme de pureté, le jaune de joie, le rouge de passion, de sensualité ou de colère, le vert de nature, d’apaisement, de confort, etc. Dans le choix du design de votre site internet, […]
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 […]
12 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 […]
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 […]
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 […]