Vous lisez

5 tendances de conception de sites Web B2B pour 2016

Marketing de contenu

5 tendances de conception de sites Web B2B pour 2016

Nous savons d’après les recherches que presque tous ceux qui envisagent de faire affaire avec vous examineront d’abord votre site Web. Et rien ne décourage un prospect plus rapidement qu’un site Web qui semble obsolète.

Heureusement, même de petits ajustements à votre conception peuvent vous aider à suivre le rythme des tendances en matière de conception et peuvent faire une grande différence. Jetons un œil aux dernières tendances.

1. Moins de photographie, plus d’illustration

En 2015, les sites Web B2B étaient dominés par des photographies de stock impersonnelles ou sans inspiration. En 2016, nous trouverons des illustrations conviviales et pertinentes qui seront beaucoup plus utilisées pour aider les entreprises à raconter leur histoire.

Les illustrations créent un lien plus personnel car elles sont souvent plus engageantes et amusantes. Fait intéressant, il est plus facile pour les gens de s’imaginer dans des scènes illustrées que dans les tableaux souvent indescriptibles de la plupart des photos d’archives.

Les illustrations peuvent être aussi complexes que des images et des arrière-plans de héros dominants à grande échelle, ou aussi intimes que des icônes et des éléments d’interface utilisateur. Des sites comme Ice & Sky combinent de grandes illustrations d’arrière-plan et des animations pour raconter une histoire captivante.

Des illustrations convaincantes, combinées à une interface claire et facile à naviguer, peuvent être utiles dans la conception de sites Web B2B. Lorsqu’elle est bien faite, l’illustration peut donner aux sites Web B2B un élément de fantaisie qui ne peut tout simplement pas être obtenu avec des photographies de stock ou des séances photo coûteuses.

2. Utilisation plus audacieuse de la couleur

Vous avez probablement entendu parler du flat design (un minimalisme qui met l’accent sur la convivialité) et de son utilisation dans les sites Web B2B. Malheureusement, les designs plats ont souvent des palettes de couleurs tout aussi plates. Mais en 2016, attendez-vous à ce que cela change. Cette année, vous trouverez de nombreux designers qui améliorent leur jeu de couleurs.

