Le SAAS (Software as a Service) est un modèle commercial populaire et, comme vous pouvez l'imaginer, les systèmes SAAS ont besoin de sites Web pour expliquer et démontrer leurs services aux clients potentiels. Heureusement, il existe de nombreux sites Web SAAS construits avec Divi. Dans cet article, nous examinons 11 exemples de sites Web SAAS construits avec Divi pour vous inspirer pour votre prochain projet SAAS.

Ces sites peuvent vous aider à trouver l'inspiration pour les mises en page, les couleurs, les images, les descriptions de produits, les vidéos intégrées, les études de cas, les CTA (appels à l'action), la navigation, etc. La plupart sont des brochures avec des tableaux de prix. Beaucoup incluent le chat et d'autres systèmes de communication. Les sites Web ne sont pas dans un ordre particulier.

1. Centrale de facturation

Invoice Central affiche une image pleine largeur avec slogan et CTA, et une section avec des logos pour les médias où le service a été présenté. L'image ouvre une vidéo Vimeo intégrée lorsque vous cliquez dessus. Le menu du haut comprend un bouton de discussion et des boutons de connexion/inscription. La section suivante montre les caractéristiques avec une section qui se chevauche. Une section Mise en route montre le processus à l'aide d'icônes. Un ticker défilant affiche les logos des clients. Un curseur de témoignage affiche des témoignages avec une animation zoom suivie d'un CTA et d'un pied de page avec des liens. Le site est un excellent exemple d'utilisation de graphiques et de couleurs.

2. Planification visuelle

Visual Planning comprend un curseur de publication en plein écran, une section qui comprend des images à plat avec des liens vers les différentes options SAAS et une section à deux colonnes avec un formulaire d'inscription à la newsletter et un calendrier des événements. Suit une section avec des textes de présentation décrivant les solutions SAAS, deux CTA et un pied de page avec des liens. Le système de menu comprend des informations de contact cliquables et des liens sociaux qui correspondent à la marque de couleur.

3. S'entraîner

Traineaze utilise une image d'arrière-plan en plein écran avec des informations sur la plate-forme et un CTA. Le défilement révèle une section avec des icônes qui montre les avantages en quelques mots. La section suivante utilise des images et du texte en alternance pour afficher des détails sur le système. Suit une section avec les prix et un CTA, des témoignages de clients avec les logos de l'entreprise, une section avec des récompenses et un CTA, et un pied de page avec des informations de contact et à propos. Le menu comprend également un CTA. Une boîte de message Zendesk reste à l'écran. Le site fait un grand usage de la couleur et des images en utilisant une mise en page propre.

4. Altitude 365

Altitude 365 utilise une image d'arrière-plan en plein écran avec des superpositions animées qui vont et viennent tout en fournissant des informations sur le service. Les liens vers les articles de blog apparaissent sur la droite avec des arrière-plans de différentes couleurs. Le menu comprend plusieurs logos, un lien e-mail, un lien d'aide et à la fois un menu standard et un menu hamburger. Le menu hamburger comprend des contacts cliquables et des liens sociaux. Les sections suivantes présentent une chronologie du processus, une liste de services, des études de cas avec des superpositions et une section à propos utilisant une chronologie avec un lien vers plus d'informations. La page du blog affiche les trois derniers articles en gros blocs, suivis d'une liste de blogs régulière en quatre colonnes. Le site a une mise en page propre et fait un grand usage de la couleur.

5. Formalités

Formaliti affiche une image plein écran avec des informations et un CTA en superposition sur un côté. Une petite section fournit une brève description suivie d'une section plus détaillée avec un CTA et une vidéo intégrée, et une section avec une image et des informations. Les avantages sont affichés avec des icônes de couleur, tandis qu'une autre section indique les plans dont chaque secteur d'activité bénéficie. Une section de témoignages montre des images avec des noms et un lien pour voir les témoignages et les études de cas. Un CTA est placé sur un fond de particules. Le pied de page affiche des liens avec les couleurs de la marque. Le site fait un grand usage de la couleur et des espaces blancs.

6. Netsil

