Divi Design Showcase : Nouvelles soumissions d'octobre 2018

C'est à nouveau l'heure de notre Divi Showcase mensuel où nous jetons un coup d'œil à dix sites Web Divi géniaux 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 d'octobre. 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 d'octobre 2018

1. Informatique Orbicon

Ce site a été soumis par Janus Lock. Il a une animation intéressante qui joue comme une vidéo d'arrière-plan dans l'en-tête. Le bleu sur bleu correspond parfaitement à l'image de marque du site. La grande police d'en-tête fonctionne bien avec le thème technique. Au fur et à mesure que vous faites défiler, le texte aligné verticalement se trouve sur le côté gauche de l'écran, fournissant un lien vers la page d'accueil. La mise en page est claire et utilise des graphiques simples pour vous guider tout au long de leur processus. Chacune des pages est numérotée. Ces chiffres sont reflétés dans le menu plein écran. J'aime le design de la page d'archives, qui montre de gros blocs bleus avec du texte qui révèle des images derrière les superpositions au survol et la page des modules qui utilise des icônes pertinentes.

Visitez le site

2. Mode de croissance

Ce site a été soumis par Paul Preisler. Ce site utilise de nombreux graphismes plats et des espaces blancs supplémentaires pour créer une mise en page claire. La section comment cela fonctionne utilise également des graphiques plats. Les images utilisent des superpositions de dégradés pour les témoignages dans les deux grandes images avec du texte qui se chevauchent et dans l'image encerclée pour les modules de témoignage. J'aime la section des talents créatifs avec des séparateurs inclinés pour le haut et le bas, des images encerclées de plusieurs tailles avec des effets d'ombre et des lignes les reliant ensemble. Les images présentées sur le blog utilisent également les superpositions de dégradés. Les services sont affichés avec des cartes utilisant des puces vertes, des animations de survol et des effets d'ombre.

Visitez le site

3. Résolvez

Ce site a été soumis par Dmytro. Ce site utilise diverses nuances de bleu foncé pour créer des arrière-plans dégradés intéressants. L'en-tête est unique dans la façon dont il fournit un bloc avec des liens vers les services, le blog et les produits. Chacun des éléments du bloc comprend des effets de survol. Plusieurs sections utilisent des angles pour les diviseurs, certaines allant dans plusieurs directions. J'aime la section où ils discutent de leur portée. Il montre les logos de l'entreprise dans des cercles, les logos bougeant légèrement. Les services sont affichés dans des blocs simples avec juste une icône et un titre et des effets de survol pour la bordure. Des blocs similaires apparaissent dans le méga menu, mais ils utilisent des arrière-plans dégradés pour se démarquer. Des images similaires sont utilisées pour les catégories et les images présentées sur la page du blog.

Visitez le site

4. Fête du coq et du taureau

Ce site a été soumis par Ross Pope. Ce site utilise des couleurs vives et un design plat partout. Des graphiques d'arbustes et de mains décorent les bords de l'en-tête pour attirer l'attention sur le CTA au centre. Les graphiques éclairs aident à attirer l'attention sur le texte de la section suivante. J'aime la section multi-disposition avec des images qui incluent une bordure épaisse et un zoom au survol. Cette section a plus de graphiques d'arbustes qui chevauchent les images. L'inscription par e-mail utilise des bordures qui semblent dessinées à la main. J'aime aussi le pied de page qui montre des personnes en silhouettes de couleur unie. Les couleurs de ce site se démarquent vraiment. C'est un excellent exemple de la façon dont la couleur, les polices et les graphiques peuvent créer l'ambiance d'un site Web.

Visitez le site

5. Dressage de chien de promenade

Ce site a été soumis par Jeremiah Lloyd. La section héros montre une image et un appel à l'action dans un écran partagé qui configure la conception pour le reste du site. Les images utilisent des bordures couleur pêche foncé en 3D qui correspondent au style des boutons. Une autre image utilise une bordure bleue, qui rejoint les témoignages qui utilisent à la fois le bleu et le pêche foncé. J'aime les couleurs de fond qui alternent du blanc au beige clair. Les couleurs s'harmonisent bien avec les polices et les séparateurs pour créer un style élégant. Le blog suit également ce style mais ajoute une fine bordure aux cartes de blog. La barre latérale du blog est l'une des conceptions les plus propres que j'ai vues, fournissant des informations sur le blog qui ne deviennent pas gênantes ou qui sont trop faciles à ignorer.

