Divi Design Showcase : nouvelles soumissions à partir de septembre 2020

C'est à nouveau l'heure de notre Divi Showcase mensuel, où nous jetons un coup d'œil à dix sites Web Divi incroyables 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 septembre. 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 septembre 2020

1. Eitan

Ce site a été soumis par Kelsey Specter. Il comprend de nombreuses photos élégantes, du texte doré et des reflets dorés pour plaire au public cible. Le texte et les graphiques dorés fonctionnent parfaitement sur les arrière-plans clairs et sombres, notamment le blanc, le noir et le beige. Un ensemble de textes de présentation qui montrent leur approche a des icônes animées. Cette section a une bordure stylisée avec des graphiques d'angle. Le menu hamburger affiche des lignes de différentes largeurs et épaisseurs. Le menu de navigation s'ouvre pour révéler un fond noir et des reflets dorés. Une galerie affiche des images de produits qui lisent la vidéo dans une lightbox lorsque vous cliquez dessus. J'aime particulièrement la page de témoignage avec deux colonnes en alternance.

Visitez le site Web

2. Parlez avec Debbie

Ce site a été soumis par Michal Teska. Il a une mise en page propre avec une attention particulière portée aux choix de police et de couleur. Les polices se démarquent correctement et les reflets rouges donnent au site un design équilibré. Les informations sur les cours sont affichées dans les cartes. Ils incluent des effets de survol et l'option la plus populaire est mise en évidence avec une bordure rouge et du texte en haut. Une demande d'informations fournit le formulaire sur une image d'arrière-plan avec une superposition verte. J'aime aussi la section des critiques qui affiche un curseur de témoignage avec des reflets rouges. C'est simple mais fonctionne parfaitement avec le design du site.

Visitez le site Web

3. L'écrivain ridé

Ce site a été soumis par Julie Rick. Celui-ci utilise un design épuré qui alterne entre les arrière-plans beige et blanc et comprend des reflets rouges partout. Les surbrillances rouges s'étendent même à l'appel à l'action dans le menu, la barre de défilement et le bouton de retour en haut. Un ensemble de textes de présentation décrit les besoins du visiteur et modifie les services fournis en survol. Une autre section affiche des informations sur le propriétaire du site avec un dessin animé du propriétaire d'un côté et des puces et des icônes personnalisées de l'autre côté. Une section du travail affiche les logos des clients avec un titre et une description. Les projets présentés sont affichés dans un curseur. J'aime aussi la mise en page du blog à une seule colonne avec les images présentées d'un côté.

Visitez le site Web

4. DuoGeeks

Ce site a été soumis par Lovish Gulati. Il utilise un dégradé bleu et violet partout avec des reflets verts ou rouges pour donner au design une sensation ludique et excitante. La section héros affiche à la fois un formulaire de courrier électronique et un formulaire de devis et trouve toujours un moyen de les garder clairs et faciles à comprendre. Un appel à l'action comprend du texte d'un côté sur un dégradé et un ensemble de textes de présentation de l'autre côté avec des graphiques qui créent une mosaïque. J'aime la section avec des exemples qui affiche le travail dans une fenêtre qui défile au survol. Les témoignages sont placés sur un fond dégradé et incluent le dégradé lui-même. Il a beaucoup de CTA qui sont bien placés tout au long de la mise en page. La page boutique se démarque également ainsi que les pages produits qui suivent un design similaire.

Visitez le site Web

5. Les non-conformistes

Ce site a été soumis par Flavio Mester. Il utilise beaucoup d'arrière-plans noirs ou rouges avec un grand texte blanc pour créer un design audacieux qui se démarque et avec un look professionnel. La section héros affiche un curseur en plein écran avec un slogan qui reste en place et un menu rouge et noir avec un logo qui se chevauche. Le menu déroulant suit le même design avec un fond rouge et une bordure noire. Une section avec l'horaire utilise du noir d'un côté et du rouge de l'autre avec des boutons pour voir l'horaire ou s'inscrire. Les dernières nouvelles sont affichées sous forme de texte dans une grande boîte avec une bordure épaisse. La page de la galerie contient des publications Instagram sur une grande image d'arrière-plan. Ce site fait un excellent usage de la couleur et des polices.

Visitez le site Web

6. Montagne Vida

