Divi Design Showcase : nouvelles soumissions à partir d'octobre 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 qui ont été soumis par notre communauté et aujourd'hui, nous souhaitons partager avec vous les dix meilleurs sites Web du mois d'octobre. 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'octobre 2020

1. Restaurants d'œufs épiques

Ce site a été soumis par Abel McBride. Il utilise l'orange sur tout le site, y compris les blobs pour les éléments d'arrière-plan, les arrière-plans d'icônes, les boutons, le texte de bloc et l'arrière-plan du pied de page. Le vert est utilisé comme surbrillance derrière le texte et dans les graphiques. La nourriture est affichée sur les côtés du site avec de grandes photos qui se démarquent. Les éléments de menu sont affichés dans des bascules qui utilisent une bordure stylisée avec des coins pointus d'un côté et des coins arrondis des côtés opposés. La page du menu des aliments utilise les mêmes bascules et ajoute des prix au coin. Ce site fait un excellent usage des espaces blancs, de la photographie et de la couleur.

Visitez le site

2. Pom Dentaire

Ce site a été soumis par Brittany Hurdle. Les couleurs correspondent parfaitement au genre. La section des héros affiche une vidéo d'arrière-plan avec le slogan et la description au premier plan. Il comprend un méga-menu avec des icônes pour les différentes catégories. Le menu secondaire affiche une citation et comprend un bouton CTA qui se chevauche. Les éléments de présentation, les icônes, le texte et les éléments d'arrière-plan utilisent un vert clair ou un bleu pour la marque. De nombreux éléments incluent des animations de survol qui révèlent des bordures pour le bas du texte ou des boutons. J'aime la section pour les services. Il comprend une grande image avec un arrière-plan qui correspond au site et affiche les services sous forme de texte d'un côté. Le blog comprend un design simple avec une fonction de recherche. Ce site fait un excellent usage du texte et des bordures.

Visitez le site

3. Révolution de Palais

Ce site a été soumis par Amal Vaesken. Il utilise beaucoup de couleurs vives sur tout le site. La section héros affiche un curseur plein écran avec des images qui utilisent les couleurs du site. Les informations sur l'entreprise sont affichées avec un grand texte bleu qui révèle la section suivante en parallaxe lorsque vous faites défiler. La section en parallaxe affiche un message au centre de l'écran avec un fond bleu. Pendant que vous faites défiler, cet écran reste en place et remplace le message plusieurs fois jusqu'à ce que vous voyiez le dernier message. J'aime la section avec des exemples de travail. Il affiche de grandes images, des animations et des curseurs sur deux colonnes avec les couleurs du site Web. J'aime aussi le grand CTA en bas qui change les graphiques au survol et révèle le bouton pour en voir plus.

Visitez le site

4. Les viandes de campagne de Mike

Ce site a été soumis par Marcus Zeal. Ce site fait un usage incroyable des graphiques de dessins animés. Du début à la fin, toutes les couleurs, polices et boutons correspondent parfaitement au schéma du dessin animé. La section héros présente un menu flottant avec un sous-menu stylisé qui utilise des planches de bois. Les nuages ​​flottent dans le ciel du dessin d'arrière-plan. Lorsque vous faites défiler, vous voyez des personnages de dessins animés sous forme de découpes créant des CTA ou attirant l'attention sur certaines sections. Les produits sont affichés dans l'une de ces sections et incluent un style qui correspond au site. De nombreux éléments sont animés pour correspondre au défilement de la souris. Même les informations de contact sont placées sur des éléments graphiques qui correspondent à la conception. C'est un site amusant à parcourir.

Visitez le site

5. Centre dentaire Ostojic

Ce site a été soumis par Boris Zakula. Celui-ci utilise beaucoup de dégradés oranges comme points saillants sur tout le site. La section des héros affiche un graphique au centre de l'écran derrière le titre qui rétrécit au fur et à mesure que vous faites défiler. Le menu est un méga-menu pleine largeur qui affiche des liens d'un côté avec des icônes et une image de l'autre côté. Le site utilise de nombreuses photos de l'emplacement et des travailleurs pour des informations, des CTA, des vidéos, des articles de blog, etc. J'aime la section sur les histoires et les témoignages. Il affiche des images de clients avec des blocs de texte sur différentes couleurs de l'autre - les deux avec des ombres de boîte. Le blog, les CTA et les informations de contact utilisent également des ombres de boîte pour se démarquer.

Visitez le site

6. Incrément

