Divi Design Showcase : nouvelles soumissions à partir d'août 2020

C'est à nouveau l'heure de notre Divi Showcase mensuel, où nous jetons un coup d'œil à dix sites Web Divi incroyables créés par les membres de notre communauté. Chaque mois, nous présentons les meilleurs sites Web Divi soumis par notre communauté et nous souhaitons aujourd'hui partager avec vous les dix meilleurs sites Web du mois d'août. Tout au long de cet article, je soulignerai certaines de mes caractéristiques de conception préférées qui m'attirent vers chacun des sites Web.

J'espère que tu les aimes!

Divi Design Showcase : nouvelles soumissions à partir d'août 2020

1. Divemaster Gilis

Ce site a été soumis par Alexander Falch. Le site utilise un jeu de couleurs corail pour l'arrière-plan de l'en-tête fixe, les séparateurs, les icônes, les arrière-plans de présentation, le pied de page, les ombres du blog, etc. La section héros utilise une image d'arrière-plan en plein écran qui m'attire et du texte dans la superposition qui décrit le site . L'en-tête apparaît lorsque vous faites défiler et inclut une ombre sombre pour lui donner un aspect 3D. L'en-tête comprend également des icônes dessinées au trait qui changent de couleur au fur et à mesure que vous faites défiler. Les polices des titres sont hautes et fines. La couleur, les icônes et les polices correspondent parfaitement au genre et fonctionnent bien avec les espaces blancs sur tout le site. Les packages sont affichés avec des mises en page alternées avec des images pour aider à décrire les événements.

Visitez le site Web

2. Technicien

Ce site a été soumis par Michal Teska. Le site est une conception d'une page qui utilise beaucoup d'espaces blancs avec un minimum de graphiques. Le bleu et le rose sont utilisés pour les couleurs de la marque dans les arrière-plans, le texte, les intercalaires, les graphiques et le menu. J'aime les exemples de services qui montrent des graphiques d'un côté et du texte de l'autre dans une mise en page alternée. L'espace blanc fait ressortir les graphiques et le texte et lui donne un design épuré. J'aime aussi les textes de présentation simplifiés pour décrire les services, les séparateurs de section ondulés et le formulaire de contact qui chevauche deux sections.

Visitez le site Web

3. L'Académie de l'AP

Ce site a été soumis par Aimee Agee. Ce site utilise beaucoup de rouge, noir et blanc pour les couleurs de la marque. Le rouge est particulièrement important dans les superpositions d'arrière-plan et les icônes. En plus des bordures blanches et des icônes sur les arrière-plans rouges, le site se démarque et a l'air passionnant. Chaque section comprend des animations de défilement. J'aime particulièrement la section calendrier des événements simple sous la section héros qui montre les dates des ateliers avec un lien d'inscription. La section sur ce que vous apprendrez montre les points principaux dans les textes de présentation dans les colonnes extérieures tandis qu'une image flotte au centre et suit le défilement de la souris. Une autre de mes sections préférées est l'atelier CTA. Il affiche une grande image sur la moitié gauche de l'écran avec une superposition rouge et un CTA. Sur la droite se trouvent des textes de présentation simples pour les puces avec des icônes stylisées.

Visitez le site Web

4. Remise en forme et alimentation

Ce site a été soumis par Patrick Hertnagel. Ce site utilise un joli vert pour la couleur de la marque dans les menus, les bordures, les boutons, le texte de superposition, l'arrière-plan du pied de page et même la barre de défilement. Les titres utilisent un texte de grande taille qui se marie parfaitement avec la conception du site. J'aime particulièrement la section des grands CTA. L'affichage en deux colonnes qui prennent toute la largeur de l'écran avec le texte et le bouton d'un côté et une image de l'autre. Il en comprend quatre disposés en alternance. La section blog comprend un champ de recherche qui correspond à la largeur de la colonne du blog. Une autre section qui se démarque est la galerie d'images en mosaïque. Il affiche des images dans plusieurs colonnes et hauteurs, mais elles s'intègrent toutes dans l'espace, créant une symétrie parfaite.

Visitez le site Web

5. Hé ours créatif

Ce site a été soumis par Marcy Henriques. Il utilise de nombreux graphismes caricaturaux et audacieux rouge, noir et jaune pour les couleurs de la marque. La section des héros affiche un graphique d'arrière-plan d'une montagne avec un graphique similaire le chevauchant, le tout dans diverses nuances de rouge avec des nuances plus sombres pour les graphiques au premier plan. Le graphique de premier plan s'agrandit au fur et à mesure que vous faites défiler. L'en-tête affiche un menu hamburger avec des lignes en gras et un CTA en jaune avec une bordure noire en gras. Des boutons similaires sont placés sur tout le site. J'adore les graphiques d'ours et de montagne utilisés par ce site Web. La conception fait un grand usage des couleurs vives et des graphiques d'arrière-plan tout en gardant le contenu propre et lisible.

Visitez le site Web

6. Rue

