14 sites Divi avec des pages de services intéressantes

Une page de services intéressante est cruciale pour faire des affaires en ligne. Il montre au visiteur ce que vous faites, comment vous le faites, ce que c'est que de faire des affaires avec vous, et aide à lui donner des attentes réalistes. Les pages de service sont disponibles dans tous les types de conceptions. Dans cet article, nous examinerons 14 sites Web Divi avec des pages de services intéressantes pour vous inspirer pour votre prochain design Divi.

Les pages de service incluent généralement des éléments tels que des tableaux de prix, des textes de présentation, des bascules, des images, des vidéos et des appels à l'action. Je vais montrer une image de la section que j'aime et discuter de ce que j'ai aimé à ce sujet. Les sites Web ne sont pas dans un ordre particulier. Attendez jusqu'à la fin pour quelques liens pour vous aider à mettre à niveau votre propre page de contact unique.

1. Couvreurs Bristol

Ce site affiche des services dans des cartes qui utilisent des effets d'ombre de boîte. Ils montrent une image, un titre, un intercalaire et du texte. L'arrière-plan bicolore se divise en diagonale derrière le titre, ce qui lui donne un design intéressant qui n'enlève pas non plus le premier plan. Les images pleine largeur sont inclinées pour correspondre. La section Pourquoi nous utilise des titres rouges tout en utilisant des séparateurs pour créer des quadrants. La section Processus est numérotée avec une mise en page alternée par rapport à une grande image dont le style correspond au site.

Voir le site Web

2. Conseil Landcore

Ce site utilise une grande image en parallaxe derrière le titre. Les services sont affichés dans des cases qui incluent des bordures vertes et des icônes pour correspondre à l'image de marque du site. Chacun des services dispose également de ses propres sections individuelles, chaque section étant divisée par une image en parallaxe et des diviseurs de section ondulés.

Voir le site Web

3. Doshii

Ce site utilise des sections alternées qui incluent un dégradé bleu ou un fond blanc - chacune avec un diviseur ondulé. Chaque section affiche un service avec du texte et des graphiques et leurs mises en page alternent d'un côté à l'autre. Un CTA final utilise des ombres de boîte et des ombres de bouton. Le site fait un grand usage des effets de couleur et d'ombre.

Voir le site Web

4. Premiers cinq huit

Celui-ci affiche un écran divisé en diagonale sur deux colonnes avec un CTA d'un côté et des icônes de services de l'autre. La section suivante contient un graphique en quatre blocs qui décrit le processus, montrant la relation entre chaque étape. Une section pleine largeur affiche les objectifs avec des icônes vertes et du texte blanc sur un fond noir et des boutons avec des effets de survol. Les statistiques et les sections de contact correspondent à cette conception. Chacune des étapes a sa propre section avec des graphiques et des textes de présentation.

Voir le site Web

5. Extrémités + Tiges

Cette page commence par des sections pleine largeur sur les dirigeants de l'entreprise pour aider à établir la crédibilité. Les services sont affichés dans des cases vertes avec des icônes et du texte blancs. Suit un formulaire de contact stylisé, un appel à l'action sur les réseaux sociaux, un flux Instagram avec des boutons de suivi social, une option d'inscription et une section À propos. Ce site utilise une image de marque de couleur intéressante. J'aime l'effet de survol du bouton qui amène l'arrière-plan du bouton dans la bordure des boutons au survol.

Voir le site Web

6. Stuart Johnson

Ce site utilise une image d'arrière-plan plein écran en parallaxe avec un grand texte de titre pour présenter la page. Le texte d'information d'introduction est fourni en deux colonnes. Un graphique à 6 cercles décrit leur approche à 6 P avec une brève description de chacun. Les domaines de pratique sont introduits avec un titre dans une courte section de parallaxe. Les domaines de pratique eux-mêmes sont affichés dans des bascules conçues pour correspondre à l'image de marque du site.

Voir le site Web

7. Lien Web

Ce site présente la page avec un titre et un slogan sur un fond avec superposition. La section suivante montre le service pour cette page, en utilisant un séparateur ondulé pour le haut et le bas de la section. Les caractéristiques du service sont fournies dans un tableau suivi d'une section décrivant leur méthode en trois textes de présentation. Une courte étude de cas comprend un lien vers une page détaillée pour plus d'informations. La preuve sociale est fournie avec les logos des clients.

Voir le site Web

8. Les médias et la conception du chat bleu

Ce site présente la page avec un titre et un texte élégants sur un fond à motifs. Une section qui montre ce qui est inclus fournit des informations sur les différents services avec du texte au centre et des images dans les colonnes extérieures, suivies d'une description des modules complémentaires avec un CTA. Une section sur les étapes du voyage à travers chaque partie du processus, numérotant et fournissant des informations détaillées sur chacune.