Ce site a été soumis par Navmeet Singh. Il utilise beaucoup de bleu et d'orange sur tout le site pour les surbrillances, les arrière-plans et les graphiques. Une section sur son fonctionnement affiche des informations dans des textes de présentation avec des icônes bicolores qui guident les étapes. Une autre section affiche un graphique de cordons électriques qui se branchent pendant que vous faites défiler. Cela introduit un autre ensemble de textes de présentation avec des icônes bicolores. Une grande partie des informations utilise des graphiques d'un côté et du texte de l'autre dans une mise en page alternée. J'aime aussi la page des fonctionnalités qui affiche des informations dans des graphiques comprenant une capture d'écran et un graphique encerclé d'un écran. Ce site fait un grand usage des couleurs, des espaces et des graphiques dessinés à la main.

Visitez le site

7. Vert

Ce site a été soumis par Liberto Lopez. Ce site utilise beaucoup de vert et de bleu pour les couleurs de la marque dans les arrière-plans, les graphiques, les titres, les boutons, le formulaire de contact, le bouton de retour en haut, etc. La section héros affiche un fond vert avec un motif. Le premier plan affiche un message d'un côté et un graphique de l'autre. Un diviseur de section stylisé mène à la section suivante avec des textes de présentation qui zooment au survol. Plusieurs sections affichent plusieurs graphiques d'un côté et des CTA de l'autre. J'aime aussi la section des textes de présentation qui utilisent de grandes icônes bicolores dans un motif décalé et un dégradé bleu et blanc qui apparaît au survol. Un dégradé incliné apparaît en arrière-plan de la section suivante. Le formulaire de contact affiche également un dégradé et une zone d'ombre qui ressort. Ce site fait un excellent usage de la couleur et des graphiques.

Visitez le site

8. Équipe RH

Ce site a été soumis par Marwann Al Saadi. La section héros affiche un dégradé d'arrière-plan animé avec un hashtag et un CTA au premier plan qui zoome au survol. Ce dégradé d'arrière-plan apparaît sur tout le site en tant qu'arrière-plan des CTA, des sections, des textes de présentation, etc. Les Blurbs montrent des images des membres de l'équipe en duo avec leurs images maillées et séparées par une ligne de séparation. J'aime la section sur leur méthode. Il affiche le dégradé d'arrière-plan avec de grands cercles d'un côté. L'autre côté place les informations sous forme de puces à l'aide de gros titres de blocs et d'icônes représentant un œil. Les icônes apparaissent également dans les textes de présentation. Le site comprend également un menu intéressant qui s'étire lorsque vous cliquez sur l'icône du hamburger. Il utilise également un dégradé d'arrière-plan et un bloc de texte pour le titre.

Visitez le site

9. Aucun stress autorisé

Ce site a été soumis par Antreek. Ce site utilise beaucoup de graphiques avec des couleurs vives partout. La section héros affiche un graphique d'arrière-plan d'un paysage urbain avec un slogan au premier plan d'un côté et un graphique de l'autre. L'arrière-plan ne va pas jusqu'aux bords, ce qui permet à un jaune vif d'apparaître sur tous les côtés. Le menu utilise le fond jaune gras pour l'en-tête et les sous-menus. Le jaune se fond dans la section suivante et affiche des informations d'un côté et une vidéo de l'autre qui imite un graphique de smartphone avec des bords arrondis et une bordure audacieuse. Les tableaux de prix utilisent également des couleurs vives et incluent des graphiques des deux côtés de la page. La section contact comprend le fond jaune et comprend de grandes icônes sociales. Ce site fait un excellent usage de la couleur et des graphiques.

Visitez le site

10. Lola Menthe

Ce site a été soumis par Theo Salomoni. Ce site utilise plusieurs couleurs douces pour plaire au public cible. Les couleurs incluent une version de cuivre pâle pour les reflets, les superpositions, les couleurs d'arrière-plan et le bouton de retour en haut. L'en-tête l'utilise pour identifier la page active et les éléments de survol, ainsi que pour le CTA. L'en-tête utilise également une nuance de vert du logo pour certains liens. Ce vert est également utilisé pour l'arrière-plan près du pied de page. Le pied de page lui-même utilise la couleur cuivre pâle, qui se révèle comme un rideau. Un témoignage se met en place lorsque vous faites défiler jusqu'à la deuxième section. Une autre section affiche des images sous forme de liens avec la superposition de cuivre pâle. Les articles de blog sont affichés dans un curseur et incluent la date dans le coin supérieur et un zoom au survol. Le site fait un excellent usage de la couleur.

Visitez le site

En clôture

Ce sont nos 10 meilleures soumissions de sites Web Divi communautaires pour le mois d'octobre. 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 Mascha Tace / shutterstock.com