Ce site a été soumis par Megan Dorien. La section héros affiche une image pleine largeur de la zone et comprend un CTA et des informations de contact dans le menu. Des images de feuilles sont utilisées comme éléments d'arrière-plan tout au long de la mise en page. Les suites sont présentées sous forme de cartes dans une disposition à plusieurs colonnes et se transforment en une photo différente au survol. Une carte dans la mise en page comprend des informations de contact. Un CTA intéressant affiche une boîte avec du texte et un autre CTA par-dessus avec des coins arrondis et un fond rouge pour se démarquer. J'aime la conception de l'information avec une galerie d'un côté et du texte superposé de l'autre dans une mise en page alternée. Une galerie est créée à partir d'un flux Instagram.

Visitez le site Web

7. Dr Evelyn Vinocur

Ce site a été soumis par Gui Vino. Celui-ci utilise un texte de grande taille, un arrière-plan beige, des reflets roses et jaunes et une mise en page axée sur le mobile. La section des héros comprend un dessin du propriétaire du site sur des graphiques d'arrière-plan tachetés. La plupart des éléments affichent une surbrillance rose. La liste des traitements s'affiche avec un grand texte séparé par un intercalaire. Les images s'affichent dans des cadres larges. La section sur la mission affiche un graphique dans un cadre photo sur un dégradé avec un message simple. J'aime particulièrement la section sur son fonctionnement. Il affiche des informations des deux côtés avec un graphique au centre suivi des informations de contact. Cette section est placée sur un dégradé d'arrière-plan qui comprend un séparateur de style qui change l'arrière-plan en une nouvelle couleur.

Visitez le site Web

8. Le Spa du Village

Ce site a été soumis par Paulina Ritchie. Il utilise des nuances douces de gris et un orange tanné, des polices élégantes et des photographies pour attirer le public cible. La section des héros montre une image en plein écran avec la réservation de CTA. Plusieurs CTA pleine largeur affichent les produits d'un côté et le texte de l'autre sur une image d'arrière-plan qui se fond dans l'image des produits. D'autres CTA affichent de grandes images d'un côté et le texte de l'autre dans une disposition alternée. Les traitements affichent des informations dans des onglets stylisés. Les rendez-vous sont pris via un formulaire intégré. Les bons cadeaux sont achetés via un formulaire stylisé avec des éléments graphiques qui correspondent au site. Ce site fait un usage élégant de la photographie.

Visitez le site Web

9. Créateur2Site

Ce site a été soumis par Createur2Site. Les effets de défilement de ce site sont hors de ce monde et il fait l'utilisation la plus intéressante d'un curseur de souris que j'ai vu. Le curseur de la souris est un point extra-large qui affiche les couleurs opposées de la zone (jusqu'au niveau du pixel) sur laquelle il survole. La section des héros affiche un fond noir avec un graphique circulaire et un slogan au centre. Le défilement zoome vers le centre et fait défiler la section suivante vers le haut. Au fur et à mesure que vous continuez à faire défiler, le centre effectue un zoom arrière pour devenir l'un des éléments graphiques à l'écran. Un autre effet de défilement coupe un mot en deux tandis que d'autres effets de défilement animent les séparateurs de section, font défiler les mots au survol, ouvrent des éléments graphiques et bien plus encore. Les effets de défilement ne gênent jamais la convivialité du site.

Visitez le site Web

10. Nous sommes des concepteurs de sites Web

Ce site a été soumis par Justine Carter. Il utilise un arrière-plan beige clair avec des reflets orange foncé et des arrière-plans bronzés plus foncés. Des couleurs plus vives sont ajoutées avec des images pour les services, les logos des clients et les images du portefeuille. La section des services place le titre sur un motif de fond intéressant. Les images des services chevauchent le modèle. Les liens sociaux sont placés verticalement sur le côté droit. Les polices utilisées pour les titres sont de grandes lignes élégantes qui s'harmonisent parfaitement avec la couleur du site et donnent au site une impression d'élégance. J'adore le design du blog. Il inclut le motif d'arrière-plan dans le titre et les articles de blog affichent l'image en vedette avec leur titre sous l'image avec un fond beige.

Visitez le site Web

En clôture

Ce sont nos 10 meilleures soumissions de sites Web Divi communautaires pour le mois de septembre. Ces sites sont incroyables 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 avoir de vos nouvelles 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 Jemastock / shutterstock.com