Divi Design Showcase : nouvelles soumissions à partir de novembre 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 de novembre. 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 novembre 2020

1. Progrès

Ce site a été soumis par Azer Gunes. Il utilise beaucoup d'arrière-plans noirs avec un grand texte blanc et des reflets jaune vif partout. Le menu de navigation commence par un fond transparent et affiche le logo, des liens et quelques CTA sur fond jaune. Après le défilement, l'en-tête passe à un fond noir, les CTA ont maintenant des titres et les liens de menu sont déplacés vers un menu hamburger qui apparaît sur le côté gauche. Les boutons du site Web changent de couleur au survol. Les offres d'emploi sont affichées sous la forme d'un type de publication personnalisé et incluent une image carrée avec un lien cliquable dans le coin. Les membres de l'équipe sont affichés dans un curseur placé sur un motif d'arrière-plan d'un côté. Le pied de page affiche des informations sur un fond jaune et place les liens de médias sociaux dans un modèle de bloc. J'aime l'utilisation du jaune et du noir sur ce site.

Visitez le site Web

2. Le Donjon de Neheulbeuk

Ce site a été soumis par Thibault Jullian. Si vous êtes un joueur de RPG, ce site vous attirera immédiatement. Une vidéo d'arrière-plan crée l'apparence d'un curseur animé en glissant d'une scène à l'autre et en montrant la scène au ralenti. Le premier plan affiche le titre stylisé et les boutons CTA. Les logos du studio sont placés sur un dessin de blocs de pierre au-dessus d'une porte où un personnage de dessin animé entre dans la pièce. Lorsque vous faites défiler jusqu'à cette section, le texte flou glisse des côtés et devient net lorsqu'il atteint son emplacement. Les informations sur le jeu sont affichées dans des textes de présentation à l'aide d'icônes personnalisées et de texte stylisé avec des reflets dorés. Une vidéo est intégrée sur un arrière-plan qui fonctionne comme une affiche de jeu. Les captures d'écran sont affichées dans une galerie de maçonnerie. Ce site fait un excellent usage des graphiques et du texte doré sur fond noir.

Visitez le site Web

3. Trafoos

Ce site a été soumis par samant jaitli. Ce site Web est une boutique en ligne qui trouve une façon intéressante d'utiliser la couleur. La section héros affiche des images à droite et à gauche et des boutons au centre sur un fond aux douces couleurs jaune et bleu du site. Les couleurs de fond des images du produit utilisent également ces couleurs et plusieurs autres. Certaines images de produits ont une ombre qui fait ressortir le produit de l'arrière-plan. Un compte à rebours affiche un logo. D'autres produits incluent une bordure d'un côté avec l'image placée sur un fond coloré de l'autre côté qui crée un chevauchement de couleurs en utilisant le bleu et le jaune de la section héros. Une section de nouveautés ajoute des ombres de boîte aux produits. Le pied de page est également intéressant. Il divise l'écran avec une grande colonne de bleu et une plus petite colonne de jaune. Chacune des colonnes fournit des informations différentes. Des dessins animés de pandas apparaissent sur tout le site, y compris le logo.

Visitez le site Web

4. Nancomy

Ce site a été créé par Marc HENRY. Ce site utilise de nombreux éléments graphiques avec des formes aux bords arrondis qui montrent des images d'arrière-plan. La section des héros en montre plusieurs verticalement, la plus importante affichant une vidéo d'arrière-plan. D'autres affichent des couleurs ou des images. Une autre section en montre plusieurs horizontalement. Celles-ci sont beaucoup plus fines, prennent presque toute la largeur de l'écran et sont disposées en alternance. Ils incluent des images d'arrière-plan avec un texte extra-large comme titre et un texte plus petit sous l'élément graphique comme description. Une section de compteurs de nombres est similaire à celles-ci et comprend un dégradé de fond bleu/noir avec du texte en or. Les témoignages sont placés sur une image de fond avec le texte en superposition. J'aime aussi la section qui montre l'élément graphique au centre et les textes de présentation des deux côtés. Le graphique central est placé sur un graphique de feuilles pour le faire ressortir.

Visitez le site Web

5. Famille d'accueil et associés

Ce site a été soumis par Flavio Mester. Celui-ci fait un usage intéressant des blocs de couleurs, à commencer par le menu. L'en-tête est un ensemble de deux blocs qui se trouvent dans le coin supérieur droit et restent en place. Le bloc de gauche comprend le titre sur un fond blanc translucide. Le menu de hamburgers extra-large se trouve dans le bloc de droite avec un fond noir translucide. Chaque section se met en place au fur et à mesure que vous faites défiler le site. Les sections sont séparées de la section héros par une bande bleue. Un bloc de couleur se trouve à l'extrême gauche de la section et comprend des nuances alternées de bronzage et de gris foncé. Les sections elles-mêmes alternent entre le blanc et le gris clair. Un témoignage prend toute la largeur de l'écran et place du texte sur une image d'arrière-plan avec une superposition sombre. La page Publications comprend des podcasts intégrés.

Visitez le site Web

6. Concevoir

