Divi Design Showcase : nouvelles soumissions de décembre 2019

Publié: 2019-12-25

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 décembre. 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 de décembre 2019

1. Structures en verre artisanales

Ce site a été soumis par Stuart Hingston. Une vidéo plein écran est lue en arrière-plan avec une superposition sombre qui met le texte en évidence. La superposition comprend le logo et le menu avec CTA, titre, slogan, description et bouton. Le défilement révèle un en-tête fixe et un design similaire avec une image de fond en véritable parallaxe. Les services et les informations sont affichés dans une bande mince avec des graphiques. Un CTA affiche une image circulaire en vraie parallaxe sur un côté. Un curseur de témoignage place du texte sur des images d'arrière-plan qui servent d'exemples de travail. Les services affichent des images hautes avec du texte et des boutons. J'adore la section projets. Il affiche les projets dans une disposition à plusieurs colonnes avec des séparateurs latéraux stylisés et des effets de zoom pour les images. J'aime aussi le formulaire de contact qui utilise des champs de même taille.

Visitez le site Web

2. Claire Créative

Ce site a été soumis par Claire Gallagher. La section héros affiche un manuel CTA avec un arrière-plan chaleureux et aide à décrire en quoi consiste le site. La section suivante montre un autre CTA avec une photo du propriétaire du site suivie d'un témoignage avec un graphique. Les articles de blog sont affichés dans une section avec des images et les titres sous eux en italique. Cela crée un design épuré avec beaucoup d'espace blanc. J'aime la façon dont ils se démarquent. Une section de témoignages suit un design similaire mais comprend plus de texte. La page se termine par un CTA pleine largeur. La page du blog suit le même design épuré que la section blog de la page d'accueil. La page Work With Me est créée pour la génération de leads et comprend un design unique pour le formulaire de réservation et les tableaux de prix. Les projets suivent le même design que les articles de blog.

Visitez le site Web

3. Médias Freshlit

Ce site a été soumis par Nicole Marie Zinnanti. Il s'agit d'une conception d'une page avec des ancres dans le menu des différentes sections. Ce site utilise beaucoup de grandes images en noir et blanc, du texte volumineux et du jaune derrière les titres sur les images, en commençant par l'en-tête plein écran. Plusieurs sections incluent des images qui suivent cette conception. La section suivante affiche les informations en pleine largeur. Les services sont affichés dans des blocs de texte numérotés avec de gros titres, des descriptions et des intercalaires. Les témoignages incluent également de grands titres et suivent un design minimal. Une section À propos poursuit la conception minimale avec un titre, un texte et un intercalaire de grande taille, suivis d'une section similaire qui se termine par un formulaire de contact minimal.

Visitez le site Web

4. Partenaires de crédit Hilltop

Ce site a été soumis par Rolando S. Bouza. La section des héros joue une vidéo derrière le titre et le slogan et mène à la section suivante avec un diviseur de section stylisé. La section suivante montre plusieurs CTA dans une disposition alternée. Le premier CTA affiche une image avec un grand titre, une courte description et un bouton, tandis que le second CTA comprend deux boutons. Un curseur de blog pleine largeur affiche les images en vedette presque en plein écran. Voici une section sur le propriétaire avec une image et un devis. J'aime la section À propos qui affiche des informations avec une bordure stylisée sur une image de fond sombre. Le formulaire de contact utilise une forme similaire en miroir et comprend un arrière-plan uni. Les autres pages suivent une conception similaire mais ajoutent de nombreuses informations de support dans les graphiques. La page du blog ajoute une barre latérale stylisée pour présenter les annonces. J'aime aussi la conception de l'article de blog avec sa mise en page épurée et son texte volumineux.

Visitez le site Web

5. Hébergement Insight

Ce site a été soumis par Steve Doig. Il utilise beaucoup de rose vif audacieux comme couleur de surbrillance principale pour le texte et les superpositions et se démarque magnifiquement. La section des héros affiche un avion volant hors de l'écran avec un CTA de l'autre côté de l'écran. L'avion lui-même et le CTA sont ombrés en rose vif. Une section avec des plans montre les plans et les prix dans les blocs. Ils incluent des animations de survol rose vif. Un CTA pleine largeur montre un guépard rose au centre avec le texte d'un côté, tandis qu'un autre montre un jeu d'échecs et un texte avec des éléments roses. Plusieurs sections montrent des avantages dans les textes de présentation. L'un de mes favoris est la section qui traite des types d'entreprises qu'ils servent. Les images sont affichées dans une grille à 5 colonnes avec des superpositions alternées. Les images effectuent un zoom arrière au survol et suppriment la superposition. Le menu en pied de page est également intéressant. Il affiche les titres avec une première lettre stylisée pour chacun.

Visitez le site Web

6. Keren Herrera

