Divi Design Showcase : nouvelles soumissions à partir de juin 2021

Publié: 2021-06-26

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 qui ont été soumis par notre communauté et nous souhaitons aujourd'hui partager avec vous les dix meilleurs sites Web du mois de juin. 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 juin 2021

1. Casa Los Silvestres

Casa Los Silvestres

Ce site a été soumis par Idea Design. Ce site fait un grand usage de la photographie et de l'animation. La section héros affiche un graphique du produit flottant au-dessus et autour de plusieurs éléments graphiques. Les effets de défilement brouillent les images jusqu'à ce qu'elles soient en place. Plusieurs sections ont un effet d'ondulation d'eau intéressant qui suit votre souris. J'ai trouvé ça amusant à regarder. Les images d'arrière-plan en plein écran affichent un grand texte stylisé au premier plan. Les informations sont fournies avec des sections à deux colonnes qui placent une image d'un côté et du texte de l'autre. Des arrière-plans à motifs sont placés derrière le texte. Ce site est multilingue.

Visitez le site Web

2. La loi de Vivienne

Droit de Vivienne

Ce site a été soumis par Nick Li. Celui-ci fait un grand usage de la photographie et des couleurs douces. Les photos comprennent de larges bordures pour se démarquer de l'arrière-plan et pour aider à informer le lecteur des services fournis. La section héros comprend une image pleine largeur qui est recouverte d'une photo et d'un formulaire de contact. Les images des services ont des superpositions opaques qui laissent juste apparaître une petite partie de l'image. Plusieurs sections montrent une image d'un côté qui chevauche les informations de l'autre. Les pages de la galerie et des services montrent de nombreux exemples de travail.

Visitez le site Web

3. Waymaker

Waymaker

Ce site a été soumis par Stuart Leo. Il a un design épuré qui utilise des ombres pour séparer les sections. Plusieurs sections et CTA incluent des arrière-plans de couleur pastel pour se démarquer. Les CTA ont un filigrane dans le coin qui chevauche l'image, lui donnant un design intéressant sans se démarquer. J'aime particulièrement le méga menu. Il affiche une liste de liens avec une icône à côté de chacun. Le bas du menu déroulant comprend une bannière CTA. La plupart des pages incluent des blubs de style et des menus. Les podcasts intégrés sont également intéressants. Ils fonctionnent comme des articles de blog mais incluent de la vidéo et de l'audio intégrés.

Visitez le site Web

4. Fondation Bisi Alimi

Fondation Bisi Alimi

Ce site a été soumis par Flavio Mester. Il utilise le vert foncé comme couleur de surbrillance sur tout le site. La section héros montre une carte d'un côté et un grand curseur d'image de l'autre. Le titre les chevauche. De nombreux éléments ont des effets de survol qui modifient les couleurs, zooment les images, révèlent des informations, etc. La mise en page est propre et facile à suivre. Les couleurs des photos fonctionnent bien avec le vert de la marque. D'autres pages incluent des bascules stylisées, des formulaires, des images et un flux Instagram intégré.

Visitez le site Web

5. iMedica

iMedica

Ce site a été proposé par Yoann PIERRE. Il utilise une nuance de rose vif pour les points saillants de tout le site. L'en-tête place un appel à l'action du contact d'un côté dans une couleur différente qui change et comprend une icône en survol. La section héros affiche une vidéo avec un titre et une icône au premier plan. La vidéo comprend également un diviseur stylisé qui crée une flèche vers le bas. Les icônes, bascules, boutons et animations de survol sont rose vif, passent au rose vif ou passent du rose vif. De nombreux arrière-plans présentent un motif stylisé. Plusieurs des éléments roses sont plus clairs jusqu'à ce qu'ils défilent vers le centre de l'écran. Un CTA recto-verso glisse pour montrer le côté sur lequel vous survolez.

Visitez le site Web

6. Genesis Creative Co.

Genesis Creative Co.

Ce site a été soumis par Chaucee. Celui-ci utilise beaucoup de bronzage et de brun pour les reflets, le texte et les boutons. Le marron correspond au contenu des images sur l'ensemble du site. L'en-tête se confond avec le site et comprend un CTA. Celui-ci a une mise en page intéressante. La section des héros montre trois images qui se chevauchent avec un CTA au centre qui chevauche les trois. Une autre section a un design similaire avec des images plus petites et un texte plus grand. Le titre de cette section utilise une police différente qui se démarque des autres. Le pied de page est également intéressant. Il affiche un grand logo, des liens et un CTA de réservation.

