Divi Design Showcase : nouvelles soumissions à partir de juillet 2020

C'est à nouveau le temps de notre Divi Showcase mensuel, où nous jetons un coup d'œil à huit superbes sites Web Divi créés par les membres de notre communauté. Chaque mois, nous présentons les meilleurs sites Web Divi qui ont été soumis par notre communauté et aujourd'hui, nous souhaitons partager avec vous les dix meilleurs sites Web du mois de juillet. 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 de juillet 2020

1. Poptine

Ce site a été soumis par Tomer Aharon. Le site utilise beaucoup de violet pour le texte et les dégradés d'arrière-plan, et des nuances similaires de rouge, jaune et bleu pour les reflets. Le menu comprend même des textes de présentation avec des icônes dans ces couleurs. La section héros affiche un effet de frappe pour le mot-clé, ce qui modifie le slogan et le message du CTA. Une fonctionnalité intéressante est un ensemble de sections qui affichent des boutons dans une pile verticale à côté d'un écran d'ordinateur maquette dans une disposition alternée. Cliquer sur l'un des boutons modifie ce qui est affiché sur l'écran de maquette. Une section similaire affiche des onglets avec des icônes au-dessus de l'écran de maquette. Le site est multilingue, vous permettant de choisir parmi 7 langues.

Visitez le site Web

2. Empire LVP

Ce site a été soumis par Nadzim Al-Rash. Il utilise beaucoup de bronzage pour les arrière-plans avec du texte noir. Le menu de navigation est simple avec un lien pour voir la galerie et un pour réserver une session. Les effets de survol changent leur arrière-plan en une couleur plus foncée. Un effet de fondu fait apparaître ou disparaître les images au fur et à mesure que vous faites défiler, y compris l'image du héros et certaines galeries. Le pied de page affiche un fond vert foncé qui se démarque mais complète le bronzage. Il comprend un menu de navigation avec une ligne de bronzage en haut et des effets de survol. Les galeries affichent de grandes images dans une seule colonne pour présenter le travail. La page des réservations affiche plusieurs emplacements avec des cartes pour chacun.

Visitez le site Web

3. Andy Hooke

Ce site a été soumis par Andy Hooke. Il utilise beaucoup de bleu foncé pour les arrière-plans et le texte sur tout le site. Le menu affiche des icônes pour la navigation dans les sous-menus. La section héros montre des captures d'écran du travail qui chevauche la section suivante. Il comprend également plusieurs motifs de fond en véritable parallaxe pour se démarquer. Plusieurs mots-clés dans les titres sont soulignés. J'aime particulièrement l'ensemble de sections pour les travaux récents qui combine le témoignage avec des captures d'écran et un lien pour visualiser le projet. Chacune de ces sections passe à une couleur d'arrière-plan différente lorsque vous faites défiler, passant du bleu foncé au bleu moyen, puis à l'orange. Le blog et les autres pages incluent également les mêmes motifs d'arrière-plan que la page d'accueil. Quelques pages les ajoutent aux icônes.

Visitez le site Web

4. Podcast au sud de Scruffy

Ce site a été soumis par Brent Collier. Le site utilise beaucoup d'orange et de bleu foncé pour les arrière-plans et les motifs. L'arrière-plan est un dessin stylisé d'une montagne aux couleurs vives. Un lecteur audio stylisé avec le dernier podcast est placé sous le slogan dans la section héros. Son image comprend les illustrations et les couleurs du site Web. Une autre section affiche des motifs d'arrière-plan dans des couleurs vives en véritable parallaxe. Des icônes stylisées renvoient aux différents endroits où vous pouvez écouter le podcast. J'aime aussi la section contact. Il comprend un fond orange avec le formulaire de contact d'un côté dans une couleur différente, mais les champs chevauchent les deux couleurs.

Visitez le site Web

5. Palavras Cruzadas

Ce site a été soumis par Rui Edmond. Le site utilise un bleu audacieux dans les arrière-plans, les boutons et les titres. Il suit principalement une conception à 2 colonnes avec des sections alternant du bleu au blanc. Chacune des sections comprend des CTA avec des descriptions et des liens vers les produits. Les graphiques accentuent les liens vers les produits. Les puzzles sont intégrés dans le post-type du projet. Les témoignages affichent des images encerclées avec des arrière-plans stylisés. Le site comprend plusieurs CTA avec des mises en page alternées. Le design épuré garantit que chacun se distingue des autres.

