Divi Design Showcase : Nouvelles soumissions à partir d'août 2019

Publié: 2019-09-01

C'est à nouveau le temps 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'août. 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'août 2019

1. Toiture matricielle

Ce site a été soumis par Christian McMinn. Il utilise une image d'arrière-plan en plein écran pour montrer le type de travail disponible et place un CTA dans la superposition. Les informations sur l'entreprise sont placées dans une mise en page à deux colonnes avec une image d'un côté et des puces de l'autre. Un bouton Lire la suite amène le lecteur à la page À propos de nous. Une section similaire à deux colonnes montre des témoignages avec un lien pour en savoir plus. Les services sont affichés dans des textes de présentation avec de grandes icônes monochromes. Plus de liens vers des informations sont placés dans les CTA avec des superpositions sombres. Le pied de page comprend une carte pleine largeur en noir et blanc qui ne défile pas par défaut. J'aime la page Color Guide qui montre la même maison avec des toits de couleurs différentes.

Visitez le site Web

2. Groupe Brightworks

Ce site a été soumis par Britt Baue. Un motif de fond sombre se trouve derrière le texte du titre en rotation. Un séparateur incliné sépare la section des héros de la suivante, qui affiche du texte vertical, un slogan et des services en texte vert gras qui zoome au survol. La section suivante affiche un fond gris avec des séparateurs inclinés pour le haut et le bas. Le grand texte conduit le lecteur dans le téléchargement du CTA. Une section pour les services comprend également du texte aligné verticalement pour le titre et affiche les services dans des textes de présentation. Un simple curseur de témoignage est introduit avec un grand titre. Une autre section inclinée montre les logos des clients. Une section de contact crée un CTA et fournit des informations de contact. J'aime la façon dont le logo est décalé par rapport au centre du menu.

Visitez le site Web

3. Île

Ce site a été soumis par Saskia Lund. Ce site comprend une image de fond en véritable parallaxe dans la section héros pour montrer les types de lieux de vacances disponibles. La superposition comprend un slogan dans une police scriptée et un champ de recherche avec un onglet où vous pouvez effectuer des recherches avancées pour des hébergements spécifiques. Des textes de présentation grands et minces avec des effets de survol montrent des images et une description des types de vacances à prévoir. Une section de promotions affiche les vacances dans un curseur. Chacune est une grande carte avec une image et une description et comprend des effets de survol. Une section de locations montre les emplacements dans une carte qui comprend l'image, la description et les informations. Les événements sont affichés dans un curseur plein écran. La section blog correspond à la conception de la carte haute et comprend également des effets de survol. La page Magazine affiche les articles dans les catégories dans une mise en page à plusieurs colonnes.

Visitez le site Web

4. Headshed

Ce site a été soumis par Gustav Espenes. Un CTA et un graphique sont placés sur un motif d'arrière-plan en véritable parallaxe. Le graphique comprend un bouton pour lire une vidéo dans une superposition contextuelle. Des graphiques similaires sont utilisés sur tout le site en tant qu'éléments dans les CTA, les textes de présentation et les arrière-plans. Le site comprend de nombreux séparateurs stylisés pour aider à créer les arrière-plans. Les Blurbs sont décalés les uns des autres pour créer un design vertical intéressant et ont des couleurs qui se fondent dans l'arrière-plan. Une section de questions affiche les réponses dans des bascules. Une autre section de présentations montre les avantages avec des icônes. Il comprend également un curseur de témoignage pleine largeur, les logos des clients et un formulaire de contact stylisé. J'aime les modules de personne à colonne unique pour les membres de l'équipe et la page de blog avec son design épuré.

Visitez le site Web

5. Émergez Richmond

Ce site a été soumis par Christian Schick. Ce site utilise de nombreux reflets verts ainsi que des diviseurs de section ondulés pour donner à la mise en page un design intéressant mais minimal. La section héros place un CTA d'un côté et un exemple de produit de l'autre qui chevauche le diviseur de section. La section suivante montre un produit similaire d'un côté avec des avantages de l'autre. Une autre section affiche des icônes avec un arrière-plan stylisé pour créer une fleur pour montrer les services. Les projets sont affichés dans une section à plusieurs colonnes avec une image d'un côté et la description de l'autre. Un témoignage est placé dans une boîte centrée sur l'écran et chevauche les diviseurs de section qui mènent au prochain CTA. Le pied de page personnalisé comprend également des séparateurs ondulés qui se chevauchent par un formulaire de newsletter. J'aime les reflets verts sur tout le site.