Visitez le site Web

7. Vérification du bev

BevCheck

Ce site a été soumis par Michael White. Le rouge vif est utilisé comme couleur de surbrillance sur tout le site pour le texte, les arrière-plans et les icônes. Il utilise une grande photo d'arrière-plan qui s'étend sur une section de héros extra-large. La section héros affiche des informations avec un CTA et un ensemble de logos intégrés. La partie suivante de cette section comprend des textes de présentation avec des icônes stylisées et des boutons extra-larges avec des coins arrondis et des ombres de boîte. Une section sur l'entreprise montre une image d'un côté et du texte de l'autre avec une ombre de boîte pour la faire ressortir de l'arrière-plan. J'aime le contact CTA dans le pied de page. Il affiche un grand bloc de texte sur une image d'arrière-plan avec une superposition rouge qui chevauche la section suivante avec un formulaire de contact stylisé.

Visitez le site Web

8. Hypnothérapie par brise

Brise hypnothérapie

Ce site a été soumis par Sibora Halili. J'aime les graphismes et les couleurs de celui-ci. Il utilise une palette de couleurs orange clair et gris pour créer un look élégant. L'en-tête place un CTA d'un côté dans l'orange. Il s'agit d'une conception d'une page. La section des héros affiche une image d'arrière-plan en plein écran avec du texte stylisé au premier plan ainsi que des informations. Des graphiques dessinés à la main dans les couleurs de la marque sont utilisés à partir de textes de présentation et d'images d'arrière-plan. Certains sont des dessins d'objets tandis que d'autres sont abstraits. De nombreux éléments tels que des photos, des podcasts, des bascules et un curseur chevauchent les arrière-plans en blocs de couleur. De petits détails tels qu'une image en parallaxe et une ligne qui change de taille au fur et à mesure que vous faites défiler se démarquent. Il n'utilise que quelques couleurs mais il les utilise parfaitement.

Visitez le site Web

9. Centrolab

Centrolab

Ce site a été soumis par Lethicia Diniz. Celui-ci fait un excellent usage de la couleur et des graphiques. Il utilise beaucoup de couleurs vives avec une forte concentration sur l'orange et le bleu dans les arrière-plans, les boutons, les icônes et les graphiques dessinés. Ils fonctionnent parfaitement pour le public cible. Les graphiques montrent des personnes avec des objets pour planter le décor. Tous les arrière-plans ont des diviseurs ondulés. L'arrière-plan de la section des héros comprend des motifs encerclés qui se démarquent. Toutes les sections présentent des informations d'un côté et des graphiques de l'autre. J'aime aussi le pied de page. Il est créé avec plusieurs blocs de couleur qui se chevauchent pour créer une zone pour les informations de contact, les liens et l'avis de droit d'auteur. L'en-tête bleu a des surbrillances orange pour les éléments de menu et un CTA vert.

Visitez le site Web

10. Clément Fromont

Clément Fromont

Ce site a été soumis par Clément Fromont. Celui-ci utilise un schéma de couleurs bleu et orange avec des couleurs extra-gras. La mise en page de la page d'accueil est simple et crée un CTA bien conçu. Il comprend un court CTA dans la section des héros, une section sur toute la largeur, une section de texte avec des informations, une section avec des témoignages et un CTA dans le pied de page. Ils travaillent ensemble pour fournir les informations dont vous avez besoin tout en attirant votre attention en même temps. J'aime le graphisme animé dans la section des héros qui attire l'attention. Le blog a également un design élégant avec un CTA et les derniers articles. Les poteaux ont un design unique. Ce sont des cartes extra-larges qui ressemblent à des études de cas avec un titre, du texte, des puces et un bouton d'un côté et des graphiques qui correspondent au site de l'autre.

Visitez le site Web

Jusqu'au mois prochain !

Ce sont nos 10 meilleures soumissions de sites Web Divi communautaires pour le mois de juin. 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 Happy Job / shutterstock.com