Divi Design Showcase : nouvelles soumissions à partir de juillet 2021

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 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 2021

1. Stratton Craig

Ce site a été soumis par Piers Elliott. Il a beaucoup de surlignages rouges pour le texte, les liens et les boutons, ainsi que du bleu foncé sur tout le site. Les sections comprennent des arrière-plans blancs ou vert très clair qui fonctionnent très bien avec le rouge et le bleu. Le méga menu comprend un fond vert clair avec un CTA de contact et des liens dans plusieurs colonnes. La section héros affiche une vidéo intégrée. Les sections pour les études de cas et les services affichent de petites lignes avec une image d'un côté et les informations de l'autre. J'aime la section blog. Les messages montrent les titres, qui sont séparés par des espaces et une seule ligne horizontale. Une autre chose que j'ai trouvée intéressante est qu'il n'a pas de barre de défilement.

Visitez le site Web

2. Mike le pigiste

Ce site a été soumis par Mike McManus. Celui-ci fait un usage intéressant de la typographie et des fonds gris. La section héros montre une image sur un côté avec un coin inférieur arrondi. Celui-ci est déconnecté du texte de l'autre côté, qui recouvre un fond gris. De petits boutons jaunes sont utilisés dans tout le site et correspondent au jaune dans le menu. Les projets sont affichés sous forme de messages avec une image d'un côté et l'extrait de l'autre. J'aime la section des textes de présentation qui sont séparés par des bordures qui ne touchent qu'un autre texte de présentation. La conception du site a une apparence de code qui se démarque et fonctionne parfaitement pour aider à décrire le site Web. Le site a également un design de blog intéressant.

Visitez le site Web

3. dajo créatif

Ce site a été soumis par David King. Celui-ci fait un excellent usage du vert sur tout le site pour l'image de marque. La section des héros comprend une image d'un pot de cornichons qui zoome sur l'écran lorsque vous faites défiler. Le site Web est présenté avec un texte extra-large. De nombreux éléments incluent des animations de survol ou de défilement. Quelques arrière-plans sont en parallaxe et montrent des images du studio. L'une de mes sections préférées montre des textes de présentation avec des icônes liées à la conception de la typographie. Un autre de mes favoris affiche un texte extra-large qui fait un zoom arrière lorsque vous faites défiler. J'aime aussi les exemples de travaux affichés dans une mise en page à plusieurs colonnes. Ils incluent des superpositions vertes pour l'effet de survol de l'image.

Visitez le site Web

4. Source informatique sécurisée

Ce site a été soumis par Michael White. Celui-ci utilise beaucoup d'orange et de rouge comme points saillants pour le logo, une barre verticale dans la section des héros, des chiffres, des liens, des icônes, des superpositions et une bordure horizontale. De nombreuses sections incluent des motifs dans les arrière-plans qui sont juste perceptibles. Certains incluent du texte qui décrit la section. J'aime la section qui détaille leur approche. Il comprend des textes de présentation numérotés avec des animations et des superpositions. J'aime aussi la page des ressources. Il affiche des articles de blog avec des images en vedette avec des animations de survol, le titre et la catégorie. Ils sont courts et larges, et ils sont placés dans deux colonnes qui donnent au blog un design épuré.

Visitez le site Web

5. Studio Vitas

Ce site a été soumis par Simone Vitas. Celui-ci a beaucoup d'animations de survol intéressantes sur tout le site. Le curseur de la souris se transforme en un triangle stylisé qui laisse transparaître l'arrière-plan. Lorsque vous survolez un élément cliquable, le triangle est rempli, l'arrière-plan apparaît et les couleurs sont inversées. Les éléments cliquables se transforment en un rouge foncé qui ressort. Les polices d'en-tête et de menu hamburger sont particulièrement élégantes. J'aime les animations de blocs qui révèlent les éléments de la page au fur et à mesure qu'elle se charge. J'aime aussi l'utilisation d'images intéressantes pour les exemples de travail. Un appel à l'action affiche une grande version du triangle en survol et vous amène à un grand formulaire de contact dont le style correspond au site.

Visitez le site Web

6. Surfer en Indonésie