Ce site a été proposé par Mathias Rue. Il utilise un fond noir avec du texte blanc, rouge et violet. La section héros est une section plein écran qui encadre l'écran et place des liens dans les coins. Il comprend un texte extra-large pour le slogan. Tous les modules ont une bordure qui va du rouge au violet. Le texte violet dans la section des héros et les parties violettes de la bordure deviennent rouges lorsque vous faites défiler. Les sections suivantes montrent des images des services et du portefeuille avec des arrière-plans noirs, du texte blanc et des balises et liens rouges. Ces modules sont placés côte à côte à raison de 2 ou 3 par rangée. Chacun de ces modules se développe au survol pour prendre plus d'espace et leurs images zooment. Les informations de contact dans le pied de page utilisent également le texte extra-large qui change de couleur lorsque vous faites défiler. Ce site fait un usage intéressant du texte volumineux et des effets de survol.

Visitez le site Web

7. Dijimoé

Ce site a été soumis par Moe à Dijimoe. Ce site utilise beaucoup de bleu foncé pour les arrière-plans et les reflets. La section héros affiche un grand graphique avec un titre sur un fond de particules animées. Chaque section utilise des séparateurs stylisés pour le bas afin de fournir une forme en U stylisée pour se démarquer. Les sections alternent entre les fonds bleu foncé et les fonds blancs. Cela permet de conserver un design simple, propre et élégant. Les services sont affichés dans des textes de présentation qui utilisent des icônes de différentes couleurs. Les logos des clients sont affichés dans un curseur toujours en mouvement, de sorte qu'il se démarque du reste du site. Le menu est simple avec un lien de chaque côté qui comprend une icône à l'extérieur du lien. Le survol du lien révèle un arrière-plan arrondi. J'aime particulièrement l'utilisation d'accordéons stylisés et de graphiques sur la page Services.

Visitez le site Web

8. Nutritionniste Maria Antonietta Gastone

Ce site a été soumis par Daniele Bardella. Ce site utilise un design épuré avec beaucoup de surbrillance orange pour les boutons, les liens et les icônes. La mise en page utilise des espaces pour aider chaque texte de présentation, CTA et témoignage à se démarquer. La section des services utilise une image d'un côté et affiche un ensemble de textes de présentation avec une courte description et une icône avec un lien pour en savoir plus. J'aime la section sur la méthode utilisée. Il fournit une description suivie de textes de présentation qui chevauchent une image d'un côté. Un CTA pleine largeur pour un livre affiche un bouton au centre et une image sur un côté. La page du livre utilise du texte blanc et une image de la couverture du livre sur un fond orange. Ce site fait bon usage de la couleur et des espaces.

Visitez le site Web

9. Webstrategen

Ce site a été soumis par Michael Kwasiuk. Ce site utilise le rouge radical pour les reflets sur des arrière-plans blancs et noirs. Le rouge est également utilisé comme écran de préchargement. Pratiquement chaque section a quelque chose qui se chevauche ou se décale du centre. Lorsque les sections alternent, cela crée un équilibre unique qui guide votre œil. Plusieurs sections placent du texte d'un côté et une image animée de l'autre. Le portefeuille utilise un curseur qui est déplacé d'un côté avec un style de navigation unique. La section blog affiche des cartes avec des descriptions décalées par rapport à l'image. J'aime la façon dont le logo efface les lettres lorsque vous faites défiler et laisse la première lettre avec le point du menu principal.

Visitez le site Web

10. Limonade IT

Ce site a été soumis par Teck Seng Chan. La conception utilise un jeu de couleurs jaune et vert (citron et citron vert) pour les faits saillants tels que le CTA dans le menu, les graphiques, les bordures, le texte, la navigation par curseur, les couleurs d'arrière-plan des images de blog, et plus encore. Tous les arrière-plans de section sont blancs ou gris clair pour aider à garder la conception aussi simple et propre que possible. Les services sont affichés dans de grands textes de présentation qui ajoutent des ombres au bas en survol. Ma section préférée est un CTA avec un téléphone portable et une mise en page de site Web qui se déplace indépendamment derrière lui. Le curseur de témoignage est également intéressant. Il fait défiler les témoignages verticalement. Ce site fait bon usage de la couleur et d'une mise en page simple.

Visitez le site Web

En conclusion

Ce sont nos 10 meilleures soumissions de sites Web Divi communautaires pour le mois d'août. Ces sites sont incroyables et comme toujours, nous tenons à remercier tout le monde pour vos contributions !

Si vous souhaitez que votre propre design soit pris en compte, n'hésitez pas à envoyer un e-mail à notre éditeur à nathan à thèmes élégants point com. Assurez-vous de faire l'objet de l'email « SOUMISSION DU SITE DIVI ».

Nous aimerions également avoir de vos nouvelles dans les commentaires! Dites-nous ce que vous aimez sur ces sites Web et s'il y a quelque chose qu'ils ont fait, vous voulez que nous l'enseignions sur le blog.

Image en vedette via ann131313 / shutterstock.com