Voir le site Web

9. Flair-Designs

Celui-ci utilise des couleurs vives et présente les services avec des textes de présentation individuels qui semblent se combiner en un seul grand texte de présentation complet avec des icônes, des titres et du texte pour chacun. Voici une section qui répertorie les services avec un bouton stylisé pour voir le portefeuille. Une autre section parcourt le processus avec des titres numérotés et de courtes descriptions. Un CTA rouge audacieux comprend un séparateur de section stylisé, un texte élégant et un bouton stylisé. J'aime les motifs de fond et les couleurs de cette page.

Voir le site Web

10. Zomlex

Celui-ci utilise un design épuré avec beaucoup d'espace blanc. La page est introduite avec un grand titre et une courte description. Les services sont affichés dans de grands textes de présentation à l'aide d'ombres de boîte, de graphiques dessinés à la main, de titres, de texte et de boutons stylisés sur les pages de services individuels. Suit un CTA pleine largeur qui inverse le bleu des couleurs blanches pour se démarquer tout en conservant son aspect élégant. J'aime particulièrement les graphismes et les couleurs.

Voir le site Web

11. Adverup

Les pages de services individuels de ce site sont présentées avec un titre, une description et un graphique, suivis d'une description en deux colonnes. Les avantages sont des spectacles dans une courte section pleine largeur avec des textes de présentation et des graphiques dessinés à la main. Des exemples sont affichés dans une image plein écran, suivis de textes de présentation décrivant le processus. Les CTA pour les devis incluent des tableaux pour montrer ce qui est inclus. Une autre section met en évidence les avantages à côté d'un formulaire de contact stylisé.

Voir le site Web

12. RevolutionParts

Chacune des pages de services de ce site comprend une section avec des icônes et un titre qui met en évidence les différentes fonctionnalités lorsque vous cliquez dessus. Les fonctionnalités elles-mêmes sont affichées avec des images, des descriptions et un bouton pour voir une démo. La page se termine par une section de blog pour les articles liés à ce service et un CTA final qui crée un joli pied de page. Cette page fait un grand usage de la couleur et des espaces blancs.

Voir le site Web

13. Conception panoramique

Cette page commence par un titre et un numéro de téléphone cliquable, suivis d'une section décrivant les avantages de travailler avec l'entreprise. Les Blurbs fournissent une description de chaque service et incluent de grandes icônes, un titre, une courte description et un bel effet d'ombre qui apparaît au survol. Une section pour les projets comprend un effet de survol qui affiche le nom et le lien en savoir plus pour chaque projet. Une section sur la façon dont ils créent des sites Web montre chaque étape du processus avec des graphiques élégants, suivis d'informations sur les paiements et d'une section qui comprend un numéro de téléphone et un formulaire de contact conçu pour se fondre.

Voir le site Web

14. Cabinet d'avocats en soins aux personnes âgées

Les pages de services individuels de ce site sont principalement du texte, mais elles le présentent de manière intéressante. Les pages sont introduites avec un titre court en pleine largeur sur une image d'arrière-plan. Suit une section de texte en deux colonnes : la première colonne affiche le titre et la description, et la deuxième colonne est une citation pertinente au sujet. La ligne verticale de la citation fonctionne comme un diviseur entre les deux colonnes. Une autre section affiche une image en parallaxe avec un bloc à droite avec des informations. Ces blocs utilisent des couleurs intéressantes qui se démarquent. Plus d'informations sont fournies dans le texte suivi d'un CTA pleine largeur.

Voir le site Web

Mettre fin aux pensées

C'est notre regard sur 14 sites Web Divi avec des pages de services intéressantes pour vous inspirer pour votre prochain design Divi. Il y a beaucoup d'articles ici sur le blog ET qui se concentrent spécifiquement sur les pages de services ou des éléments tels que les tableaux de prix, les textes de présentation, les bascules, etc.

En voici quelques-uns qui discutent du design avec Divi :

• Comment créer une section de services hautement visuels pour votre prochain projet avec Divi
• Comment styliser une belle table de prix dans Divi
• Téléchargements Divi gratuits: Kit de mise en page des tableaux de prix créatifs
• 5 meilleures pratiques de tarification que vous devriez utiliser avec le module de tableau de tarification de Divi
• Utiliser l'animation de pliage de Divi pour faire fleurir les blurbs
• 5 façons amusantes de styliser le module Blurb de Divi

Nous voulons de vos nouvelles. Lesquels de ces sites Web avec des pages de services intéressantes sont vos favoris ? Faites le nous savoir dans les commentaires.

Image en vedette via blockberry / shutterstock.com