Divi Design Showcase : nouvelles soumissions à partir de mai 2019

C'est à nouveau le temps de notre Divi Showcase mensuel où nous jetons un coup d'œil à 10 sites Web Divi géniaux 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 de mai. 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 mai 2019

1. Akimbo

Ce site a été soumis par Alan Cox. Le site utilise des dessins au trait dans des tons de gris pour les arrière-plans et des dessins de personnages colorés tout au long. Les boutons et autres éléments graphiques sont également en couleur pour se démarquer du design du site. Cela fait un excellent travail en mettant l'accent sur les produits et les appels à l'action. Il garde la conception simple avec une section de héros en plein écran, une démonstration de produit, une section de convivialité à deux colonnes, un énoncé de mission à une seule colonne, des témoignages et un CTA qui chevauche le pied de page. La page Science est intéressante avec ses grands titres et ses graphiques de marque tout en gardant un design simple.

Visitez le site Web

2. Dapper Tapper Magazine

Ce site a été soumis par Carlos Godoy. Ce site utilise Extra pour créer un design de magazine élégant. Il affiche une section de héros en plein écran avec une image d'arrière-plan en parallaxe et un logo au centre. Le défilement révèle le menu qui reste en place lorsqu'il atteint le haut de l'écran. Les articles sont placés dans une mise en page multi-colonnes en trois colonnes. Les autres articles sont affichés avec un curseur à une seule colonne, puis une section pour une lecture plus approfondie en bas. Les articles de blog placent le texte d'un côté et les images de l'autre. Le site propose également un grand menu déroulant et un préchargeur. Je n'aurais pas deviné que c'était Extra.

Visitez le site Web

3. Carte de base

Ce site a été soumis par Dustin Olsen. Le site place une démo et un CTA du produit au centre de l'écran sur une image d'arrière-plan qui aide le lecteur à comprendre l'objectif du produit en un coup d'œil. Plusieurs autres sections avec un design similaire montrent le produit d'un côté, mais cette fois, il s'agit de deux démos avec des captures d'écran, une animation ou une vidéo et elles chevauchent la section suivante. Les démos fonctionnent parfaitement pour montrer les caractéristiques du produit. J'aime les tableaux de prix stylisés. Le blog est également intéressant. Il comprend un curseur suivi d'une grille de blog filtrée sur deux colonnes. Les messages comprennent des superpositions élégantes. La barre latérale s'adapte également au design du site et comprend un flux Instagram. La photographie sur ce site est incroyable.

Visitez le site Web

4. DH Marketing Digital

Ce site a été soumis par Douglas Henrique Monteiro e Silva. Il affiche une image en plein écran avec le sujet d'un côté et l'arrière-plan de l'autre, laissant de la place pour le titre, le slogan et le CTA. Les services sont affichés avec des puces utilisant des icônes colorées. Les statistiques des services sont affichées avec des graphiques intéressants de bascules verticales avec des icônes. Les témoignages sont affichés dans des cartes qui utilisent des ombres de boîte et un système de classement par étoiles. Une section a un motif de fond derrière les graphiques. Un CTA chevauche deux sections et se démarque bien. J'aime l'utilisation élégante des textes de présentation sur la page Services. Ils utilisent des icônes colorées et créent des cartes minces avec des effets de survol. Le site utilise beaucoup d'espace blanc et fait un usage élégant de la couleur.

Visitez le site Web

5. Joueur

Ce site a été soumis par Sander Goorman. Il utilise un dégradé bleu pour révéler l'image d'arrière-plan en plein écran et affiche le slogan avec la navigation vers les services d'un côté. Les présentations chevauchent la section suivante et fournissent des informations détaillées sur chaque service. Les textes de présentation sont des cartes propres avec des icônes bleues. Ils montent en vol stationnaire et s'intègrent parfaitement au design du site. Une section montrant leur histoire utilise un grand texte multicolore d'un côté et du texte normal de l'autre. Des exemples de leur travail sont présentés dans une mise en page alternée avec des liens pour voir le travail. J'aime le design du blog. Il affiche les publications dans une grille avec une superposition, un titre, une catégorie, un nom d'auteur et un bouton pour voir l'image en vedette dans une fenêtre contextuelle. Tous sont placés sur l'image en vedette.

Visitez le site Web

6. Idiolektik

