Divi Design Showcase : nouvelles soumissions à partir de janvier 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 soumis par notre communauté et nous souhaitons aujourd'hui partager avec vous les dix meilleurs sites Web du mois de janvier. 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 janvier 2021

1. Vale Industries

Ce site a été soumis par DJ Wheeler. Il a un aspect industriel avec plusieurs nuances de gris pour les arrière-plans des sections, les arrière-plans des textes de présentation et des témoignages, et même un gris foncé pour le texte. Les surbrillances rouges pour les boutons et la navigation par points ressortent. Le logo lie les couleurs entre elles. La section héros attire l'attention sur les sujets avec un CTA d'un côté et une vidéo de l'autre. Les boutons sont des parallélogrammes. Le CTA dans le menu devient noir au survol et ouvre un autre bouton avec un fond gris qui correspond à la couleur du texte du CTA. Les sujets sont affichés avec de grands textes de présentation. Une image pleine largeur en vraie parallaxe montre un exemple de chantier. D'autres pages suivent un design similaire. Les couleurs et la disposition épurée conviennent parfaitement à ce site industriel.

Visitez Vale Industries

2. Arca Interactif

Ce site a été soumis par Justin Arcara. Il y a beaucoup de violet, de rouge et de bleu sur tout le site. La plupart des sections comprennent des arrière-plans à deux colonnes. La section héros affiche un design à deux colonnes avec un CTA d'un côté et une image de l'autre. Les deux se chevauchent avec un titre et une description. Les Blurbs décrivent les services avec des icônes bicolores. Plusieurs sections incluent des images ou d'autres éléments qui défilent différemment de l'arrière-plan. Les projets récents font défiler le titre horizontalement et affichent les projets avec des images. Les témoignages incluent une image d'un côté et du texte de l'autre, avec des logos qui les chevauchent. Il comprend également un bouton de retour en haut stylisé avec un lien e-mail collant. Ce site fait un excellent usage du texte volumineux, des grandes icônes, des couleurs et des éléments de mise en page.

Visitez Arca Interactif

3. Trafoos

Ce site a été soumis par Samant Jaitli. Il utilise des couleurs douces dans les arrière-plans et les arrière-plans des produits sur l'ensemble du site. De nombreux boutons et cartes incluent des ombres de boîte pour se démarquer. Un compte à rebours indique la fin des prix spéciaux. La section héros affiche les couleurs du site avec un motif incliné et des images intégrées dans le motif des deux côtés et deux CTA au centre. Une section pour concevoir votre propre chemise affiche les étapes avec des icônes. Chacune des catégories de produits comprend des blocs de couleur sur le côté gauche pour présenter la catégorie. J'aime aussi la section contact. Il affiche des informations dans deux colonnes avec une couleur d'arrière-plan différente pour chaque colonne et des graphiques de bande dessinée qui correspondent au site. Ce site fait un grand usage de la couleur.

Visitez Trafoos

4. Histoires de conception UX

Ce site a été soumis par Allie Walters. Il utilise une conception simple avec un texte extra-large pour les titres. La section héros affiche une section avec une grande police sur un fond beige. Un lien dans la description est une nuance de bronzage plus foncée et se démarque bien. Plusieurs sections incluent des images d'arrière-plan pleine largeur en véritable parallaxe. La superposition montre une courte description avec un lien pour en voir plus. Une section dans les coulisses montre des images du processus de flux de travail. Les pages du projet montrent une vidéo et des informations détaillées sur le projet. Les détails sont divisés en sections plus petites qui parcourent le projet. Il montre plus de détails que ce que j'ai vu sur la page de projet typique et il le montre de la manière la plus simple et la plus propre possible.

Visitez les histoires de conception UX

5. TPress Studio

Ce site a été soumis par Alexis Presti. Ce site a une conception d'une page qui utilise un fond gris foncé avec du texte blanc et du texte avec un dégradé vert. Une partie du corps du texte est en gris clair. Je trouve généralement le texte blanc sur fond noir dur pour mes yeux, mais cette combinaison de couleurs fonctionne bien et garde le texte lisible. La section héros et la section suivante affichent une image d'arrière-plan qui se fond dans l'arrière-plan. Le mélange est si fluide qu'il est difficile de dire où se termine l'image. Cela contribue à donner à la mise en page une sensation élégante. Le texte de la section héros utilise du texte en bloc avec un dégradé vert sur le texte souligné pour le titre. Un texte similaire avec un dégradé est utilisé pour les titres et comprend des séparateurs, des boutons et des icônes correspondants. J'aime l'utilisation du gris et des dégradés dans tout ce site.

Visitez TPress Studio

6. Mon agent immobilier Columbus

