16 exemples de sites Web de consultants numériques construits avec Divi

Le conseil numérique est un modèle commercial en ligne populaire. De nombreux consultants numériques développent avec Divi pour eux et leurs clients, ce qui est l'une des raisons pour lesquelles Divi est devenu l'un des principaux thèmes de développement pour WordPress. Cela signifie qu'il existe de nombreux exemples de sites Web de consultants numériques construits avec Divi pour aider à fournir une inspiration créative. Dans cet article, nous examinerons 16 d'entre eux.

Que le consultant numérique fournisse des services tels que la conception de sites Web, les logos, la conception graphique, le développement d'applications, etc., ces sites peuvent vous aider à vous inspirer pour votre prochaine conception. Les sites ne sont pas dans un ordre particulier.

1. Codeur intelligent 3

Smart Coder 3 utilise un curseur d'image plein écran avec des images d'arrière-plan d'échecs et des citations dans une superposition. Les polices rouges fournissent une mise en évidence visuelle. La section À propos de moi affiche une belle peinture numérique du développeur. Plusieurs sections fournissent des citations de noms célèbres. Les autres sections comprennent un compteur de nombres, des projets, un curseur de témoignage et un formulaire de contact. Le schéma de couleurs rouge, blanc et noir fonctionne bien pour la conception du site.

2. Conception de sites Web XD

XD Web Design inclut des transitions intéressantes dans le curseur de l'en-tête, qui comprend un CTA et des boutons sociaux. Les Blurbs s'affichent sous forme de cartes avec des ombres, des effets de survol et des icônes qui chevauchent l'image et le texte. Les modules CTA (appel à l'action) utilisent également des ombres et des effets de survol. De grandes icônes attirent l'attention sur les services et les coordonnées. Le processus du projet est décrit dans une liste numérotée horizontale. Le site fait un grand usage de la couleur, de l'animation et de la conception de la mise en page.

3. Zachery Nielson

Zachery Nielson utilise principalement un fond noir avec du texte blanc, des images et un fond plein écran en parallaxe. Le travail sélectionné est affiché sur un moniteur et un appareil mobile. Les sites utilisent une approche minimale avec de grandes polices.

4. Vicente Latag Jr

Vicente Latag Jr affiche un arrière-plan vidéo pleine largeur en parallaxe qui se déplace dans la direction opposée lors du défilement. Avec une marque orange et blanche, de grandes icônes attirent l'attention sur les services, les témoignages et le formulaire de contact. Les projets sont affichés dans une grille pleine largeur.

5. Taltool

Taltool est un site hébreu avec du texte RTL (de droite à gauche). Il utilise un curseur plein écran avec une animation de zoom. La plupart des sections sont en plein écran et comprennent plusieurs sections de projets récents et une section À propos avec un dessin numérique de style crayon de couleur du développeur avec un CTA. Le site fait un grand usage de la couleur.

6. Sensi Web

Sensi Web utilise un fond de particules intéressant avec un graphique en forme de cœur en parallaxe (qui sert également de logo). Les arrière-plans des sections du site correspondent aux couleurs de cet arrière-plan et de ce graphique. Les sections utilisent deux colonnes de texte et de graphiques en alternance. Le travail est affiché dans un curseur de projet à l'aide d'une version agrandie de l'image d'arrière-plan. Les polices et les icônes correspondent parfaitement au design, donnant au site un attrait visuel qui a l'air propre et professionnel.

7. Jean Gonzalez

John Gonzalez utilise un curseur d'image avec effet de zoom sur le défilement. Chaque diapositive fournit une brève déclaration. Les services sont affichés dans des tuiles qui utilisent de jolis effets de survol pour fournir une ombre à la carte, changer le titre en rouge et agrandir et mettre en gras l'icône. Les témoignages montrent des images que vous pouvez sélectionner pour lire leur déclaration. Les cours et le blog utilisent également des effets de survol, mais légèrement différents des services. Le site fait un excellent usage de la marque de couleur rouge et blanche, de l'animation et de la parallaxe.

8. Brian Torpie

Brian Torpie utilise une superposition de fond dégradé en parallaxe avec des CTA et un bel effet de frappe. Une fine section pleine largeur décrit chaque section de la mise en page en commençant par la première qui affiche les services fournis. Chacun des services est décrit ou démontré avec des sections pleine largeur utilisant des images d'arrière-plan avec du texte et un CTA sur un côté.

9. Zeljko Skipic

