Sélectionner une page


C’est encore cette fois pour notre Divi Showcase mensuel où nous jetons un coup d’œil à dix incroyables sites Web Divi créés par les membres de notre communauté. Chaque mois, nous présentons les meilleurs sites Web Divi soumis par notre communauté et aujourd’hui nous voulons vous présenter les dix meilleurs sites Web pour le mois de février. Tout au long de l’article, je soulignerai certaines de mes caractéristiques de conception préférées qui me mènent à chacun des sites Web.

J’espère que tu les aimes!

Divi Design Showcase: nouvelles soumissions à partir de février 2021

1. Université de la mienne

Université de la mienne

Cette page a été soumise par Eric Wils. Des marques rouges sur tout le site sont affichées dans le menu, les boutons, la navigation, les cadres pour les images, les motifs circulaires en arrière-plan et dans la barre de défilement. La zone des héros affiche une image d’arrière-plan pleine largeur avec un bouton et une vidéo chevauchant la section suivante. Les CTA affichent les images d’un côté et les informations de l’autre dans une disposition en alternance. Le curseur de témoignage est intéressant. Les flèches de navigation sont affichées en haut du curseur. Les cartes de témoignage sont grandes et élégantes. J’aime aussi la section blog qui montre un seul article. L’image affichée est courte et large et l’extrait se trouve dans une boîte qui chevauche l’image. La page de blog suit cette conception. Même les pages produits suivent la conception du site Web.

Visitez l’université de moi

2. mcitycreative

mcitycréatif

Cette page a été soumise par Scott Alberti. Il a un design simple, propre et intéressant. Un motif d’arrière-plan donne à ce site une texture visuelle tandis que le contenu est mis en évidence. Des marqueurs orange apparaissent sur tout le site, y compris les en-têtes, le menu, les icônes et les liens cliquables. La zone des héros affiche un message en gros texte suivi d’un texte de présentation pour présenter les services. Les informations sur l’entreprise sont présentées avec un logo et un séparateur, tandis que les informations sont présentées dans une mise en page de style CV. Le pied de page reprend le logo et propose des liens de contact cliquables. Chacun des côtés suit le même design et comprend un préchargeur conçu.

Visite mcitycreative

3. VISIBLEMENT

SI VISIBLE

Cette page a été soumise par Naïm Boughattas. Celui-ci a beaucoup de gros blocs de couleurs vives et d’animations coulissantes sur tout le site. La section héros comprend un titre avec plusieurs boutons d’un côté et des cercles animés de l’autre qui peuvent être utilisés pour configurer le reste du site. La plupart des sections ont un grand motif d’arrière-plan avec de grands titres et des blocs animés sur une page. Les informations et les CTA sont fournis sous forme de textes de présentation de diverses formes. Un curseur montre des exemples d’utilisation de diapositives qui se fondent dans le reste du site. J’adore la section sur les clients. Un avion vole à travers les cercles et change de couleur dans chaque cercle. La page de blog suit un design similaire mais utilise les couleurs des images présentées.

Visitez SO SIGHTY

4. Garde d’enfants au pays des merveilles

Garde d'enfants Wunderland

Cette page a été soumise par Camiel Bos. Dans ce cas, beaucoup de couleurs vives, mais pas primaires, sont utilisées pour les arrière-plans, les formes, les boutons et le texte pour créer un site Web qui favorise la garde d’enfants tout en étant sophistiqué. L’en-tête contient un logo et une section de boutons qui chevauchent l’en-tête. Les formes colorées sont défilées et animées séparément du reste du site. La zone des héros montre un design intéressant avec une couleur d’arrière-plan et un séparateur de section conçu, une image dans une forme avec d’autres formes d’un côté et des CTA de l’autre. Certaines sections contiennent une couleur d’arrière-plan similaire avec des séparateurs de section conçus. J’aime particulièrement la zone galerie, qui affiche des diapositives avec des images conçues.

Visitez Wonderland Childcare

5. Z Shere

Z Shere

Cette page a été soumise par Justin Arcara. Celui-ci a un design unilatéral qui fait un excellent usage des couleurs et des mises en page. La zone des héros affiche une image d’arrière-plan en plein écran avec une superposition de dégradé bleu / vert. Le texte et les éléments graphiques suivent la palette de couleurs bleu / vert sur tout le site Web. Les vidéos sont intégrées dans plusieurs sections qui s’intègrent parfaitement dans le contenu. J’aime particulièrement la section avec le texte de présentation, au milieu de laquelle un graphique avec le texte de présentation est affiché. La galerie est également intéressante. Le titre de la section sera ajouté sur le parchemin après la galerie. De nombreuses sections ont un titre similaire en arrière-plan. De nombreux éléments ont des ombres de boîte qui contrastent avec l’arrière-plan.

Visite Z Shere

6. Zeljko Skipic

Željko Škipić

