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 […]
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 ?
2. Les fondamentaux du design web
3. Les astuces et bonnes pratiques
4. Nos ressources design
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 […]
10 étapes pour réaliser l’audit UX et SEO de votre site web
Dans le processus de référencement SEO, les problèmes sont souvent nombreux et il est important de les déceler avant de lancer votre plan d’action. Pour ce faire, il est important de faire régulièrement un audit pour s’assurer que tout va pour le mieux. Du moins, l’audit vous permet également d’anticiper et de palier aux différentes […]
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 […]
Test Divi – Notre avis sur ce constructeur de sites WordPress
Divi est le thème phare d’Elegant Themes et c’est également l’un des thèmes WordPress les plus populaires aujourd’hui. Comme il s’agit d’un thème polyvalent, il a été créé pour convenir à tout type de site Web que vous souhaitez créer avec WordPress. Au fil des ans, Divi a été régulièrement mis à jour et amélioré. […]
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 […]
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 […]
Quel est le coût de création d’un design web sur-mesure ?
Le coût de création d’un design de site web sur-mesure dépend de la méthode choisie. Selon que vous souhaitiez créer vous-même le design grâce à un Website Builder ou selon que vous fassiez appel à un designer freelance ou à une agence, le tarif ne sera évidemment pas le même. Il est toujours intéressant de […]
Avez-vous besoin d’un design sur-mesure pour votre site web ?
Lorsque vient le moment de créer son propre site internet, une question fondamentale se pose : faut-il utiliser un template de site web existant ou au contraire un design sur-mesure ? La première option est la plus simple et la plus économique, mais elle possède aussi des inconvénients. Car un site mal adapté à son produit ou […]
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 […]
8 étapes pour réussir la conception de son site web
Aujourd’hui, il n’y a nul besoin d’être un graphiste pour créer un design convenable. De nombreux outils existent afin de vous accompagner dans cette étape primordiale.
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 […]
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 […]
La liste ultime des ressources UX / UI pour tout designer
Il existe des tonnes d’outils et de ressources pour aider les designers dans leur quotidien. La Fabrique vous propose la liste la plus complète du web de ressources design. De quoi nourrir votre barre de favoris, et vous donner de l’inspiration pour des dizaines de projets UX / UI. Inspirations Lapa Ninja Lapa Ninja vous […]
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 […]
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 […]
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 […]
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 […]
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 […]