Visitez le site Web

6. Meg Lonergan

Ce site a été soumis par Kurt Maddern. La mise en page est simple, avec juste un menu, un logo, une notification de copyright et un curseur. L'accent est mis sur le curseur, mais il utilise un espace blanc pour attirer l'attention sur lui. Le curseur occupe les deux tiers du côté droit de l'écran. Le tiers gauche est clair, avec le titre du site en haut et le logo en bas. Le menu de navigation se trouve au-dessus du curseur et affiche les liens dans deux colonnes sur le côté gauche du curseur. Un lien d'enquête se trouve au-dessus du côté droit du curseur. Au fur et à mesure que vous faites défiler, les colonnes empilées du menu deviennent un menu normal avec tous les liens dans une rangée horizontale. Le curseur affiche des images de différentes largeurs pour présenter le travail. La page Notes affiche des articles de blog avec de grandes images et des liens de navigation qui sont ajoutés à gauche.

Visitez le site Web

7. Recova

Ce site a été soumis par Christina Oosthuizen. Il utilise du bleu et du jaune de marque partout avec une touche de rouge ici et là. Le menu comprend des liens animés en bleu et jaune. La section héros affiche une image du produit qui se fond avec l'arrière-plan. Les slogans sont créés avec un texte ultra-large en blanc avec le mot-clé en jaune. Les autres titres placent le texte en jaune et en bleu. De gros boutons s'affichent avec des ombres noires solides qui se démarquent. Le site comprend également de nombreux compteurs stylisés, des textes de présentation, des témoignages, un formulaire de contact correspondant et des boutons sociaux. J'aime particulièrement une section qui montre un graphique du produit en deux couleurs. Le fond d'un côté correspond à la couleur du produit de l'autre côté. La page de contact utilise un design similaire.

Visitez le site Web

8. PlantVibe

Ce site a été soumis par DJ Wheeler. Le site utilise le vert pour la couleur de la marque dans les arrière-plans, les graphiques et le texte des sections. La section héros comprend un curseur avec des CTA dans des mises en page alternées qui montrent l'image d'un côté et les informations de l'autre. Des CTA simples avec des graphiques et du texte s'affichent sur un fond vert avec un motif stylisé. Une section de collections montre les différentes options dans un curseur de produit. Ce curseur comprend des surbrillances vert foncé pour le titre, les liens et la navigation. Le formulaire de contact utilise le même vert pour le bouton de soumission. Même les photos des produits ont des couleurs d'arrière-plan qui sont utilisées dans certaines sections pour les intégrer à la conception du site Web.

Visitez le site Web

9. Armées

Ce site a été soumis par Thomas van der Wolde. Le site utilise beaucoup de bleu dans les arrière-plans, les graphiques, le texte et les CTA dans le menu de navigation. La section héros affiche un CTA avec un effet de frappe qui modifie les mots-clés. Une section de textes de présentation affiche une couleur différente pour la bordure supérieure de chaque texte de présentation et comprend des graphiques avec un motif d'arrière-plan blob. Une section d'étapes numérotées affiche les chiffres dans de grandes polices bleues avec du texte d'un côté et un graphique de l'autre dans une disposition alternée. Les autres pages suivent une conception simple et épurée similaire qui met en évidence les services et les avantages.

Visitez le site Web

10. Médias MJS

Ce site a été soumis par Matt Southam. Il utilise un jaune vif pour la couleur de la marque avec plusieurs autres couleurs pour la soutenir. La section des héros place une superposition jaune sur une vidéo d'arrière-plan qui apparaît à peine. Le fond jaune est également utilisé pour un témoignage en pleine largeur et pour le bouton de contact. Plusieurs textes de présentation affichent des graphiques avec des arrière-plans encerclés de différentes couleurs. J'aime la section avec une étude de cas qui montre une image en arrière-plan derrière une superposition grise. Le menu plein écran place des liens en gros texte sur trois colonnes, ce qui permet de voir facilement la navigation, les services et les informations de contact. L'arrière-plan est flou mais visible. J'aime aussi le design épuré du blog.

Visitez le site Web

En clôture

Ce sont nos dix meilleures soumissions de sites Web Divi communautaires pour le mois de juillet. 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 DRogatnev / shutterstock.com