Netsil utilise une image plein écran avec un slogan et des CTA. Le menu comprend également un CTA. Suit une section à propos avec un lien de téléchargement vers un livre blanc, une section avec des textes de présentation sur les services et une section montrant comment cela fonctionne, y compris des icônes et un CTA. Une section de blog affiche les articles vedettes. Un pied de page personnalisé comprend des liens et un formulaire d'inscription sur un arrière-plan de particules. Un bouton de discussion reste à l'écran. Les sites font un grand usage de la couleur et de l'animation de la marque.

7. Kasito

Kasisto utilise une image d'arrière-plan en plein écran avec un slogan et un CTA en superposition. La section suivante utilise un arrière-plan avec des icônes avec des informations, un logo et un CTA dans une superposition. Voici une image pleine largeur avec superposition pour démontrer le produit et répertorier les fonctionnalités, une section montrant une animation du produit fonctionnant avec les CTA, une section avec des citations des médias, une déclaration de l'entreprise sur un arrière-plan et un pied de page avec formulaire de contact. Le site fait un excellent usage de la couleur et des images.

8. RangAu-dessus

RankAbove utilise une image pleine largeur avec un slogan et un CTA dans une superposition. Le défilement affiche des textes de présentation avec des icônes et un CTA, une section avec les logos des clients avec un lien en superposition sur l'image des sites Web des clients en véritable parallaxe, et une section avec des statistiques utilisant des compteurs circulaires et un graphique à plat. Un témoignage est affiché en superposition sur une image de l'entreprise en parallaxe. Une section sur les services utilise des images encerclées et un lien. Un grand pied de page comprend des liens et un formulaire de contact. Les liens de contact et de connexion sont placés dans le menu du haut. Le site fait bon usage des superpositions et de la parallaxe.

9. Ezypay

Ezypay utilise une image d'arrière-plan en plein écran avec des informations et un CTA en superposition. Il comprend même un bouton de lecture vidéo qui lit une vidéo YouTube dans une fenêtre modale. Plusieurs sections affichent les caractéristiques du produit avec des liens pour en savoir plus. Une section pleine largeur comprend une image d'arrière-plan avec un CTA de webinaire en superposition. Les demandes se font via un formulaire de contact pleine largeur. Le pied de page comprend des liens vers le site en plusieurs langues. La page Tarification comprend un sélecteur de pays. Le site fait bon usage de la couleur de la marque.

10. vcita

vcita comprend un arrière-plan animé en plein écran avec slogan et CTA. Il comprend également un CTA dans le menu. Le défilement révèle plusieurs sections montrant une démonstration animée de l'application avec des puces et des icônes des avantages dans une mise en page alternative. Suit un CTA complet avec des informations de contact, des témoignages, les logos des plates-formes avec lesquelles le système s'intègre, un tableau des prix et un pied de page avec des liens. Le site fait un excellent usage de l'animation et de la couleur de la marque.

11. Ouvrir à distance

OpenRemote affiche une image en plein écran avec un slogan et un lien vidéo YouTube dans une superposition. La vidéo est lue dans un modal lorsque le bouton est cliqué. Il comprend un menu pleine largeur sous le logo qui comprend une ligne de séparation. La section suivante montre les étapes du processus à l'aide d'icônes. Voici une section de présentations sur les services, un curseur de témoignage pleine largeur sur une image d'arrière-plan, une section avec des flux d'actualités et les derniers tweets, des curseurs pour les clients et les récompenses, et un pied de page avec des liens et une recherche. Le site fait un grand usage de la couleur de la marque.

Dernières pensées

Ces 11 exemples de sites Web SAAS construits avec Divi sont d'excellents exemples que Divi est utilisé pour créer des sites Web SAAS intéressants avec des informations détaillées sur les produits et les avantages, des tableaux de prix, des études de cas, des vidéos intégrées, des systèmes de discussion, etc.

Ces sites sont parfaits pour fournir des idées de mises en page, de couleurs, d'images, d'arrière-plans, de vidéos, de navigation, etc. Les sites Web SAAS sont excellents pour des exemples de présentation de produits et fonctionnent également comme exemples de photographie de produits et d'études de cas. Ces sites Web ne manqueront pas de vous inspirer pour votre prochaine conception SAAS.

Quels sont certains de vos éléments préférés de ces sites Divi SAAS ? Faites-nous savoir dans les commentaires ci-dessous!

Image en vedette via venimo / shutterstock.com