Ce site a été soumis par Edgar Herrera. Le site utilise beaucoup de couleurs douces pour attirer le public. La section des héros montre une image en plein écran avec un CTA d'un côté et le propriétaire de l'autre. Voici un élégant formulaire d'inscription par e-mail qui affiche une image d'un côté et une description sur le formulaire. Les images avec des bordures stylisées fournissent des liens vers les différentes pages d'informations. Une section À propos de montre une image qui chevauche la section suivante qui fournit un témoignage centré. Les sections suivantes incluent des images qui chevauchent plusieurs sections dans une mise en page alternée. Ces sections fournissent des informations et des CTA. Le formulaire de contact est placé sur une image de fond d'une table marbrée et se démarque des fonds unis. Un livre CTA s'affiche en 2 colonnes avec une photo qui les chevauche. Le pied de page montre un CTA de suivi Instagram avec plusieurs photos en arrière-plan.

Visitez le site Web

7. Finbingo

Ce site a été soumis par Prashant Karandikar. Il a une mise en page propre avec beaucoup de couleurs pour les faits saillants. La section des héros montre une introduction d'un côté avec un graphique de l'autre qui se fond dans une rangée de textes de présentation. Les informations sont affichées dans une mise en page à 2 colonnes avec des textes de présentation pour créer des puces. Quelques informations CTA affichent un graphique sur un côté dans une disposition alternée. Les services sont affichés dans des cartes avec des graphiques et du texte. Plus d'informations sont fournies dans des textes de présentation colorés qui créent un ensemble de blocs. Les compteurs de nombres affichent chaque nombre avec une couleur différente pour se démarquer. Un témoignage en 2 colonnes correspond au design couleur du site. La plupart des pages suivent un design similaire, puis ajoutent du contenu avec une ombre de boîte pour se démarquer.

Visitez le site Web

8. Ukhuni

Ce site a été soumis par Vernon Joyce. Il a une mise en page propre avec un accent sur les produits. Le méga menu affiche 3 colonnes avec plusieurs liens sur un côté qui révèlent des informations et des images. La section héros présente un ensemble de graphiques pour le mobilier de bureau. Le survol de l'un d'eux recouvre les autres d'une superposition et affiche une petite fenêtre contextuelle avec un titre pour décrire le mobilier. Les popups varient en couleur. Le produit présenté présente un grand graphique d'un côté et une description de l'autre. Suit un CTA de consultation pleine largeur, puis une section d'informations qui correspond à la conception du produit présenté. Les pages de produits affichent des produits avec des titres similaires aux popups et incluent une liste à puces pour les fonctionnalités. La page des services est intéressante. Il montre de nombreux graphiques des produits et affiche les avantages dans les textes de présentation.

Visitez le site Web

9. Laboratoire d'architectes

Ce site a été soumis par Mischa Groenen. Il affiche une seule page en plein écran avec des liens sous forme de texte avec des flèches comme navigation. L'écran est divisé en diagonale avec le titre et les liens d'un côté avec un fond blanc et la description de l'autre avec un fond jaune. Le titre est dessiné sur l'écran lorsque vous déplacez le curseur de votre souris. Le survol des liens montre un effet de zoom. Cliquer sur l'un des liens ouvre une page avec un en-tête qui suit la conception de l'écran principal. La page du portfolio ajoute un filtre qui correspond à la conception du site et affiche des images dans une grille qui comprend des animations et des titres de survol. La page de l'équipe présente un design à 3 colonnes avec des images de l'équipe d'un côté, un curseur de personne au centre et un formulaire de l'autre côté. La page d'informations affiche un graphique stylisé sur le travail qu'ils effectuent. C'est un design simple, intéressant et unique.

Visitez le site Web

10. Vieillir ensuite

Ce site a été soumis par Nicolle Principe. Ce site fait un excellent usage de l'orange et du vert avec quelques autres ajoutés à une mise en évidence supplémentaire. Il a un CTA dans le menu secondaire. La section des héros affiche une image d'arrière-plan en plein écran en véritable parallaxe avec un simple CTA dans la superposition. Les liens vers les pages sont créés avec des blocs de couleur et de texte dans une section mince pleine largeur. Plusieurs CTA pleine largeur affichent une image d'un côté et le texte de l'autre en alternance. Les Blurbs créent également des CTA avec des icônes encerclées et des boutons stylisés. Une section de dons affiche un comptoir de bar avec un objectif et le montant actuel. La plupart des sections incluent une icône qui se chevauche. J'aime la section sur les histoires avec du texte d'un côté et deux images de l'autre. Chacune des images comprend des effets de survol qui affichent des informations et un lien pour en savoir plus. Il comprend également un calendrier des événements, un blog stylisé et bien plus encore. Le site propose de nombreux ajustements de personnalisation, notamment un contrôle facile de la taille de la police et une sélection de la langue.

Visitez le site Web

Conclusion

Ce sont nos 10 meilleures soumissions de sites Web Divi communautaires pour le mois de décembre. Ces sites sont magnifiques 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 vous entendre 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 SUNATTAKIT / shutterstock.com