Divi Design Showcase : nouvelles soumissions à partir de janvier 2020

C'est à nouveau le temps de notre Divi Showcase mensuel, où nous jetons un coup d'œil à dix superbes sites Web Divi 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 2020

1. Altmonde

Ce site a été soumis par Daniel Behrens. Il affiche une vidéo d'arrière-plan en plein écran avec un slogan et un CTA au premier plan. Suit une section en plein écran avec un titre avec des effets de survol pour introduire la section suivante, qui s'affiche en parallaxe lorsque vous faites défiler le titre. Cette section affiche les titres en gros texte avec des effets de survol d'un côté et un CTA de l'autre. La section suivante fournit des informations sur la façon dont ils travaillent avec les clients. Cela comprend un fond blanc avec un dessin en diagonale et un texte numéroté qui se développe au survol. Un autre CTA effectue un zoom avant et arrière pendant que vous faites défiler. La page Services affiche chaque service sur un écran partagé avec des CTA d'un côté et des images d'arrière-plan en parallaxe de l'autre. J'aime l'utilisation du texte, de la couleur et des images dans ce site.

Visitez le site Web

2. Vemel

Ce site a été soumis par Murray Price. Il s'agit d'une boutique en ligne avec un curseur d'image qui affiche les produits en pleine largeur. Une section de bienvenue affiche des informations à côté d'une image de produit avec un lien pour en savoir plus. Une section boutique affiche les produits avec des liens vers les pages produits. Ma section préférée montre une grande image de produit au centre, entourée de textes de présentation avec des descriptions, des icônes et des flèches incurvées pointant vers le produit. La page d'accueil affiche également des images de produits dans une mise en page alternée, des critiques dans un curseur de témoignage, une section de blog avec deux articles et un curseur Instagram. La mise en page comprend une ligne, un espace blanc et des lignes simples qui créent un design minimal.

Visitez le site Web

3. Chez Prugner

Ce site a été soumis par RAPHAEL PRUGNER. Il s'agit d'une conception d'une page. Un menu à plusieurs niveaux se distingue de la page et affiche un numéro de téléphone cliquable au-dessus des boutons sociaux à côté d'un CTA. La section des héros montre un motif d'arrière-plan en plein écran, tandis que le premier plan montre un écran d'ordinateur avec un exemple de travail et en révèle encore plus au survol à côté d'un titre et d'un slogan. Le défilement révèle une section découpée avec du texte et des graphiques qui défilent sur une image d'arrière-plan en parallaxe. Les avantages sont affichés dans les textes de présentation dans une disposition alternée sur plusieurs sections et incluent des effets de zoom en survol. Des exemples de projets sont affichés dans un curseur. D'autres projets sont affichés dans un flux Instagram intégré. Il affiche également un CTA qui zoome lorsque vous faites défiler et un formulaire de contact stylisé.

Visitez le site Web

4. Lémurien violet

Ce site a été soumis par Liam Pedley. Le titre, le slogan, le CTA et un exemple d'image de produit avec un graphique de marque d'un lémurien se trouvent sur un fond noir qui comprend un diviseur de section arrondi. Le texte et les boutons ont un dégradé violet qui correspond aux graphiques sur l'ensemble du site. Une rangée avec trois graphiques de lémuriens est placée au-dessus d'une section qui affiche du texte et des textes de présentation. Un clic sur les lémuriens révèle différentes sections d'informations avec une flèche pointant vers la section. Les informations sur l'entreprise sont affichées dans une section à deux colonnes avec un écran d'ordinateur sur un côté qui affiche une image d'arrière-plan en véritable parallaxe. J'aime particulièrement la section portfolio. Il montre des images sous un angle. Le survol de l'un d'eux soulève l'image vers le haut et vers l'écran, laissant des diapositives colorées derrière eux. Un curseur de témoignage montre trois côtés à la fois avec l'un au centre à plat et les deux autres en angle. Il comprend également des cartes de blog stylisées et des présentations avec des animations de survol pour chacun des services.

Visitez le site Web

5. DShjemmeside

Ce site a été soumis par David Sylvest. Il affiche un arrière-plan avec une superposition bleu foncé et un diviseur de section arrondi et un grand titre au centre. L'en-tête a placé le menu au centre et comprend un arrière-plan stylisé avec un dégradé et des coins arrondis. J'adore la prochaine ection. Il montre des exemples de travail dans trois cartes qui sont inclinées. Les deux sur les côtés sont inclinés vers l'intérieur. Ils incluent des effets de survol. La section suivante montre un CTA avec des écrans d'ordinateur sous un angle et un arrière-plan à motifs. La section des avantages montre des puces avec de grands textes de présentation à côté d'un graphique d'engrenages. Le site comprend également de nombreux CTA avec des icônes stylisées et des images encerclées, une image encerclée du développeur, une section FAQ avec des bascules et un formulaire de contact stylisé. La mise en page fait un excellent usage de la couleur, des graphiques et des images.