La couleur a toujours été un outil important pour exprimer les valeurs et le message de la marque d’une entreprise. Le problème pour de nombreux designers est que l’utilisation et le choix de la couleur sont devenus très « sûrs » en raison des contraintes de ce qui est possible avec la technologie actuelle. Cela devrait changer à partir de 2016. De nouveaux et meilleurs outils de sélection de couleurs, ainsi qu’une typographie plus créative (voir #3) sont à l’horizon.

À l’avenir, l’utilisation du type et de la couleur deviendra une combinaison de plus en plus puissante, et nous nous attendons à voir plus d’expérimentations avec des couleurs plus vives et plus vives. Cette tendance ne se limitera pas non plus à la saisie. Les palettes de couleurs dans leur ensemble changeront, tout comme les arrière-plans de couleur unie.

3. Typographie plus créative

Salut à tous ! L’époque où l’on s’en tenait à une poignée de polices de caractères « sûres », comme Arial et Times New Roman, est révolue !

L’émergence de polices sécurisées bon marché ou gratuites comme Google Fonts et Adobe Typekit signifie que des options de typographie encore plus créatives seront visibles sur les sites Web B2B. Ceci, en combinaison avec CSS3 (la dernière des feuilles de style en cascade), signifie que nous ferons beaucoup plus avec la typographie sur le Web, des transitions attrayantes aux animations à part entière. Des sites comme Epicurrence utilisent la typographie avec élégance, utilisant un minimum de couleurs et un mouvement de parallaxe subtil.

Selon HTTP Archive, l’utilisation de polices personnalisées a augmenté au cours de la dernière année. Des polices de caractères plus audacieuses et plus uniques continueront d’être utilisées car elles fonctionnent bien avec les autres tendances mentionnées ici (plus d’illustrations, des couleurs plus vives et plus audacieuses). Alors que les concepteurs continueront d’utiliser des caractères hautement lisibles pour le corps du texte et autres, attendez-vous à voir plus d’expérimentations et d’associations avec des options amusantes et innovantes pour les titres et les textes de support.

VOIR ÉGALEMENT: 7 composants d’un site Web de haute performance

4. Conception matérielle

Considéré par certains comme la prochaine étape de la conception plate, la conception matérielle a été développée chez Google pour une utilisation sur les appareils Android. Ses principes ont depuis été adoptés sur de nombreuses plates-formes mobiles, ainsi que dans la conception de sites Web de bureau. La conception matérielle est une norme en constante évolution avec des ressources et des bonnes pratiques pour la conception d’appareils.

Il améliore la convivialité des appareils mobiles en rendant les éléments à la fois faciles et agréables à utiliser. Cet équilibre entre forme et fonction est obtenu par la disposition et la dimension perçue, en attribuant certains éléments à des couches plus proches ou plus éloignées de la « surface » de l’écran. Par exemple, un bouton « plat » serait plus proche de la « base » de la mise en page.

Les interfaces de carte sont une autre caractéristique clé de la conception matérielle. Les sites sociaux comme Pinterest ont fait bon usage des cartes, mais 2016 trouvera de plus en plus d’interfaces de cartes dans la conception de sites Web B2B. Une interface de carte est une interface dans laquelle les différents éléments à l’écran sont contenus dans des rectangles, qui ressemblent à un ensemble de cartes. Les dispositions des cartes facilitent la conception réactive, car elles sont facilement et rapidement réorganisées sur plusieurs tailles d’écran. Des sites comme Contrastly et The Spaces font bon usage des cartes et les rendent très flexibles.

Comme Bootstrap l’a fait au cours des années passées, la conception matérielle trouvera sa place dans le paysage de la conception de sites Web B2B dans le but de rendre les choses plus mobiles et plus conviviales pour toutes les plates-formes.

5. Plus de dispositions verticales et de défilement

2015 a vu la fin possible du débat sur les sites Web sans défilement. Nous constatons de plus en plus qu’il est plus facile de faire défiler que de cliquer. Cela est particulièrement vrai sur les smartphones ou sur un réseau de données lent ou limité, lorsque le défilement est préféré à l’actualisation de la page. Que ce soit sur mobile ou sur ordinateur, le défilement peut être un outil d’interaction important et utile. Si votre site Web B2B reçoit un volume élevé de trafic mobile, le défilement sera beaucoup moins frustrant pour les utilisateurs sur n’importe quel appareil.

Les dispositions verticales et le défilement présentent d’autres avantages, sur toutes les plateformes. Par exemple, les pages de défilement peuvent être un excellent outil pour raconter une histoire, car elles guident les visiteurs d’une section à l’autre jusqu’à ce qu’un objectif soit atteint. Les effets d’animation et de parallaxe sont souvent mis en œuvre pour améliorer l’histoire racontée et peuvent rendre les mises en page plus dynamiques. Le défilement permet au contenu d’être plus étalé, offrant plus d’options et de visibilité aux offres de contenu, aux boutons et aux formulaires. Dans cet exemple, un formulaire plein écran est utilisé pour concentrer l’attention de l’utilisateur sur la tâche à accomplir et le rendre plus facile à utiliser.

Ce ne sont que 5 des tendances les plus en vogue en 2016. Vous trouverez peut-être une place pour une ou plusieurs d’entre elles dans la prochaine refonte de votre site Web.

Transformez le site Web de votre entreprise en générateur de leads. Participez à notre webinaire gratuit, « Comment créer le site Web de services professionnels parfait » le 25 février à 12 h 00.

Ressources additionnelles

  • Notre Guide de site Web générateur de leads détaille comment votre entreprise peut générer des prospects qualifiés avec son site Web.
  • Assurez-vous que votre site Web et votre contenu sont trouvés en ligne avec Hinge’s Guide de référencement pour les services professionnels.

Comment la charnière peut vous aider

Votre site Web B2B doit être l’un des plus grands atouts de votre entreprise. Notre programme de sites Web de haute performance aide les entreprises à stimuler l’engagement en ligne et les prospects grâce à un contenu de valeur. Hinge peut créer la bonne stratégie et la bonne conception de site Web pour faire passer votre entreprise au niveau supérieur.

Guide de site Web générateur de leads

Erwan

Rédigé par

Erwan

Erwan, expert digital pour Coeur sur Paris, offre des insights pointus sur le marketing et les réseaux sociaux. Avec une plume vive et une analyse fine, il transforme les complexités du digital en conseils pratiques et tendances à suivre.