Visitez le site Web

6. Société des services du Sud

Ce site a été soumis par Mercedes Bugarin. La section héros comprend un texte glissant pour montrer les avantages du service. Il place un formulaire dans la section héros avec une sélection de service. Le formulaire utilise des coins arrondis d'un côté et chevauche l'image dans la section héros. La section suivante montre les services dans les textes de présentation qui incluent des coins et des ombres stylisés. Les logos des clients sont affichés dans un curseur. Suit une petite section avec des boutons sociaux et un bouton où les employés peuvent se connecter. Le menu comprend deux CTA différents. Les sections sont divisées avec des diviseurs ondulés. La page Services suit le même design et ajoute des bascules stylisées pour fournir des informations sur chacun des services. Les bascules comprennent des coins arrondis d'un côté pour correspondre à la forme. Les formulaires de demande de contact ont un design similaire et se distinguent par des ombres.

Visitez le site Web

7. Bungalow social

Ce site a été soumis par Kelsey Specter. La section héros montre le logo dans un coin avec des graphiques similaires dans plusieurs coins. Les graphiques de l'en-tête sont placés sur tout le site. L'information et un CTA sont placés d'un côté avec un graphique de l'autre. Le menu principal se trouve sous cette section et reste en haut de l'écran pendant qu'il défile jusqu'à ce point. Une section d'introduction montre une image d'un côté et un bloc de texte qui la chevauche de l'autre. Un CTA suit cela et comprend un bouton avec des angles qui changent en survol. Une section de blog affiche des articles avec des couleurs douces qui correspondent au site et comprend un texte scripté pour le titre. Un CTA pleine largeur utilise les mêmes couleurs et graphiques que l'en-tête et place le texte du titre scripté en arrière-plan. J'aime le design élégant de la page Blog qui utilise les mêmes couleurs et polices avec plusieurs mises en page.

Visitez le site Web

8. Descargar écuakaraoké

Ce site a été soumis par Jero Shannon. Celui-ci contient de nombreuses animations de dessins animés. La section des héros montre un dessin animé en arrière-plan avec un CTA en superposition. Un graphique chevauche le diviseur de section, qui mène à la section suivante avec des textes de présentation animés décalés verticalement les uns par rapport aux autres et suivis avec les diviseurs. Une image inclinée mène à la section suivante qui comprend un CTA d'achat et un lien vers le blog. Les critiques des étoiles chevauchent l'arrière-plan et fournissent un autre CTA. Une vidéo YouTube intégrée est inclinée. Ce site comprend de nombreux éléments et séparateurs angulaires, ainsi que plusieurs CTA avec des images ou des angles colorés.

Visitez le site Web

9. Des chiffres florissants

Ce site a été soumis par Kate Britton. Il comprend une tache de couleur dans l'arrière-plan et un curseur dans la superposition d'un côté. Le texte du curseur chevauche l'image du curseur et fournit des informations et des liens. Les commandes du curseur sont placées dans les coins supérieur gauche et inférieur droit. La section suivante utilise du texte multicolore et une autre tache d'arrière-plan pour fournir des informations. Les textes de présentation carrés avec des couleurs unies affichent des titres numérotés et changent de couleur au survol. Un autre CTA affiche une image d'un côté avec des taches de couleur et un CTA de l'autre. La section de réservation affiche le titre sur un fond uni et utilise une carte pour sélectionner l'emplacement. Un CTA de téléchargement place la description dans un bloc qui chevauche l'image. Celui-ci utilise beaucoup de couleurs vives qui ressortent bien.

Visitez le site Web

10. Défi de la tête de bloc

Ce site a été soumis par Keith Green. La section héros affiche un bloc en arrière-plan avec un filtre texturé pour la superposition. Le slogan utilise un texte extra-large. Le menu comprend deux boutons d'appel à l'action. L'image du bloc chevauche la section suivante, qui affiche un élément de texte pleine largeur pour afficher un titre d'un côté et un bloc de couleur de l'autre. Deux sections alternées montrent une image d'un côté et des informations de l'autre sur le fond texturé. Les prochaines sections CTA incluent des titres encore plus volumineux avec du texte en bloc qui est clair à l'intérieur. Certains chevauchent les sections. Les images chevauchent des arrière-plans texturés encore plus sombres. J'aime l'utilisation du vert, des images et des polices dans celui-ci.

Visitez le site Web

En clôture

Ce sont nos 10 meilleures soumissions de sites Web Divi communautaires pour le mois d'août. 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