Divi Design Showcase : nouvelles soumissions à partir de juin 2019

C'est à nouveau l'heure de notre Divi Showcase mensuel où nous jetons un coup d'œil à 10 sites Web impressionnants de Divi 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 nous souhaitons aujourd'hui partager avec vous les dix meilleurs sites Web du mois de juin. 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 juin 2019

1. Marie Bouzkova

Ce site a été soumis par Michal Teska. Il s'agit d'une conception d'une page qui utilise un menu de navigation uniquement pour le titre et les liens vers les réseaux sociaux et place le menu au bas de la page. Le menu reste en place pendant que vous faites défiler. La section des héros montre une grande image du propriétaire du site d'un côté sur l'arrière-plan en plein écran. Le nom et les statistiques sont placés de l'autre côté. Les titres de chacune des sections affichent un gros texte derrière le titre. Career Highlights montre des images qui se chevauchent d'un côté avec les faits saillants dans des textes de présentation de l'autre, suivis d'une vidéo intégrée. Les images sont affichées dans la galerie de maçonnerie et s'ouvrent dans un curseur plein écran. La section Équipe montre des portraits de l'équipe avec un motif d'arrière-plan. La section Suivre comprend des flux Facebook et Twitter intégrés. Le site fait un usage intéressant de la couleur et du texte.

Visitez le site

2. MWS numérique

Ce site a été soumis par Kaelynn Midgley. Il a une page de destination propre avec un accent sur les appels à l'action. L'en-tête affiche les informations principales au centre de la page avec le logo, le slogan et le CTA. Un graphique avec le CTA pour leur approche chevauche la section suivante. Une section à 2 colonnes affiche une image sur mobile dans une colonne avec du texte dans l'autre colonne. Les prochaines sections suivent cette conception et alternent vers le bas de la page. La section blog affiche des images carrées avec des superpositions sombres et du texte, créant un design épuré et élégant. J'aime la section des liens vers les services. Il montre le service en gros caractères qui est lié à chaque service. Ce site fait un usage élégant de la couleur et des mises en page.

Visitez le site

3. Una Papaye

Ce site a été soumis par Andrea El-Bardawil. Le site est une conception d'une page qui utilise de nombreux arrière-plans de parallaxe avec des images sur un motif d'arrière-plan. Le premier plan affiche des images qui interagissent avec les arrière-plans lorsque vous faites défiler. Le premier plan comprend un grand texte qui décrit la section suivante. Les informations sont fournies dans des textes de présentation avec des graphiques appropriés. Une section numérotée affiche des informations avec un CTA. Des exemples des derniers travaux sont affichés dans un curseur avec une description et un lien sur un fond rouge gras. Ce site fait un grand usage du thème des fruits, des images de parallaxe et des couleurs rouge et orange audacieuses.

Visitez le site

4. Citron vert frais

Ce site a été soumis par Josh Allan. Le site utilise le vert citron comme couleur de marque dans les graphiques tels que les icônes, le logo et le menu CTA (après défilement), ainsi que les boutons et le texte, et le bleu pour les arrière-plans et les boutons. La section des héros montre un motif de fond intéressant de diverses nuances de bleu foncé avec un graphique de bâtiments avec des personnes. Le premier plan affiche le titre, le slogan et le CTA. Les services sont décrits dans des textes de présentation avec des icônes vertes. Une autre section affiche des informations d'un côté avec un graphique d'un bâtiment et des personnes de l'autre côté qui correspond à la section des héros. Chacune des pages fait un excellent usage des graphiques et des arrière-plans à motifs.

Visitez le site

5. Ranch sur la rivière

Ce site a été soumis par Kelsey Specter. Il utilise un logo extra-large qui chevauche le menu et la section suivante. Le menu apparaît suffisamment bas sur l'écran pour qu'une partie de l'image principale apparaisse au-dessus. L'image pleine largeur montre l'emplacement et utilise le ciel dans l'image pour placer le texte du titre. Un CTA de newsletter apparaît sous celui-ci en utilisant une police scriptée comme titre qui ressemble à une écriture manuscrite. Les images sont utilisées comme liens vers des pages d'informations. Plusieurs sections affichent des cartes ou des images d'un côté et du texte de l'autre pour décrire les emplacements ou fournir des informations. Les différentes pages montrent des images pleine largeur des emplacements et utilisent des graphiques dessinés à la main ou des images satellites pour les cartes. Les couleurs des arrière-plans et du texte correspondent parfaitement au thème du ranch.

Visitez le site

6. Eden River Equestre