Ce site a été soumis par Lokesh Mangyan. Celui-ci fait un usage intéressant des notations. De nombreux éléments incluent du texte incliné avec une flèche pointant vers l'élément. Le texte fournit des conseils sur la façon d'utiliser le site Web. Plusieurs appels à l'action sont placés tout au long de la page d'accueil et ils fonctionnent bien avec la conception du site. Les CTA incluent des boutons, de petites bannières et une section pleine largeur qui affiche un grand texte sur un arrière-plan beige avec une image et un bouton au premier plan. Il comprend également un CTA vers la version d'application des outils du site Web. Plusieurs nuances de bronzage sont utilisées comme couleurs de marque qui s'harmonisent bien avec le thème de la plage. Une section de textes de présentation révèle leurs frontières en survol et comprend des icônes de bronzage. Les avis sont affichés sous forme de courts extraits avec des notes dans la section des héros et dans un curseur de témoignage. J'aime l'utilisation de cartes sur ce site.

Visitez le site Web

7. Kal numérique

Ce site a été soumis par Petros de Kal. Celui-ci fait un usage intéressant des arrière-plans et de la typographie. Il affiche une bulle animée rouge vif derrière le titre dans la section héros. La bulle reste en place lorsque vous faites défiler les sections suivantes et prend une forme différente jusqu'à ce qu'elle devienne l'arrière-plan complet. Il devient alors gris et redevient une bulle puis un fond noir. En cours de route, le premier plan affiche des informations, des services avec des graphiques de style dessin animé d'un côté et des informations de l'autre. La section grise affiche un graphique d'un écran d'ordinateur avec des textes de présentation des deux côtés. D'autres pages utilisent un design similaire avec des couleurs différentes. J'aime aussi le stylo animé sur la page contact.

Visitez le site Web

8. Robinson MD

Ce site a été soumis par Jonathan Morey. Il utilise des couleurs claires comme éléments de surbrillance et d'arrière-plan sur l'ensemble du site. Les outils d'accessibilité sont placés dans une icône toujours à portée de main. Plusieurs sections affichent deux colonnes avec une image d'un côté et du texte de l'autre. Certaines images incluent des blocs de couleur derrière deux de leurs coins. Les Blurbs incluent des icônes spécialisées qui fonctionnent très bien pour le genre du site Web. Une section des textes de présentation comprend des cartes qui défilent plus rapidement que l'arrière-plan et un texte de présentation sur le côté. Un formulaire détaillé près du pied de page correspond au style du site. La page du blog suit le même design et comprend une recherche avec des suggestions et des cartes de blog stylisées.

Visitez le site Web

9. Partenariat budgétaire international

Ce site a été soumis par Rajan Zaveri. Il utilise beaucoup de tons de terre dans tous les éléments. Beaucoup de titres incluent des surbrillances dessinées qui ressemblent à un marqueur. Certains des arrière-plans comprennent des cartes dessinées à la main. Des graphiques dessinés à la main de personnes flottent à côté du texte. Le menu a des boutons stylisés. Une table des matières est créée dans une bascule. Sur la gauche se trouve un système de navigation par points stylisé qui apparaît une fois que vous passez devant la section des héros. L'en-tête indique le nom de chaque section. J'aime particulièrement la section avec des nombres dans une grille. Les nombres sont séparés par de grandes bordures. Au centre de la grille se trouvent de petits blocs de texte avec des titres. Le survol de l'un d'eux l'agrandit en taille réelle, révélant des informations et une superposition qui s'affiche sur le nombre. Un bouton pour une carte de données se colle en bas et ouvre une fenêtre contextuelle.

Visitez le site Web

10. Nyansa

Ce site a été soumis par Christine. Celui-ci utilise plusieurs nuances de vert comme couleurs de marque sur tout le site, y compris le logo. La section héros place une superposition verte sur une partie de l'image pleine largeur et comprend un CTA. Une autre section chevauche un bloc de texte sur une image et comprend un titre avec un fond vert. J'aime particulièrement la section de 5 textes de présentation qui incluent des icônes entourées de vert dans des carrés tournés dans leurs coins. Une section d'informations utilise des cartes avec différentes nuances de vert qui vont du foncé au clair. Les icônes sociales dans le pied de page suivent la même séquence. La section blog utilise une bordure inférieure vert foncé pour les cartes. Le curseur de témoignage comprend un arrière-plan vert pour le texte et comprend une bordure blanche épaisse qui se démarque de la grande image d'arrière-plan.

Visitez le site Web

Jusqu'au mois prochain !

Ce sont nos 10 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 pikolorante / shutterstock.com