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 mars. 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 mars 2021

1. Maladie de Huntington YMCA

Maladie de Huntington YMCA

Cette page a été soumise par Jimmy Lemon. Toutes les images de ce site Web utilisent des bords arrondis qui les font ressembler à des carreaux. Des blurbs aux coins arrondis marquent les catégories. Même les sous-menus de l’en-tête correspondent à la conception en mosaïque. L’image du héros place une superposition de dégradé sur un côté avec le CTA dans la superposition. Chacune des images avec du texte suit une conception similaire en plaçant la superposition au bas de la superposition avec du texte. Les polices et les arrière-plans utilisent de nombreuses couleurs dans le spectre de couleurs. Cette page utilise largement la couleur, les images et la typographie.

Visitez le YMCA de la maladie de Huntington

2. Batcom

Batcom

Cette page a été soumise par Dijimoe. Celui-ci contient de nombreux petits détails qui fonctionnent parfaitement avec un site technique. Un effet de robinet révèle des informations dans la zone des héros. Les particules dans la zone des héros suivront votre souris. Une image floue de la Terre sera mise au point lorsque vous la survolerez. Les présentations des catégories ressemblent à des cartes aux bords arrondis. Ils tournent au fur et à mesure que vous survolez pour révéler des détails sur chaque catégorie. Les arrière-plans bleus pour les sections ont conçu des bordures qui se démarquent. Les produits présentés comprennent également des bords arrondis qui se démarquent du site à l’aide d’ombres en forme de boîte. Ce site utilise des animations couleur et micro.

Visiter Batcom

3. Construction de pur-sang

Construction de pur-sang

Cette page a été soumise par Jimmy Lemon. Il utilise une palette de couleurs bleu et rouge qui se démarque et semble élégante en même temps. L’image d’arrière-plan dans la zone des héros décrit le site en un coup d’œil. De très grands symboles attirent l’attention sur des informations sur l’entreprise et ses services. Le texte rouge ou bleu met en évidence les informations. Les témoignages et les CTA affichent des présentations et des curseurs pour aider à créer des cartes aux bords arrondis. Tous les éléments sont bien liés aux couleurs de la marque rouge ou bleue. Ce site fait un grand usage des graphiques et des couleurs.

Visitez Thoroughbred Construction

4. LV Wedding Luxury et événements spéciaux

Événements spéciaux de luxe de mariage LV

Cette page a été soumise par Domenico Cannetti. Il contient de nombreuses images et textes élégants sur tout le site. La zone des héros affiche un grand curseur entouré d’une bordure blanche pour créer un cadre. L’en-tête affiche le logo et le menu hamburger d’un côté, et les icônes sociales et un CTA de l’autre. Lorsque vous faites défiler, le menu hamburger se déplace vers la gauche et reste sur le côté de l’écran pour le menu déroulant. Le texte doré est utilisé pour les grands en-têtes, les titres, les liens, le texte des boutons et les informations. Les grandes images fournissent des liens vers des galeries. Lors du survol, les titres sont affichés dans la police de script. Ce site utilise largement des images et du texte.

Visitez LV Wedding Luxury & Special Events

5. Vague naxienne

Vague naxienne

Cette page a été soumise par Alba Solution. Il affiche les propriétés de location avec de grandes images, des méta-informations et un bouton pour afficher chaque propriété. Certaines des images incluent une petite bannière de l’autre côté du coin qui va bien avec la conception du site Web. Des reflets bleus gris sont utilisés sur tout le site et vont bien avec les images. Les grandes images sont placées dans une disposition à deux colonnes pour afficher les propriétés. Sur la page Hébergement, les images sont affichées dans une seule colonne avec une ombre de boîte grise. Une galerie de mosaïques montre encore plus de photos. La mise en page simple et les couleurs douces en font un design élégant qui a l’air propre et professionnel.

Visitez Naxian Wave

6. Goupili

Goupili

Cette page a été soumise par Laurent Albertini. Celui-ci utilise beaucoup de couleurs vives et non primaires et de graphiques qui se démarquent et conviennent bien au public cible. La zone des héros affiche un graphique sur un fond bleu avec un séparateur incliné. Le menu affiche des liens vers des catégories au milieu pour créer un en-tête unique. Les articles de blog montrent une image et un extrait sur fond bleu. Les balises de catégorie sont placées sur l’image. Chaque catégorie a une couleur différente. Les liens vers des informations sont affichés avec des présentations contenant des animations de survol. Les messages montrent l’image d’un côté et le texte de l’autre. L’image restera collante jusqu’à ce que vous passiez la fin du texte. Le site a l’air amusant et invitant.