Cette page a été soumise par Željko Škipić. Celui-ci a beaucoup d’éléments animés en noir et blanc et de reflets verts. La zone des héros montre un arrière-plan noir avec un grand titre d’un côté et une image du propriétaire du site Web de l’autre qui se fond dans l’arrière-plan. Les animations des boutons affichent un arrière-plan vert ou blanc. Il y a des icônes sociales collantes sur la gauche et un menu de navigation solide sur la droite qui montre le nom de la section. Les deux sont soit noirs ou blancs selon la couleur de fond. Les blurbs indiquent de grandes icônes derrière le texte. J’aime particulièrement la section des travaux récents. Il montre le travail à l’intérieur des cartes qui ont une grande image, une description et un bouton. Les cartes sont animées et montrent une ombre de boîte lorsqu’elles flottent.

Visitez Željko Škipić

7. Vaches médiatiques

Vaches médiatiques

Cette page a été soumise par Wouter Hendrixen. Celui-ci utilise beaucoup de blanc avec des tons rouges et violets tout au long de la conception. Dans la section des héros, une vidéo d’arrière-plan en plein écran est jouée avec des motifs conçus des deux côtés et un message au milieu. Certaines sections contiennent du texte rouge, des icônes, des boutons, des flèches et des éléments d’arrière-plan tels que des présentations, des en-têtes, des boutons et un dégradé d’arrière-plan. Les pages des études de cas affichent les détails du cas dans une seule colonne et incluent une barre latérale conçue avec des détails sur le cas et un formulaire de contact pour s’intégrer parfaitement dans la barre latérale. Plus de styles et d’éléments sont ajoutés sur la page Crowd Communication, qui comprend plusieurs sections d’informations et un curseur qui retourne les diapositives sur les côtés. Les arrière-plans violets et les reflets rouges rendent cette pop pop.

Visitez Media Cows

8. Webaas

Cette page a été soumise par Daniel Aaserud. Celui-ci a une mise en page propre avec des reflets bleus. La section héros comprend un arrière-plan dégradé bleu avec un CTA dans la superposition et un séparateur de section conçu pour le séparer de la section suivante. Un CTA pour une offre affiche un graphique d’un côté et des informations de l’autre. Le dernier travail montre des projets dans des cartes en trois colonnes. La colonne du milieu a un fond sombre pour la faire ressortir. Les tableaux de prix sont surlignés en bleu et l’option la plus populaire est en rouge. J’aime la section des témoignages qui montre les cartes des avis Google. Le pied de page est également intéressant. Il affiche les informations dans trois colonnes, y compris un formulaire de connexion, le menu dans un grand bloc de couleur et les derniers articles de blog dans un bloc de couleur différente. J’aime la page de référence qui montre des projets avec de grandes images et des liens vers les sites Web.

Visitez Webaas

9. TrueCare

Cette page a été soumise par Nicolle Principe. Celui-ci utilise beaucoup de couleurs vives dans les arrière-plans, les boutons, le texte, les icônes et plus encore. La zone des héros affiche un plein écran avec un CTA dans la superposition avec un arrière-plan clair. Les liens sont placés dans des cases qui chevauchent le héros et la section suivante. Plusieurs CTA affichent des informations avec des blocs de couleur, des images, un texte de présentation, des statistiques et des boutons. Dans une section pour les services, la navigation dans la barre latérale est affichée avec des liens sur un historique en arrière-plan. Une section où vous pouvez rencontrer les membres de l’équipe aura des images d’un côté et des liens de l’autre. Certains des CTS contiennent des éléments qui se chevauchent. J’aime aussi le pied de page qui montre 4 lignes avec un arrière-plan de couleur différente chacune. La page du blog est intéressante. Il comprend une fonction de recherche conçue avec un menu déroulant qui couvre un côté de l’écran.

Visitez TrueCare

10. Volontés

Cette page a été soumise par Vilém Nečesaný. Cela rend intéressant l’utilisation de la couleur et de la mise en page. La zone des héros affiche une image qui chevauche la couleur d’arrière-plan d’un côté tout en affichant une description suivie d’une bande de liens de l’autre côté. Les informations sont fournies avec du texte, des images et un compteur de statistiques. Ma section préférée met en évidence les tendances. Une grille à trois colonnes s’affiche avec une image d’un emplacement et des informations. Cela passe de l’affichage des informations sur l’image à l’image sur les informations. Chacun contient un lien pour afficher plus de détails. La zone du blog chevauche l’arrière-plan tandis qu’une grande carte montre les emplacements. J’aime aussi le formulaire d’inscription par e-mail qui est conçu pour correspondre au reste du site Web. Chacune des pages suit les mêmes éléments de style et ajoute encore plus. Il a également une barre de défilement conçue.

Visitez Willflies

Emballer

Voici nos 10 meilleurs articles sur le site Web de Community Divi pour le mois de février. Ces pages sont incroyables et, comme toujours, nous aimerions remercier tout le monde pour vos contributions!

Si vous souhaitez que votre propre design soit pris en compte, veuillez envoyer un e-mail à notre éditeur à Nathan à Elegant themes dot com. Assurez-vous que l’objet de l’e-mail est « SOUMISSION DE SITE DIVI ».

Nous aimerions également avoir de vos nouvelles dans les commentaires! Dites-nous ce que vous aimez de ces sites Web et quand ils ont fait quelque chose que vous voulez que nous enseignions sur le blog.

Image en vedette via Mascha Tace / shutterstock.com





Source link

Recent Posts