Ce site a été soumis par Greg Ventresca. Il utilise beaucoup de gris pour les superpositions d'images et les arrière-plans beige clair sur tout le site. La section héros affiche une vidéo sur le côté gauche sur un fond gris qui se fond dans une image. Le titre chevauche les deux côtés et affiche le texte différemment pour chaque côté. Plusieurs CTA chevauchent des images ou incluent des images qui chevauchent des éléments d'arrière-plan. L'une des images est placée à la fois en arrière-plan et au premier plan, créant un CTA intéressant. Les propriétés sont intégrées dans la mise en page et incluent des images avec des ombres de boîte. Plusieurs pages incluent des icônes personnalisées qui se détachent des arrière-plans gris. Les couleurs et les images s'harmonisent bien avec la mise en page et s'adaptent parfaitement au public cible.

Visitez mon agent immobilier Columbus

7. Avenue de la libellule

Ce site a été soumis par Marci Angeles. Il utilise une mise en page épurée avec de nombreux dégradés d'arrière-plan de couleurs douces et des lignes fines ou doubles pour créer des bordures. La section héros affiche un message en majuscules dans une arche. Le texte chevauche le dégradé d'arrière-plan, ce qui crée l'arc. Un curseur change les images au centre de l'arc. Les services sont affichés dans des images de différentes formes. Plusieurs éléments affichent le dégradé d'arrière-plan de différentes manières, notamment une forme verticale derrière une bordure, une forme horizontale avec des bords arrondis pour les témoignages et un ticker qui fait défiler un message. Les CTA alternés montrent une image d'un côté et du texte de l'autre en utilisant des variations des couleurs d'arrière-plan. Le bouton de retour en haut est un texte cursif imprimé latéralement. J'adore le préchargeur libellule et le curseur de la souris.

Visitez l'avenue Dragonfly

8. NEVERMVM

Ce site a été soumis par Dylan Boulkhras. Il utilise un fond noir avec un texte orange audacieux qui se démarque pour donner au design un aspect net. Un menu collant reste sur le côté gauche et affiche une ligne avec des cercles reliant les pages. La section héros montre une image d'arrière-plan d'un côté avec un titre, une description, un lien et des compteurs numériques au premier plan. Le menu s'affiche en plein écran et comprend la même photo de fond. Une section avec une vidéo intégrée montre une image d'arrière-plan qui semble être séparée de l'arrière-plan par de la fumée. Plusieurs sections sont numérotées et comportent des titres en gras. Les projets s'affichent dans des textes de présentation qui incluent des images à changement rapide qui zooment sur les icônes de survol et orange. Ce site fait un excellent usage de la couleur.

Visitez NEVERMVM

9. Panda Remiremont

Ce site a été soumis par Panda Remiremont. Il s'agit d'une mise en page d'une page qui utilise des éléments de conception chinois avec du texte, des couleurs et des graphiques. La section des héros affiche un menu situé sous le haut de l'écran, flottant au-dessus de l'arrière-plan et des éléments graphiques en plein écran. Un grand graphique comprend du texte chinois d'un côté et un CTA de l'autre. Des graphiques similaires avec du texte chinois apparaissent dans plusieurs des sections. Un grand texte avec un dessin oriental est utilisé pour les titres. Les prix sont affichés avec des modules de texte sur un arrière-plan stylisé qui ressemble à un menu de cuisine chinoise. J'aime la section pour les coordonnées. Il comprend un CTA de réservation avec une image d'un côté et des informations de contact de l'autre. Un formulaire de réservation le chevauche et comprend une bordure stylisée. J'aime l'illustration de fond dans celui-ci.

Visitez Panda Remiremont

10. Allianz Brno

Ce site a été soumis par Michal Teska. Il a beaucoup d'espace blanc avec des reflets verts et bleus qui correspondent parfaitement au genre. La section des héros affiche une image pleine largeur avec un CTA d'un côté et l'équipe de l'autre. Les membres de l'équipe et les emplacements sont étiquetés avec une police qui semble être écrite à la main. Les informations sur les services sont fournies avec de simples textes de présentation. Voici une section de textes de présentation plus grands avec des icônes encerclées qui changent de couleur au survol. Les textes de présentation affichent également une bordure au survol. Les icônes chevauchent les bordures. J'aime la section équipe. Il affiche des images circulaires d'équipe avec des bordures épaisses. Les images des membres de l'équipe continuent à l'extérieur du cercle. L'image change au survol pour montrer le membre de l'équipe souriant. La carte embarquée est également intéressante. Il est léger et se confond avec le fond d'un côté. Les informations de contact chevauchent la carte.

Visitez Allianz Brno

Emballer

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