Ce site a été soumis par Salma Sheriff. Il comprend une barre de menu supérieure avec des liens de compte, une grande zone de logo, puis la navigation principale avec un fond bleu plus étroit que le reste du site. L'image d'arrière-plan principale affiche un slogan et un CTA de boutique dans une superposition. Les en-têtes sont soit verts, soit bruns pour s'adapter à la conception du site. Un CTA Facebook décrit le groupe dans une case colorée qui se démarque. Il utilise une image encerclée et un bouton qui renvoie au groupe. Une section sur le podcast utilise des images avec des titres pour créer un lien vers les derniers épisodes. Une autre section qui se démarque est un ensemble de textes de présentation avec des images encerclées qui renvoient aux différentes pages, qui suivent un style similaire à celui de la page d'accueil. Les couleurs du texte et des surlignages s'harmonisent bien avec le design du site.

Visitez le site

7. Avenue des Lions

Ce site a été soumis par Ricky. Le site est une conception d'une page qui utilise à la fois des couleurs sombres et atténuées pour donner un look stylé. Les reflets bleu clair sont utilisés pour les titres, les arrière-plans et les bordures. La section héros affiche le slogan avec un ensemble de CTA suivi d'un grand logo. Une section d'informations montre une image du propriétaire du site d'un côté dans une image stylisée avec les informations présentées de l'autre côté dans une zone plus grande avec le titre, une police scriptée et les informations elles-mêmes présentées dans une boîte avec une bordure stylisée qui chevauche l'image. Ce même titre et la même conception de police scriptée sont utilisés pour introduire plusieurs sections sur le site, y compris les sections de portfolio qui montrent des images de projets sous forme de cartes. Les couleurs, les polices et les séparateurs angulaires contribuent à donner à ce site un design propre et intéressant.

Visitez le site

8. Traite plus

Ce site a été soumis par DJ WHEELER. Le site utilise un schéma de couleurs noir, blanc et beige pour aider à créer un design épuré. Le texte du menu est plus grand que la normale avec beaucoup d'espace entre les liens. La section héros affiche une image associée dans des séparateurs ondulés pleine largeur et extra-larges avec transparence pour se fondre dans la section suivante, qui affiche un grand texte noir sur un fond blanc. Une autre image pleine largeur se mélange avec la section précédente et suivante, qui comprend de gros boutons pour les catégories de magasins suivis d'un ensemble de produits. Plusieurs sections fournissent des informations avec des images et des boutons ou des textes de présentation et des icônes. Chaque section garde les informations courtes et simples. Les sections témoignages et newsletter suivent le même design simple. Ce site fait un excellent usage des espaces blancs et de la typographie.

Visitez le site

9. Pro photo en ligne

Ce site a été soumis par Eugène Dimov. Le site utilise une conception de chronologie pour séparer les sections. Une image plein écran montre le titre et le CTA. Les grandes sections comprennent de grandes rubriques qui se trouvent derrière les titres. Les titres glissent lentement en place pendant que vous faites défiler. Chaque section est numérotée avec un bloc de couleur et un numéro avec une ligne verticale. Les chiffres se mettent en place au fur et à mesure que vous faites défiler. Les sections plus petites ont des titres verticaux qui apparaissent sur les côtés de l'écran. Les sections elles-mêmes incluent des CTA en alternance avec du texte et des images. J'adore la mise en page de la page Galerie. Il montre l'image d'un côté avec une bordure épaisse et les informations du photographe de l'autre côté et des boutons pour acheter ou imprimer l'image. La page Contact affiche le formulaire de contact sur un tableau suspendu au plafond. Le formulaire se trouve à côté d'un curseur d'image. Le plateau sur lequel ils sont placés est au-dessus d'un mur de briques. Le site fait un grand usage de la typographie et de la photographie.

Visitez le site

10. Laboratoires Haïko

Ce site a été soumis par Rui Silva. La section héros affiche un grand motif de fond orange avec un CTA et des images inclinées dans la superposition en parallaxe. La section a un diviseur incliné qui se fond dans la section suivante. Au fur et à mesure que vous faites défiler, les produits sont affichés d'un côté avec des descriptions de l'autre et ils alternent vers le bas de la page. Certaines images chevauchent des éléments d'arrière-plan. Une autre section d'informations intéressante utilise un bloc avec un fond noir qui occupe la majeure partie de l'écran et se trouve d'un côté. Au fur et à mesure que vous faites défiler, l'arrière-plan qui s'affiche se fond dans l'image en dessous. Les CTA se distinguent par des couleurs vives sur fond noir. Ce site fait un excellent usage de la couleur et de la photographie.

Visitez le site

Conclusion

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