Divi Design Showcase : nouvelles soumissions à partir d'avril 2019

C'est à nouveau l'heure de notre Divi Showcase mensuel où nous jetons un coup d'œil à 10 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 d'avril. 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 d'avril 2019

1. Université du mouvement

Ce site a été soumis par Andrew Bartlett. Le site utilise un fond sombre avec du texte blanc avec des reflets jaunes et orangés (techniquement c'est du brun sale). Toutes les images d'arrière-plan sont sombres. La section héros montre une image de fond qui décrit le site. Le texte de la superposition comprend un slogan et un CTA à gauche et un bouton de lecture à droite. Le bouton de lecture change au survol et ouvre une vidéo dans une fenêtre contextuelle lorsque vous cliquez dessus. D'autres sections affichent des informations dans deux colonnes avec du texte et des images. La mise en page alterne au fur et à mesure que vous faites défiler. Entre les sections, il y a de petites vignettes avec des bulles pour les témoignages. Un CTA pleine largeur fournit une image avec un formulaire d'abonnement. Plus de bulles de témoignage créent un pied de page révélé.

Visitez le site Web

2. Conceptions JD

Ce site a été soumis par James Dawson. Il affiche un curseur plein écran avec des images d'arrière-plan et des superpositions sombres. Les superpositions utilisent un grand texte pour décrire le site et fournir un CTA. Le défilement révèle une autre section avec un grand texte sur fond blanc qui décrit l'entreprise. Les services sont affichés dans le texte avec un séparateur de points intéressant entre le titre et la description. La section portfolio montre des images avec des superpositions. Cette section utilise des diviseurs de section ondulés et un fond gris qui se démarque juste assez du reste de la mise en page. Plusieurs autres sections utilisent cette conception mais avec des arrière-plans bleus. J'aime la section avec des logos clients extra larges. Ils sont affichés en gris foncé sur quatre colonnes.

Visitez le site Web

3. Swish

Ce site a été soumis par Daniel Neumann. Le site affiche un arrière-plan plein écran avec une superposition bleu foncé et un CTA en texte blanc sur un côté. Les services sont affichés dans des textes de présentation avec une ombre de boîte et des icônes animées. Le motif de fond est vu à travers le texte de présentation. Le survol intensifie l'effet d'ombre de la boîte pour qu'elles se démarquent et rend le texte de présentation entièrement opaque. Plusieurs sections à deux colonnes alternent leurs mises en page avec du texte d'un côté et des images de l'autre côté. Le texte de ces sections affiche des icônes animées et du texte en surbrillance. La page de tarification fait un excellent usage d'un design bleu et blanc simple avec des tableaux de tarification blancs. J'aime la lueur rouge des boutons du tableau des prix. Les reflets rouges apportent juste ce qu'il faut de couleur et ressortent parfaitement.

Visitez le site Web

4. Instruments HH

Ce site a été proposé par Mathias Rue. Le site utilise un fond dégradé orange à rouge avec des icônes pour créer une conception technique. La superposition affiche des informations sur l'entreprise, des boutons et une fonction de recherche d'un côté et un formulaire de contact de l'autre. Le menu déroulant comprend un bouton pleine largeur vers la page de contact. Les logos des partenaires sont affichés dans un curseur avec un lien vers la page du fournisseur. Les Blurbs sont utilisés pour les liens vers des services et des informations. Ils incluent des images en 2 couleurs sous forme d'icônes et ils ont une bordure intéressante pour faire ressortir les textes de présentation. Une section pour les références utilise un design similaire mais elles sont beaucoup plus grandes et incluent les logos des clients pour les images. Le design est également utilisé pour la section blog. La mise en page comprend également des articles intégrés de LinkedIn sur le même fond que la section héros.

Visitez le site Web

5. Studio d'animation QI

Ce site a été soumis par Saurabh Patil. La section héros montre le slogan, les informations et le CTA d'un côté et un graphique animé de l'autre côté sur un fond dégradé bleu foncé. Le graphique animé est amusant à regarder. Je veux un de ces distributeurs de café. Un bleu encore plus foncé est utilisé pour le reste des fonds et pour les boutons. Quatre colonnes de textes de présentation affichent des icônes animées avec un titre. Ils utilisent un fond bleu foncé et une bordure grise juste assez claire pour se démarquer les uns des autres. En survolant l'un des textes de présentation, l'arrière-plan devient orange. Des conceptions similaires sont utilisées pour d'autres textes de présentation qui fournissent des informations. Une section intéressante à propos présente une animation sur des illustrations sympas en parallaxe. Les pages montrent également une animation de chargement sympa.

Visitez le site Web

6. Mademoiselle maternelle

Ce site a été soumis par Chris Cadalzo. Le site affiche un logo extra-large au centre, sous le menu. La section suivante utilise des séparateurs de section ondulés pour le haut et le bas - chacun avec un design différent et dans plusieurs nuances de la couleur d'arrière-plan. Cette section affiche également les sujets sous forme d'images carrées qui effectuent un zoom arrière et modifient leur bordure au survol. Une section pour les ressources et la section blog (mais avec des images plus hautes) utilisent ce même design. Une section à propos montre le propriétaire du site dans une image encerclée et le même style de police scripté que le logo. Le formulaire d'inscription montre le billet de faveur avec la police scriptée pour le titre. Le blog et la barre latérale sont également conçus pour correspondre à la conception de la marque du site.

Visitez le site Web

7. Delmain

Ce site a été soumis par Jake Braught. Un arrière-plan vidéo joue derrière la superposition avec le slogan. Le défilement révèle des icônes multicolores pour les services à des types spécifiques de clients. Une section similaire de services s'affiche en bas de la page. Un témoignage s'affiche en pleine largeur sur un fond vert avec des séparateurs de section inclinés. Cette section se démarque parfaitement. Une plus grande section de témoignages apparaît au bas de la mise en page dans plusieurs colonnes avec des couleurs et des images stylisées en alternance. Plusieurs sections montrent les histoires des clients avec une vidéo et des statistiques intégrées en gros texte et un lien pour plus d'informations. Les images des vidéos montrent les sites Web sur plusieurs appareils. L'approche du pied de page commence par une montagne en parallaxe derrière une découpe de montagne, un formulaire de contact avec des diviseurs de section inclinés et une section qui affiche les logos des sites d'examen avec un compteur de statistiques.

Visitez le site Web

8. Supa International

Ce site a été soumis par Ben Dale. Il s'agit d'une conception de 2 pages. Les étiquettes des produits sont affichées en arrière-plan en parallaxe avec un slogan et un CTA en superposition. La section suivante affiche des informations détaillées d'un côté dans une police plus petite et une déclaration abrégée dans un texte plus grand de l'autre. Les deux sections suivantes montrent des images des produits avec des titres et du texte. Les images sont décalées verticalement les unes par rapport aux autres, donnant au design un style visuel intéressant. Les services sont affichés avec des images qui incluent des superpositions avec des titres et du texte numéroté. D'autres produits sont affichés dans la grande galerie à 4 colonnes. Ce site fait un grand usage du texte et des images des titres de grande taille.

Visitez le site Web

9. Héros pour vous

Ce site a été soumis par Bram Chauvin. Ce site fait un usage intéressant des graphiques. La section héros utilise un diviseur de section supérieure qui stylise réellement l'en-tête. Le texte du titre est grand et affiche un slogan et plusieurs boutons. L'arrière-plan s'affiche en véritable parallaxe et comprend des nuages ​​qui sont recouverts par le diviseur de section de nuage de la section suivante. Les Blurbs affichent les services à l'aide de graphiques encerclés. Les boutons dans les textes de présentation chevauchent le texte de présentation. J'aime le CTA qui montre un grand graphique d'un smartphone de super-héros. Le pied de page est également intéressant. Il montre un fond graphique en vraie parallaxe avec un diviseur de section incliné et un contact CTA dans la superposition. Le blog suit le même design et utilise les éléments d'en-tête et de pied de page.

Visitez le site Web

10. VS & Assembler

Ce site a été soumis par MJ Swart. Ce site fait un usage intéressant d'éléments graphiques et de gros blocs pour créer la mise en page. La section des héros utilise un fond sombre avec des blocs de couleurs, des points et du texte vertical différents pour créer des motifs visuels. Ces modèles suivent le reste de la mise en page. Les sections suivantes utilisent une mise en page à plusieurs colonnes avec des blocs de couleur pour les arrière-plans, des titres stylisés, des titres extra larges et des curseurs pour afficher leurs services, des informations sur l'entreprise, l'expérience, la culture, les bureaux, etc. Cliquer sur le lien de contact dans le menu ouvre un formulaire de contact dans le menu. J'aime l'utilisation de la couleur, du texte et des curseurs dans ce site.

Visitez le site Web

En clôture

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