L’architecture de développement web Jamstack, bien qu’elle existe depuis plus de 6 ans, ne semble pas perdre de sa popularité. Il n’y a donc rien de surprenant à ce que de grandes marques des secteurs B2B et SaaS choisissent d’utiliser Jamstack comme solution pour développer leur propres sites Web.
Chez Agily, nous avons également tendance à penser qu’il s’agit de la meilleure option qui s’offre à votre entreprise. Pour vous le prouver, nous allons vous présenter les 5 exemples de site web B2B et SaaS Jamstack dont vous devriez vous inspirer pour votre propre projet digital !
Les principales caractéristiques d’un site web B2B
Le secteur B2B comprend les entreprises fournissant des services ou produits à d’autres entreprises. L’objectif derrière un site web B2B est donc de pousser ses prospects qualifiés dans son funnel de vente et les convertir en clients !
Les principales exigences pour ce type de projet sont :
- Compréhension approfondie du processus d’achat et du parcours des utilisateurs B2B ;
- Optimisation SEO pour des mots-clés et des requêtes spécifiques à son secteur d’activité ;
- CMS flexible qui responsabilise les spécialistes du marketing et ne nécessite pas l’attention de l’équipe de développement ;
- Intégration avec des solutions d’automatisation du marketing et de CRM telles que HubSpot, Marketo ou Salesforce ;
Les sites Web de type B2B contiennent généralement des pages CMS décrivant les services proposés, une liste des précédentes missions menées (ou portfolio de clients), des pages de recrutement et plusieurs formulaires de contact (ou de génération de prospects).
Les sites Web SaaS
L’approche SaaS (logiciel en tant que service) a un objectif similaire : à savoir générer des prospects. Et l’architecture Jamstack est une excellente approche pour l’atteindre !
Il s’agit principalement de logiciels qui permettent aux entreprises et aux particuliers de réaliser une tâche plus rapidement, plus facilement et plus efficacement. Dans ce secteur, le site web est une sorte d ‘«essai gratuit» de l’expérience utilisateur de votre produit. Le plus souvent, ses utilisateurs s’attendent à ce qu’il soit simple et intuitif à utiliser, pour rendre le processus d’intégration aussi clair et fluide que possible.
Dans de nombreux cas, le site Web d’un produit SaaS peut être une simple landing page avec une explication claire de toutes les fonctionnalités offerte par le logiciel. Et contenant surtout un lien qui permette de l’installer !
Un site web SaaS doit être :
- Optimisé SEO ;
- Résistant aux pics de trafic (notamment pour les campagnes publicitaires) ;
- Facile à modifier et à optimiser pour les tests A/B et la conversion ;
- Facile à intégrer avec des outils tiers (comme des outils d’analyse ou des chatbots) ;
La solution Jamstack prend en charge le développement et la maintenance de ce type de site Web. Elle offre une bonne évolutivité, une maintenabilité et ce qui est le plus important dans ce cas – la performance.
Pourquoi utiliser Jamstack pour développer un site web B2B ou Saas ?
Voyons plus en détail à quel point l’architecture Jamstack est intéressante pour ce type de projet web.
- Plus de vitesse et d’évolutivité. Les sites Jamstack mettent tout en cache dans un CDN. Ce qui élimine tout besoin de générer des pages vues à partir d’un serveur suite à une requête particulière. Cela rend les pages beaucoup plus rapides et résistantes aux pics de trafic élevés.
- Sécurité renforcée. Cela signifie que votre site Web B2B est beaucoup plus sûr et que vous n’aurez plus à vous soucier des risques potentiels ou d’acheter des services de sécurité supplémentaires.
- Un d’hébergement moins cher. L’hébergement de sites Web statiques est plus accessible.. Mieux encore, il est même gratuit dans certains cas ! Cela vous permet d’économiser une somme d’argent importante et de l’utiliser à d’autres fins commerciales.
- Meilleure expérience développeur et maintenabilité. Jamstack est très agréable à utiliser pour les développeurs, ce qui explique qu’il soit aussi demandé. Or, plus de développeurs utilisent Jamstack, plus ce dernier bénéficie de leurs améliorations.
5 exemples de sites web Jamstack (B2B et SaaS) desquels s’inspirer
Dans ces exemples, nous analyserons trois aspects importants pour rendre un site web plus convivial et efficace :
- La navigation : elle structure votre site web et le rend plus intuitif ;
- Visualisation du produit : pour fournir une présentation claire et nette des services et produits de l’entreprise.
- La conception UX et UI : elles prennent en charge à la fois la navigation et la présentation des services avec une conception basée sur des informations comportementales. En d’autres termes, c’est la façon dont les visiteurs expérimentent votre site Web et la qualité de cette expérience.
1. Le site web B2B Typeform
- Fronted/Générateur : Next.js
- CMS : Contentful
- Ecommerce : Fonctionnalité du panier de commerce électronique
- Frameworks JavaScript : React
Qu’est-ce que nous aimons sur ce site Web B2B ?
- Les palettes neutres et la mise en page minimaliste rendent ce site Web agréable et facile à naviguer.
- L’attention de l’utilisateur est attirée sur le Call to Action et il est facile de trouver des insight.
- Une vidéo colorée et informative située sur la page d’accueil fournit toutes les informations nécessaires.
En résumé, le site Web B2B se caractérise par une approche minimaliste suivant la règle du « less is more ». Il comprend également des vidéos de style tutoriel ainsi que des preuves sociales qui peuvent influencer positivement le taux de conversion.
UI&UX
- Storytelling avec des vidéos déclenchées par défilement
- Grande vitesse de chargement du contenu
- Illustrations uniques
- Bonne hiérarchie des styles de texte et des polices
- Disposition minimaliste
Navigation
- Agréable et facile à suivre
- Bien planifié
- Simple et conviviale
Page service
- Description détaillée du produit
- Liste de produits facile à scanner
- Confiance renforcée avec des témoignages et une section QA
2. Intercom
- CRM : Intercom
- CMS : Contentful
- Langages de programmation : Node.js
- Frameworks Web ; Next.js
- Framework JavaScript : React
Qu’est-ce que nous aimons sur ce site Web B2B ?
- Des animations simples et attrayantes basées sur une approche minimaliste permettent aux visiteurs de parcourir le site Web de manière intuitive.
- L’attention de l’utilisateur est suivie grâce à plusieurs icônes de chat.
- La preuve sociale. Il y a tellement de témoignages, qu’il est difficile de ne pas penser que cette entreprise sait parfaitement ce qu’elle fait !
Pour résumer, Intercom est un excellent exemple de ce que tout site web B2B devrait faire pour attirer l’attention de ses clients. Notamment en ciblant les designs ainsi que les animations autour de leurs services.
UI&UX
- Bonne convivialité, principalement grâce à la vitesse de chargement du contenu
- Illustration et animation uniques
- Un jeu de couleurs cohérent
- Bonne hiérarchie des styles de texte et des polices
Navigation
- Facile à suivre
- Simple et convivial
Page service
- Une description détaillée du produit
- Liste de produits facile à scanner
- Les témoignages donnent un sentiment de confiance
- Rubrique FAQ
3. VideoAsk
- CMS : Contentful
- Langages de programmation : Node.js
- Frameworks Web ; Next.js
- Frameworks JavaScript ; React
Qu’est-ce que nous aimons sur ce site Web B2B ?
Ces vidéos haute définition, fascinantes à regarder. Elles apportent non seulement un contenu précieux. Mais donne une parfaite illustration des résultats finaux que permet d’offrir l’entreprise.
En d’autres termes, le client potentiel a une idée immédiate du produit. Et cela aide à construire la relation entre l’entreprise et le client.
UI&UX
- Vidéos HQ pour les débutants
- Storytelling avec animation déclenchée par défilement
- Boutons CTA bien adaptés
- Bonne convivialité, principalement la vitesse de chargement du contenu
- Illustration et animation uniques
- Bonne hiérarchie des styles de texte et des polices
Navigation
- Claire et bien organisée
- Simple et conviviale
Service Page
- Description du service créative
- Facile à suivre pour le client
- La preuve sociale et la section FAQ donnent un sentiment de confiance
4. Hulu
- Frameworks Web : Next.js
- Langages de programmation : Node.js
- CRM/CMS ; Salesforce
- Fonctionnalités de commerce électronique : panier e-commerce
Qu’est-ce que nous aimons sur ce site Web B2B ?
C’est un très bon exemple de site Web B2B super simple pour la promotion de produits SaaS. Tout se passe sur la page principale.
Tout d’abord, l’interface utilisateur est claire, avec un message axé sur les avantages qu’offre la plateforme (approche droit au but)
Deuxièmement, ce site web B2B est doté d’une UX colorée. Grâce à l’interface intuitive et aux conceptions cinématographiques, il garantit une expérience positive aux utilisateurs à la recherche de divertissement vidéo.
UI&UX
- Boutons CTA clairs et bien adaptés
- Intégration fluide
- Disposition cinématographique pour faciliter le divertissement
- Bonne hiérarchie des styles de texte et des polices
Navigation
Cette navigation est à l’opposé de tous les autres cas exemples donnés dans cet article. Le visiteur ne voit pas la barre supérieure. La structure est ici sous forme de navigation locale avec des liens pour en savoir plus.
Page service
- Très informative
- Section de tarification claire
5. Bench.co
- Générateur de site statique : Gatsby
- CMS : Contentful
- Services Web ; Amazon PaaS
- Frameworks JavaScript : React, Emotion, Gatsby
Qu’est-ce que nous aimons sur ce site Web B2B ?
Malgré le «sérieux financier» typique de ce type de services, Bench offre un sentiment de professionnalisme, sans être chic ni trop officiel.
Basé sur le site Web de Bench, c’est un excellent exemple de la façon dont l’unicité est compatible avec l’aspect pratique. En d’autres termes, les conceptions contribuent aux aspects formels de l’entreprise tout en conservant l’attachement à la marque et son statut de marque-amie.
Des images conviviales qui présentent les fonctionnalités clé donnent un aperçu de la réalité des services de Bench.
La clarté des services proposés et la conception simplifiée font du site une plate-forme fiable et appropriée pour la gestion des services de comptabilité.
Pour résumer, Bench utilise des éléments interactifs pour donner aux utilisateurs un exemple étape par étape de ses services. Cependant, le rendu final n’est pas trop chargé. Il ne montre pas tous les composants, ce qui pourrait perturber les visiteurs potentiels.
UI&UX
- Boutons CTA bien adaptés
- Vitesse de chargement du contenu
- Un jeu de couleurs cohérent
- Texte bien structuré
- Styles et polices
Navigation
- Bien structurée
- Intuitive
Page service
- Des services très bien expliqués et illustrés d’images claires ;
- Description du service créative
- De nombreuses photos avec des visages d’utilisateurs pour renforcer la preuve sociale
Prêt à lancer votre propre site web B2B ?
Si vous avez d’autres exemples d’excellents sites Web B2B et SaaS Jamstack que vous souhaitez ajouter à cette liste, n’hésitez pas à nous les partager en commentaire.
Et si ces exemples vous ont inspiré à la création de votre propre site web B2B ou Saas, parlez-nous de votre projet ! Nous serions ravis de vous aider à le concrétiser !
