Divi Design Showcase : nouvelles soumissions à partir de juillet 2019

C'est à nouveau le temps 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 aujourd'hui, nous souhaitons partager avec vous les dix meilleurs sites Web du mois de juillet. 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 juillet 2019

1. Enash

Ce site a été soumis par Nicolas. Le site utilise beaucoup de texte extra-large pour le titre et pour les appels à l'action. La section héros affiche un grand fond vert avec le titre et le slogan. Une ligne de texte informe l'utilisateur de faire défiler. Le défilement révèle une section à deux colonnes. La gauche montre un CTA avec un texte de grande taille et un bouton en bloc extra-large. La droite montre une image en vraie parallaxe. Une autre grande section affiche des informations sur leurs services en utilisant un grand texte pour présenter la section et les textes de présentation pour chaque service. Une autre grande section montre les noms des clients suivis d'un pied de page révélateur qui comprend des informations de contact et un menu. J'aime le design de la page Projets, qui utilise de grandes superpositions colorées avec une opacité élevée sur les images en parallaxe.

Voir le site Web

2. Ljuba – Riflessi Digitali

Ce site a été soumis par Ljuba. Il affiche une image plein écran du propriétaire du site d'un côté avec le titre et le logo de l'autre. Sous l'image du héros se trouve une fine section pleine largeur avec un slogan dans une police scriptée et un formulaire d'inscription par e-mail. Une section à propos présente le propriétaire avec un CTA suivi de plusieurs CTA avec beaucoup de couleurs douces, des polices scriptées et des graphiques élégants. La section blog affiche les articles avec une petite superposition qui inclut le titre du blog. Un simple formulaire de contact se trouve sur un fond à motifs. Le pied de page comprend un flux Instagram. J'aime la page portfolio. Il affiche les exemples sur des écrans d'ordinateur sur un bureau et inclut le titre dans une superposition en bas.

Voir le site Web

3. Mode de réussite

Ce site a été soumis par Aaron Robertson. Le site utilise beaucoup de couleurs vives, y compris les arrière-plans, les graphiques, les boutons, les titres, les liens et le CTA dans le menu. La section héros affiche une superposition sur une image en parallaxe. La superposition fournit des informations et des liens vers le produit d'un côté et des images stylisées du produit dans les appareils mobiles de l'autre. Les fonctionnalités sont affichées dans des textes de présentation utilisant des graphiques colorés sous forme d'icônes. Un CTA pleine largeur utilise un texte de grande taille, un grand graphique et un bouton en gras sur un fond sombre. Un autre CTA a un design similaire à celui de la section héros, mais utilise un seul graphique stylisé de l'application sur mobile. De nombreuses autres pages stylisent les modules Divi avec des couleurs vives similaires. J'aime particulièrement les modules audio avec des images de fond et des superpositions. Ce site fait un excellent usage de la couleur.

Voir le site Web

4. Eric Hooper

Ce site a été soumis par Ty Hooper. Il affiche un montage d'images comme arrière-plan de la section héros avec le logo et le slogan au centre dans une superposition. Une section sur toute la largeur suit, montrant une image d'un côté et des informations de l'autre. Une section de chapitres affiche les articles de blog dans une grille. Les chapitres eux-mêmes affichent une image de fond de papier vieilli avec du texte d'un côté et une image de l'autre. Le texte et les images alternent des emplacements tout au long du chapitre. Les boutons de navigation du blog incluent le logo du site. La page Images montre une galerie mur à mur, la page Documents est similaire mais ajoute des titres. La page Interviews comprend une combinaison de vidéos intégrées et d'images de documents dans une mise en page à plusieurs colonnes.

Voir le site Web

5. Hôtel Harmona Beach

Ce site a été soumis par George Paratsokis. Au fur et à mesure que le site se charge, un préchargeur du logo nous est présenté. Après le chargement, la section héros affiche une grande image d'arrière-plan avec une superposition qui couvre la majeure partie de l'image. Le titre et le slogan apparaissent à gauche de l'image dans une boîte animée partiellement ouverte d'un côté. La boîte, le logo, le texte du titre, les boutons, les icônes sociales et le CTA dans le menu sont un joli bronzage qui correspond à l'image de marque du site. Une section à propos affiche un lien avec un cercle qui s'anime pour souligner le texte au survol. Les chambres sont affichées dans des cartes avec le titre en bas de l'image. Au survol, une superposition apparaît sur l'image, le titre se déplace vers le centre, puis un lien Lire la suite apparaît. Un CTA pleine largeur affiche une superposition similaire à la section héros et dessine la zone autour du texte, chevauchant le bouton.

Voir le site Web

6. Site Web professionnel Bâle