Visiter Goupili

7. Georgina Bexon

Georgina Bexon

Cette page a été soumise par Joe Walkling. Cette page utilise le texte d’une manière fascinante. La zone des héros montre un grand bloc de couleur avec un graphique au milieu et le titre du site au-dessus en texte extra large. Les liens de texte sont placés verticalement sur la gauche et un menu hamburger extra large est placé sur la droite. L’icône hamburger ouvre un menu plein écran. Au fur et à mesure que vous faites défiler, le titre du site disparaît et devient du texte vertical sur la gauche. Un grand titre pour la section suivante défilera puis se suspendra en haut de l’écran. Une fois qu’il colle, il devient de couleur plus claire et devient l’arrière-plan sur lequel les autres sections défilent. Les quelques sections suivantes montrent des CTA avec de grandes images d’un côté et du texte de l’autre dans une mise en page alternée. Le texte et les images défilent et différentes vitesses.

Visitez Georgina Bexon

8. Timber Ridge

Timber Ridge

Cette page a été soumise par Justin Arcara. Celui-ci utilise la couleur et la photographie pour créer un design élégant. L’en-tête montre deux sections. Dans la zone supérieure, il y a des informations de contact sur les bords extérieurs et le logo au milieu. Dans la zone inférieure, des lignes de séparation et du texte volumineux sont utilisés pour les liens. Un fond d’écran plein écran avec une bordure blanche et un CTA au premier plan crée la zone des héros. Plusieurs sections montrent des images qui se chevauchent d’un côté et du texte de l’autre. Les informations sur les installations montrent des images et du texte sous forme de cartes. Le texte contient des partitions des deux côtés. Un bouton pour lire chevauche la carte. Il a également un design de pied de page intéressant avec des informations de contact sur une image verte et des liens qui correspondent à l’en-tête.

Visitez Timber Ridge

9. LOCAMAT

LOCOMAT

Cette page a été soumise par Samuel. Celui-ci utilise beaucoup d’images et d’angles de grande taille sur le site. La zone des héros affiche un curseur d’arrière-plan vidéo avec un CTA animé qui apparaît et disparaît. Le CTA contient les angles trouvés dans le reste du site. Une forme inclinée le sépare de la section suivante. La section suivante montre une image d’un côté avec une bordure inclinée. Certaines sections contiennent une conception similaire. Cette page contient également de nombreux drapeaux rouges et icônes personnalisées. J’aime particulièrement les angles et la grande image d’un camion. Il chevauche la section suivante avec un fond bleu foncé et des compteurs jaunes. Ce site fait un très bon usage des couleurs et des angles.

Visitez LOCOMAT

10e Armée du Salut – Charleston, WV

Cette page a été soumise par Connor Smith. Ceci est caractérisé par des couleurs sombres et des reflets rouges. L’en-tête est simple mais comporte un méga menu qui affiche les informations sur deux colonnes et un logo qui se chevauche. La zone des héros affiche une grande image d’arrière-plan avec une icône vidéo qui, lorsque vous cliquez dessus, ouvre une boîte à lumière vidéo. Une liste d’événements s’affiche dans une barre latérale à côté d’une section d’informations. Une section pleine largeur place de grandes icônes au-dessus d’une image d’arrière-plan. Les symboles zooment lors du survol. Les informations sur les programmes et services s’affichent sous forme de curseurs. Les deux contiennent des transparents qui ressemblent à des cartes conçues. Cette page a également un pied de page intéressant avec un logo qui se chevauche. Les informations de contact simplifiées sont placées sur une image d’arrière-plan avec une superposition sombre. Ce site utilise des couleurs et des images.

Visitez l’Armée du Salut – Charleston, WV

Emballer

Voici nos 10 meilleurs articles sur le site Web de Community Divi pour le mois de mars. 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 sur ces sites Web et quand ils ont fait quelque chose que vous voulez que nous enseignions sur le blog.

Image sélectionnée via Dmitry Kovalchuk / shutterstock.com





Source link

Recent Posts