Ce site a été soumis par Tobija de Designup. Celui-ci fait un excellent usage du violet et des couleurs associées pour la marque. La section des héros affiche une vidéo derrière une superposition violette avec une description et un CTA au premier plan. L'en-tête comprend des liens avec beaucoup d'espace entre eux et un CTA en dégradé rouge gras. Plusieurs sections comprennent un arrière-plan violet, des motifs d'arrière-plan ou les deux. La section des histoires de réussite montre des images de travail sur des écrans d'ordinateur avec des boutons violets pour voir le travail. Une autre section utilise des textes de présentation avec des icônes violettes. Une section s'insère entre ces deux avec un fond dégradé vert qui se démarque. Les motifs de fond des sections précédentes et suivantes chevauchent celui-ci. La page Coût a une calculatrice unique avec une section rouge qui colle au bas de la page jusqu'à ce que vous atteigniez cette section tout en faisant défiler. Les couleurs de la marque fonctionnent bien pour lier ce design ensemble.

Visitez le site Web

7. Toujours continuer à progresser

Ce site a été soumis par Ragz Thompson. Ce site utilise avec élégance le vert et l'orange pour les couleurs de la marque, en commençant par le logo et le CTA dans l'en-tête. La section des héros affiche quatre textes de présentation qui chevauchent l'image en plein écran. Ils comprennent des coins arrondis, de grandes icônes, différentes nuances d'arrière-plans verts, des ombres de boîte vers l'intérieur et passent à l'orange au survol. Les ombres vers l'intérieur donnent aux textes de présentation un effet de chevauchement, les faisant sembler se chevaucher. Le vert est beaucoup utilisé pour les titres, les textes de présentation et les icônes. L'orange est beaucoup utilisé pour les couleurs de fond des boutons. La plupart des boutons incluent des ombres de boîte pour se démarquer. Les boutons flottants des réseaux sociaux sont également en vert et deviennent orange au survol. Les diviseurs de section ondulés permettent aux sections de se démarquer les unes des autres avec style, tandis que les couleurs d'arrière-plan gardent la division subtile.

Visitez le site Web

8. florianboetler.com

Ce site a été soumis par Florian Bolter. C'est un excellent exemple de site Web de CV. Il fait un usage intéressant de la couleur pour les reflets sur tout le site Web tout en laissant suffisamment de place à tous les éléments Web. Un grand texte sur un côté de la section des héros présente le propriétaire du site et comprend des boutons stylisés avec un arrière-plan décalé derrière un. Un graphique stylisé de l'autre côté comprend des couleurs qui se répètent sur tout le site. J'aime les sections de projets. Il affiche une étude de cas avec une image d'un côté et un titre, une description, des mots-clés, un bouton stylisé et un graphique de l'autre. Les projets sont placés dans une disposition alternée et chacun a un graphique différent utilisant des couleurs vives. Une section de contact affiche de grandes icônes sociales qui s'inclinent au survol. Les études de cas font un grand usage de la photographie.

Visitez le site Web

9. Aspirer Attestation

Ce site a été soumis par Dijimoe. Celui-ci utilise beaucoup de bleu foncé pour les arrière-plans et de vert clair pour les reflets. Les couleurs fonctionnent parfaitement ensemble pour donner au site un design intéressant. La section héros affiche une image d'arrière-plan avec un dégradé bleu et vert pour mélanger les couleurs. Il utilise également un diviseur de section de flèche vers le bas qui se fond dans la section suivante, qui montre les pays populaires sous forme de grands textes de présentation avec une image et des superpositions bleues. Le premier plan montre le nom et le bouton en vert clair et les informations en blanc. Le survol change la superposition en vert et ajoute une bordure intérieure en vert et une ligne en blanc. L'image zoome au survol. J'aime aussi la carte qui affiche du vert clair sur un fond bleu foncé. Il inclut qui affiche les noms de lieux en survol. Le côté gauche affiche le texte en rotation avec les noms de lieux. Les Blurbs utilisent des lettres vertes comme élément d'arrière-plan pour épeler le mot FAST.

Visitez le site Web

10. Concevoir

Ce site a été soumis par Narathip de Devise. Il utilise des nuances de noir et blanc pour créer un design sophistiqué. La section héros a un curseur en plein écran avec chaque diapositive montrant une image d'arrière-plan et une superposition de couleur différente. Le texte d'un côté montre le titre et la description. Les images des diapositives s'affichent en parallaxe. Chacune des sections du site comprend un titre souligné à gauche et une police encore plus grande pour une description au centre. Les arrière-plans sont soit blanc cassé, noir ou gris foncé. La section sur leur approche montre des exemples d'images avec des descriptions. La section sur leur travail montre les projets sous forme de grandes images et un lien pour en voir plus. Les logos du client sont représentés en blanc sur fond gris foncé. Les pages des projets sont encore plus élégantes et comprennent de grandes photos détaillées sur des arrière-plans stylisés. Les offres d'emploi sont affichées dans des textes de présentation. J'aime la photographie et les couleurs sur ce site.

Visitez le site Web

En clôture

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