Visitez le site

6. Woods Hole Tile Company

Ce site a été soumis par Nelson Miller. Il s'agit d'une conception d'une page qui utilise de nombreuses images avec des bordures 3D sur la page d'accueil avec des titres, du texte et des boutons qui se chevauchent pour afficher le contenu, créant ainsi une conception de carte de blog. Les images alternent au fur et à mesure que vous faites défiler et sont liées par des lignes verticales qui vous guident tout au long du processus et dans leur formulaire de contact dans le pied de page. Ceci est interrompu près du milieu de la page avec une section bleu foncé de textes de présentation qui présentent les sections de services qui la suivent. Les sections de services utilisent également les mêmes icônes que cette section bleue pour les lier ensemble. J'aime à quel point les polices et les couleurs fonctionnent bien ensemble dans ce site Web.

Visitez le site

7. Conception Brinart

Ce site a été soumis par Sabrina Rowland. Une vidéo d'arrière-plan de quelqu'un en train de peindre est diffusée derrière la superposition jaune pour aider à montrer de quoi parle le site. Le titre chevauche l'arrière-plan et le slogan est parfaitement placé dans le bloc de jaune pour attirer l'attention. Le jaune est utilisé dans tout le site pour les couleurs de fond. La section des services affiche trois colonnes de textes de présentation avec un CTA tandis que le titre de la section est imprimé verticalement. J'aime la simplicité de la section contact, qui utilise un fond jaune avec un diviseur incliné et un petit formulaire de contact avec des effets d'ombre qui chevauche la section suivante pour créer les informations de contact.

Visitez le site

8. Joyeux numérique

Ce site a été soumis par Djaya De Vries. Un CTA se trouve sur une image d'arrière-plan en plein écran avec un diviseur de section arrondi à plusieurs nuances. Les liens vers les projets et les services sont placés dans des cases orange foncé qui deviennent blanches avec des effets d'ombre au survol. Cette orange est utilisée sur l'ensemble du site comme surbrillance pour les boutons et le texte, dans le menu, comme arrière-plan pour montrer les avantages et comme deux des icônes multicolores dans les pages de services. L'une de mes sections préférées sur la page d'accueil est un curseur qui chevauche deux sections. Les sections et le curseur utilisent des couleurs unies pour créer un design élégant. L'orange et le blanc fonctionnent très bien avec le bleu foncé sur tout le site.

Visitez le site

9. Jérémy Mura

Ce site a été soumis par Jeremy Mura. Je suis un fan de couleurs vives quand cela fonctionne bien et ce site utilise parfaitement l'orange vive. L'en-tête comprend un arrière-plan de dessin animé d'un château sur un dégradé orange et un CTA avec du texte blanc, un bouton bleu avec une ombre et un bouton orange avec une bordure blanche. La section de projet à quatre colonnes affiche des images carrées de projets sur deux rangées sans espace entre elles. J'aime la section sur le processus de conception, qui numérote les étapes et utilise de grandes icônes pour chaque étape. J'aime aussi le CTA pleine largeur en orange gras avec du texte blanc. Le blog utilise des titres orange sur fond blanc.

Visitez le site

10. Conseil publicitaire

Ce site a été soumis par FJ LAHIANI. Celui-ci fait un excellent usage du texte gris foncé et bleu grisâtre et des éléments graphiques sur des arrière-plans blanc cassé et gris clair pour créer un design élégant. Les graphiques sont utilisés pour montrer l'expertise et les compétences avec des titres simples et des barres verticales les séparant. Les textes de présentation n'utilisent pas de bordures, d'ombres ou d'effets de survol. La page de l'équipe suit cette même conception pour montrer les membres de l'équipe. Les pages de référence et de formation utilisent également ce style de présentation et affichent du texte avec des puces à bascule. La conception de ce site est axée sur la simplicité et cela fonctionne bien.

Visitez le site

Conclusion

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