Zeljko Skipic utilise le noir et blanc (principalement des nuances de gris), ainsi que des sections d'arrière-plans gris clair et des superpositions sombres en parallaxe pour mettre en valeur le portefeuille et les services. Les sections sont séparées par des titres qui utilisent des graphiques de code derrière le texte. Le menu vertical du site de droite affiche les boutons de contact et de suivi social dans une section distincte de la navigation. Les gris foncés sont élégants contre les gris clairs et créent un contraste lisse et facile à regarder.

10. Charlotte Jourdain

Charlotte Jourdain utilise un en-tête animé avec des éléments qui suivent ou réagissent à votre souris. L'arrière-plan de l'en-tête est utilisé dans toutes les autres sections de la parallaxe. De grands motifs encerclés qui correspondent aux sections de chevauchement du logo, créant un élément de conception visuel intéressant. Les projets utilisent des effets de survol de zoom avec des superpositions. Le site propose des options de lecture en français ou en anglais et fait un grand usage des couleurs et des séparateurs de sections.

11. Carone Designs

Carone Designs affiche un arrière-plan vidéo, un en-tête intéressant avec un bouton CTA et un menu de droite avec les deux sections séparées par une ligne. Les services sont affichés en texte blanc sur fond bleu. Des images de la ville de Knoxville sont utilisées comme arrière-plans en parallaxe dont une qui affiche les logos des clients en superposition. Le site fait bon usage des polices et des couleurs de marque.

12. BJ Keeton

BJ Keeton affiche le nom, la description et la navigation sur le côté droit sur un fond avec superposition en parallaxe. Le bleu et le rouge de la superposition sont utilisés dans tout le site pour les arrière-plans et les icônes. Les livres et les images de portfolio utilisent des bordures épaisses pour les faire ressortir. Le site utilise l'humour tout en restant professionnel, ce qui m'a donné envie de lire tout le texte.

13. MoxieCreek

MoxieCreek affiche une image en noir et blanc avec CTA en parallaxe. La barre du haut place tous les éléments sur le côté droit. Le logo se chevauche sur le parchemin. Un dégradé bleu et orange est utilisé sur un motif de fond intéressant pour afficher une déclaration et des services. Les détails du service sont fournis dans des bascules. J'adore la photo en noir et blanc derrière le formulaire de contact qui montre une coccinelle en couleur.

14. Jus Creative Web Design

Juice Creative Web Design utilise un motif d'arrière-plan complexe sur tout le site, y compris des arrière-plans pour les différents liens CTA. Des exemples de travaux, des liens et le formulaire de contact sont affichés avec un bel effet d'ombre avec des lignes au-dessus des images. Les liens de téléchargement incluent de simples effets de survol. Bien qu'ils soient complexes, les visuels ne gênent jamais le design épuré du site.

15. Conception de l'information

In-Formation-Design utilise un design féminin et élégant avec des couleurs douces, des éclaboussures d'aquarelle derrière les polices élégantes du titre de la section, des motifs d'arrière-plan pastel, des fleurs et une éclaboussure d'aquarelle dans la section À propos de moi. La page comprend une grille de portefeuille en parallaxe, des tableaux de prix pour les packages de conception Web, une FAQ affichée sous forme de bascule, un curseur de témoignage transparent et un formulaire de contact simple.

16. Kaya Médias numériques

Kaya Digital Media affiche un fond vidéo avec le logo et la liste des services. Il comprend un formulaire d'inscription à la newsletter mince, une description des services dans une section alternée à plusieurs mises en page, une section avec une fenêtre en vraie parallaxe, une grille de portefeuille à deux colonnes dans une section à trois colonnes, un curseur de publication et un témoignage élégant sur un fond de parallaxe. J'aime les couleurs de police et de fond.

Dernières pensées

Ces 16 exemples de sites Web de consultants numériques construits avec Divi montrent que Divi n'est pas seulement un thème populaire pour le travail des clients, mais qu'il est également suffisamment puissant pour que les consultants numériques l'utilisent pour leurs propres sites Web. Avec Divi, vous pouvez créer des conceptions intéressantes pour tout type de site Web de consultant numérique, quelle que soit sa complexité ou sa simplicité, des sites d'une page aux services d'affichage avec un formulaire de contact en passant par les grands sites avec animation et portfolios.

Ces sites sont parfaits pour fournir des idées de mises en page, d'utilisation de couleurs, d'images, d'effets CSS, de navigation, de vidéo et bien plus encore, et vous inspirer pour votre prochain design Divi.

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

Image en vedette via BarsRsind / shutterstock.com