Ce site a été soumis par Benny Hozjan. Il s'agit d'une conception d'une page avec de nombreux détails tels qu'un point violet qui suit les sections et met en évidence la section dans le menu, et une barre de navigation de style correspondant. La section des héros montre un arrière-plan à motifs avec des formes colorées avec un slogan au centre suivi d'un graphique qui chevauche la section suivante. Une section à propos montre comment cela fonctionne en utilisant des textes de présentation avec des icônes animées qui rebondissent même si vous ne les survolez pas. Plusieurs sections affichent des informations avec du texte d'un côté et des graphiques de l'autre. Les services sont affichés dans des textes de présentation qui incluent une animation de survol, des images, des titres et un point stylisé en bas. Un CTA pleine largeur affiche une courte ligne de texte en gros caractères avec un slogan plus petit d'un côté et un bouton animé de l'autre. Une section de logos clients utilise le même arrière-plan que la section héros, mais l'affiche en parallaxe pour créer un look différent.

Voir le site Web

7. Juste la réalité virtuelle

Ce site a été soumis par Reinhard Wedemeyer. Le site utilise beaucoup de rouge sur des arrière-plans sombres et clairs pour son image de marque. La barre du haut ajoute une FAQ et plusieurs liens sociaux. La section des héros affiche un arrière-plan plein écran avec un Cinemagraph pour mettre en évidence le produit d'un côté et le titre et le CTA de l'autre. La section suivante affiche des informations dans un texte de présentation et des images des produits dans des curseurs. Une autre section de textes de présentation comprend des icônes multicolores qui correspondent à l'image de marque du site. Un CTA pleine largeur affiche le texte et le bouton d'un côté sur un fond rouge avec un graphique du produit de l'autre. L'une de mes sections préférées montre 8 images plus petites des produits avec une description au milieu. Un formulaire de contact détaillé est placé sur l'image d'arrière-plan utilisée dans la section héros. Les pages de produits individuelles montrent le produit sur un fond rouge audacieux. Une fenêtre contextuelle CTA dans le coin vous guide vers la FAQ qui comprend une image du produit.

Voir le site Web

8. Nicolai Soerensen

Ce site a été soumis par Nicolai Soerensen. Il affiche une grande image d'arrière-plan avec une superposition et un CTA au centre. Le défilement révèle une section à deux colonnes avec un CTA d'un côté avec des boutons verts qui correspondent au CTA dans le menu et une image du bureau de l'autre. La page comprend plusieurs CTA similaires. Une section À propos affiche des informations d'un côté avec une image encerclée et une récompense de l'autre. Plusieurs sections de textes de présentation incluent des images tracées en vert qui correspondent à l'image de marque du site. Les études de cas sont présentées sous forme de grandes images avec un intercalaire, un titre et une description. Un bouton Lire la suite apparaît au survol. J'aime la section des logos gris dans une grille doublée qui n'est pas fermée sur les bords extérieurs. C'est un élément minimal qui a un grand impact. La page Marketing affiche des images client avec des statistiques détaillées.

Voir le site Web

9. Émerger

Ce site a été soumis par Christian Schick. Il affiche un fond vert avec un diviseur ondulé avec le CTA d'un côté et une image de l'autre qui chevauche la section suivante, qui montre une image et des informations détaillées. Les images sont inclinées les unes des autres et en diagonale pour créer un effet visuel intéressant. La section suivante affiche du texte d'un côté et des icônes de l'autre. Les icônes utilisent des arrière-plans unis avec des formes stylisées pour se démarquer. Les formes correspondent au logo. J'aime la section des projets. Chaque projet affiche une image à côté d'un bloc de texte dans une mise en page à plusieurs colonnes. Un module de texte se trouve au centre d'une section avec des séparateurs ondulés qui chevauchent la section suivante qui mène à un CTA, puis au pied de page stylisé avec un simple formulaire de courrier électronique sur un motif ondulé. Chacune des pages utilise un arrière-plan ondulé avec un dégradé dans la superposition du titre, qui comprend également des icônes et un slogan.

Voir le site Web

10. Les gens du matin

Ce site a été soumis par Lucy. La page d'accueil est une mosaïque d'images dans une disposition à plusieurs colonnes. Les images sont stylisées avec des superpositions artistiques et d'autres images recadrées ensemble. Les images des conférenciers renvoient à leurs pages personnelles. Survoler eux révèle une zone de texte avec leur nom et leur titre et une bordure verte sur deux côtés. D'autres images de l'entreprise sont utilisées pour remplir l'espace là où cela est nécessaire et ne renvoient à rien. La page des orateurs affiche de grandes images dans une grille avec des titres en dessous. Les pages personnelles fonctionnent comme des articles de blog et affichent une image plein écran suivie du contenu. Les citations dans le contenu sont en vert et correspondent aux liens de navigation du blog. Le contenu comprend trois colonnes avec un logo à gauche, le contenu principal au centre et des informations dans une barre latérale à droite.

Voir le site Web

En clôture

Ce sont nos 10 meilleures soumissions de sites Web Divi communautaires pour le mois de juillet. 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