Il est temps de revoir notre présentation mensuelle de Divi, où nous allons jeter un coup d’oeil aux dix grands sites Divi produits par les membres de notre communauté. Chaque mois, nous présentons les meilleurs sites Divi soumis par la communauté et aujourd’hui, nous aimerions partager avec vous les 10 meilleurs sites du mois de décembre. Dans cet article, je vais souligner quelques – unes de mes caractéristiques de conception préférées qui m’ont attiré à visiter chaque site Web. J’espère que tu les aimes bien! Divi Design Showcase: nouvelle proposition pour décembre 2019 1. Structure en verre faite à la main
Le site est présenté par Stuart hinston. La vidéo en plein écran est jouée en arrière – plan avec une superposition foncée qui met en évidence le texte. Les superpositions comprennent des logos et des menus avec des CTS, des titres, des slogans, des descriptions et des boutons. Défilez pour afficher un titre fixe et une image de fond parallaxe réaliste similaire. Les services et les informations sont affichés sous forme de barres minces avec des graphiques. Le CTA affiche une image circulaire d’un côté avec une parallaxe réelle. Il est recommandé que le curseur place le texte sur l’image de fond comme exemple de travail. Ces services affichent de grandes images au moyen de textes et de boutons. J’aime la partie projet. Utilisez des séparateurs latéraux élégants et des effets d’échelle d’image pour afficher les éléments dans une disposition Multi – colonnes. J’aime aussi les formulaires de contact qui utilisent des champs de la même taille.
Accès au site Web 2. Creative claire
Accès au site Web 2. Creative claire
Le site est fourni par claire Gallagher. La section Hero présente un manuel du CTA avec un fond chaud et aide à décrire tout le contenu du site. La section suivante montre une autre Dec qui contient des photos du propriétaire du site, suivies d’une preuve graphique. Les billets de blog sont affichés en italique dans la section images et titres ci – dessous. Cela crée un design propre avec beaucoup d’espace blanc. J’aime la façon dont ils se démarquent. Une zone économique spéciale
La lettre de recommandation a été conçue de la même façon, mais contient plus de texte. La page se termine par un appel complet. Les pages de blog suivent le même design propre que la Section Blog de la page d’accueil. La page travailler avec moi a été créée pour les clients potentiels et comprend un design unique pour les formulaires de réservation et les listes de prix. Ces projets suivent la même conception que les billets de blog.
Accès au site Web 3. Milieu nouvellement enflammé
La lettre de recommandation a été conçue de la même façon, mais contient plus de texte. La page se termine par un appel complet. Les pages de blog suivent le même design propre que la Section Blog de la page d’accueil. La page travailler avec moi a été créée pour les clients potentiels et comprend un design unique pour les formulaires de réservation et les listes de prix. Ces projets suivent la même conception que les billets de blog.
Accès au site Web 3. Milieu nouvellement enflammé
Le site est fourni par Nicole – Marie zinnanti. Il s’agit d’une conception de page qui se trouve dans les sections du menu. Le site commence par un titre en plein écran, suivi d’un grand nombre de grandes images en noir et blanc, de gros textes et de jaunes. Plusieurs sections contiennent des images qui suivent cette conception. La section suivante affiche des informations complètes sur la largeur. Le service est affiché dans un bloc de texte numéroté avec un grand titre, une description et un séparateur. La lettre de recommandation comprend également un grand titre et suit la conception minimale. La section information poursuit la conception minimale avec un grand titre, du texte et des séparateurs, suivie d’une section similaire se terminant par un lien minimal.
Accès au site Web 4. Hilltop Credit partner
Accès au site Web 4. Hilltop Credit partner
Le site est présenté par Rolando S. buza. La section héros joue une vidéo derrière le titre et le slogan et passe à la section suivante avec un séparateur partiel dans le style. La section suivante montre plusieurs Dec dans la disposition alternative. Le premier CTA affiche une image avec un grand titre, une brève description et des boutons, tandis que le second CTA comprend deux boutons. Le curseur de blog Full Width affiche l’image de premier plan presque en plein écran. Voici une section sur le propriétaire qui contient une image et une citation. J’aime utiliser Bo pour afficher la section information du message
Le Rdo est stylisé sur une image de fond foncée. Le formulaire de contact utilise une forme miroir et contient un fond solide. D’autres pages suivent une conception similaire, mais ajoutent beaucoup d’informations de support au dessin. La page de blog a ajouté une barre latérale de style pour afficher les annonces. J’aime aussi la conception de ce billet de blog, sa mise en page concise et son grand texte.
Accès au site Web 5. Hébergement Insight
Le Rdo est stylisé sur une image de fond foncée. Le formulaire de contact utilise une forme miroir et contient un fond solide. D’autres pages suivent une conception similaire, mais ajoutent beaucoup d’informations de support au dessin. La page de blog a ajouté une barre latérale de style pour afficher les annonces. J’aime aussi la conception de ce billet de blog, sa mise en page concise et son grand texte.
Accès au site Web 5. Hébergement Insight
Le site Web est fourni par Steve Doig. Il est très beau d’utiliser une grande quantité de rose chaud accrocheur comme couleur de mise en évidence principale pour le texte et le revêtement. La section héros montre un avion volant hors de l’écran avec un CTA de l’autre côté de l’écran. L’avion lui – même et le CTA se sont fanés et sont devenus roses. La section plan affiche les plans et les prix dans le bloc. Ils incluent l’animation lorsque vous déplacez la souris rose. La CTA pleine largeur montre un guépard rose au milieu avec du texte d’un côté et un jeu d’échecs et du texte avec des éléments roses de l’autre. Plusieurs sections montrent les avantages de blurbs. L’une de mes sections préférées est la section sur le type d’activité dont vous avez besoin. Ces images sont affichées dans une grille de 5 colonnes avec des superpositions alternantes. Lorsque vous déplacez la souris et supprimez la superposition, l’image se rétrécit. Le menu au bas de la page est également intéressant. Affiche les titres, chacun avec la première lettre stylisée.
Accès au site Web 6. Collen Herrera
Accès au site Web 6. Collen Herrera
Le site est présenté par Edgar Herrera. Le site utilise de nombreuses couleurs douces pour attirer le public. La section héros affiche une image en plein écran avec le CTA d’un côté et le propriétaire de l’autre. Puis il y a un registre de courriels exquis avec des images d’un côté et des instructions de l’autre. Les images avec des bordures de style fournissent des liens vers diverses pages d’information
Une description d’un côté, une description de l’autre. Une consultation complète de l’OTC est suivie d’une Section d’information qui correspond à la conception du produit au premier plan. La page produits affiche les produits avec des titres pop – up et contient une liste à puces des fonctionnalités. Une page de service intéressante. Il montre de nombreux graphiques de produits et montre les avantages de l’introduction.
Accès au site Web 9. Laboratoire de construction
Une description d’un côté, une description de l’autre. Une consultation complète de l’OTC est suivie d’une Section d’information qui correspond à la conception du produit au premier plan. La page produits affiche les produits avec des titres pop – up et contient une liste à puces des fonctionnalités. Une page de service intéressante. Il montre de nombreux graphiques de produits et montre les avantages de l’introduction.
Accès au site Web 9. Laboratoire de construction
Le site est présenté par Misha Groen. Affiche une seule page plein écran contenant des liens tels que du texte et des flèches pour la navigation. L’écran est délimité en diagonale avec un fond blanc sur le côté titre et lien et un fond jaune sur le côté description. Lorsque vous déplacez le curseur de la souris, le titre est dessiné à l’écran. Passez le curseur sur le lien pour afficher l’effet de zoom. Cliquer sur l’un des liens ouvre une page dont le titre suit la conception de l’écran principal. La page Portfolio ajoute un filtre qui correspond à la conception du site et affiche des images dans la grille, y compris des animations et des titres en vol stationnaire. La page de l’équipe affiche un modèle à trois colonnes avec une image de l’équipe d’un côté, un curseur personnel au milieu et un module de l’autre. La page d’information montre des graphiques à la mode du travail qu’ils font. C’est un design simple, intéressant et unique.
Accès au site Web 10. Vieillissement ultérieur
Accès au site Web 10. Vieillissement ultérieur
Le site est fourni par nicoleprincipe. Le site utilise bien l’orange et le vert, et très peu d’autres couleurs sont ajoutées à la mise en évidence supplémentaire. Il y a un CTA dans son Sous – menu. La section Hero affiche une image de fond en plein écran sous une parallaxe réelle, avec une simple couverture CTA. Les liens de page sont créés en utilisant des blocs de couleur et de texte dans une section mince et pleine largeur. Différents CT