Ce site a été soumis par Oliver Gehrmann. Plusieurs images avec des slogans sont affichées dans un curseur pleine largeur suivi d'une section à propos avec un titre de bloc stylisé. Un bouton en savoir plus ouvre une fenêtre contextuelle pleine page. En savoir plus, les boutons sont bien visibles dans toute la conception et fonctionnent très bien pour économiser de l'espace tout en donnant accès à de nombreuses informations. Des informations supplémentaires sont fournies à l'aide de graphiques qui changent de couleur au survol et ouvrent une fenêtre contextuelle au clic. Plus de services sont affichés avec des graphiques et des boutons d'information dans un curseur. Un curseur similaire affiche des images des conférenciers. La page du conférencier présente deux colonnes avec une grande photo et des informations sur chaque personne. J'aime la page Événements. Il utilise un filtre avec des listes déroulantes.

Visitez le site Web

7. Bio-Bausewein

Ce site a été soumis par Michael Koch. Celui-ci montre une image plein écran avec un slogan au-dessus du sujet et des superpositions en forme d'arbres pour décorer les côtés. Ces formes et des formes similaires apparaissent sur tout le site le long des côtés. La section suivante montre les CTA sur différentes pages. Les CTA utilisent de grands arrière-plans à motifs avec des superpositions de différentes couleurs. Les CTA plus petits utilisent un design similaire ainsi qu'un design de carte de blog. On utilise un design incliné. J'aime la section qui montre les propriétaires. Il montre une image plein écran des deux ensemble et ci-dessous, puis des blocs de texte qui chevauchent l'image près de la personne sur la photo. La page des événements affiche des événements similaires aux articles de blog en ligne avec une barre en haut pour afficher la date. J'aime la photographie et la couleur sur ce site.

Visitez le site Web

8. EcoHost

Ce site a été soumis par Emy. Ce site a une mise en page d'une page qui utilise un design plat avec des nuances élégantes de rouge, vert et bleu pour les arrière-plans et les icônes sur l'ensemble du site. Des graphiques pour les arrière-plans et d'autres éléments aident à décrire la mission de l'entreprise. Les fonctionnalités sont affichées avec des textes de présentation pour créer des cartes avec de grandes icônes et un titre. Des cartes similaires sont utilisées pour les témoignages et les coordonnées. J'aime les tableaux de prix. Ils comprennent un interrupteur à bascule et les prix sont animés lorsque vous cliquez sur l'interrupteur. Plusieurs cartes incluent des informations dans une fenêtre contextuelle lorsque vous cliquez pour voir les informations. Le site fait un excellent usage des graphiques, des motifs d'arrière-plan et de la couleur.

Visitez le site Web

9. 717 Médias

Ce site a été soumis par Eike Muller. Il utilise le vert clair comme couleur de marque sur tout le site dans le texte, les boutons, les animations et les arrière-plans. Même la barre de défilement et le bouton de retour en haut sont de style vert. Les grandes cartes montrent les services avec des images, du texte et des boutons. Les cartes montrent une ombre en vol stationnaire. Il comprend un CTA intéressant qui a un arrière-plan pleine largeur avec une superposition sombre. Lorsque vous faites défiler jusqu'à celui-ci, une ligne verte est dessinée autour du texte pour attirer l'attention. J'aime la section À propos. Il affiche des informations dans des cartes à l'aide d'images et de texte. Les cartes chevauchent la section suivante et incluent une superposition animée. Le site fait un grand usage de petites animations et de reflets verts sur chaque page.

Visitez le site Web

10. PicknRoll

Ce site a été soumis par Roberto Wagner. Celui-ci est une boutique en ligne. La page d'accueil affiche un CTA en plein écran sur le magasin à l'aide d'une image d'arrière-plan avec un grand texte en plusieurs couleurs. La section boutique affiche les produits dans trois colonnes avec une icône dans la superposition qui correspond à la couleur de la marque du site (jaune gras). Une section d'information montre les avantages par rapport à une image de fond en parallaxe. Les sections témoignages et newsletter suivent un style similaire avec le texte jaune. La page Store suit le même design mais ajoute une fonction de recherche dans la section héros. Le blog a actuellement un article, mais la page a un design sympa. L'article de blog chevauche la section des héros et la newsletter chevauche deux sections, dont la section de suivi social au-dessus du pied de page.

Visitez le site Web

En clôture

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