Visitez le site Web

6. Carrières en tyrolienne

Ce site a été soumis par Nicole Marie Zinnanti. Le site utilise beaucoup d'espaces blancs avec la bonne quantité de graphiques et de reflets violets. La section des héros montre un CTA d'un côté et un graphique de personnes créant un CV de l'autre. La section suivante montre les services dans les blubs qui utilisent des graphiques violets et blancs et des bordures et ombres violettes. Une vidéo intégrée est placée sur un motif d'arrière-plan qui montre des points dans la moitié supérieure à gauche et dans la moitié inférieure à droite. Les présentations avec des icônes stylisées montrent les avantages dans une mise en page claire à 3 colonnes. La conception comprend également un CTA avec des graphiques, une section de blog stylisée et un CTA avec des boutons pour créer un pied de page personnalisé. J'aime aussi le blog. Il affiche un graphique complet dans l'en-tête avec un diviseur en diagonale, puis des cartes de blog dans une grille propre.

Visitez le site Web

7. Centre de soutien à l'adoption de la Saskatchewan

Ce site a été soumis par Molly Seaton-Fast. Il montre une image pleine largeur d'enfants jouant et trois modules de texte pour créer de gros boutons pour la navigation. Chacun des boutons a des couvercles arrondis qui deviennent plus grands et ont des coins carrés en survol. Les présentations avec des bordures partielles créent des liens vers des sujets spécifiques. Les informations sont fournies dans une section de colonnes de remorquage avec des textes de présentation et un CTA d'un côté et un accordéon de l'autre. Un CTA de don se fond dans la section de la liste de diffusion. Chacune des sections utilise des couleurs stylisées et des motifs d'arrière-plan qui correspondent. La page Événements comprend un calendrier d'événements intégré. La page Dons comprend une boîte de dons intégrée. Le site a beaucoup d'informations à partager et le menu continue de naviguer dans les informations aussi propre que possible.

Visitez le site Web

8. Les hauteurs de Nanaimo

Ce site a été soumis par Danielle Mah. Il a une conception d'une page et il est multilingue. La section héros affiche un arrière-plan plein écran avec une superposition orange qui comprend le titre, le slogan et la flèche vers le bas. La section héros comprend également un diviseur de section incliné suivi du menu de navigation qui se verrouille en haut lors du défilement. Plusieurs CTA d'enregistrement montrent des images du bâtiment. La mise en page comprend également une image pleine largeur de l'intérieur avec des textes de présentation qui montrent les avantages. Plusieurs sections présentent des fonctionnalités utilisant des puces et des images dans des mises en page alternées. Une carte intégrée utilise les mêmes couleurs que le reste du site. Les plans d'étage sont affichés dans un curseur et comprennent des fichiers PDF téléchargeables. Le formulaire d'inscription comprend des questions pour vous aider à déterminer le type exact d'appartement que vous recherchez. J'aime l'utilisation de la couleur et de la photographie dans ce site.

Visitez le site Web

9. Plus que quelques mots

Ce site a été soumis par Britt Baue. Le menu affiche un logo superposé suivi d'un petit message de bienvenue. La partie principale de la page comprend de nombreux épisodes de podcast intégrés avec des lecteurs audio stylisés. La première section présente les podcasts en deux colonnes avec un titre vertical et un lien pour en savoir plus. Une section de texte contenant des informations sur le spectacle comprend un titre vertical sur le côté opposé. Une autre section comprend le titre et affiche une liste de podcasts avec un lecteur audio à côté d'un formulaire de contact. Voici une section avec des liens pour vous abonner au podcast de tous les principaux hôtes. La page À propos ajoute une liste de sujets et un curseur de témoignage stylisé. La conception utilise beaucoup d'espaces blancs et une disposition minimale qui a l'air propre et élégante.

Visitez le site Web

10. Institut des jeunes leaders Negrosanon

Ce site a été soumis par JR Galia. La section héros affiche une image d'arrière-plan pleine largeur avec un titre et un CTA dans la superposition. Le menu de navigation affiche également le CTA et inclut le menu dans un segment séparé. Une section de programmes affiche des cartes avec des boutons de don. J'aime particulièrement la section Impliquez-vous. Il affiche une grande image d'un côté et des textes de présentation avec des graphiques de l'autre. La mise en page comprend également des compteurs de nombres et un formulaire de contact stylisé. Les pages à propos, blog et galerie suivent une conception similaire et ajoutent une ombre solide aux modules texte, blog et galerie.

Visitez le site Web

Conclusion

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