Divi Design Showcase : nouvelles soumissions à partir de décembre 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 soumis par notre communauté et nous souhaitons aujourd'hui partager avec vous les dix meilleurs sites Web du mois de décembre. 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 décembre 2020

1. Studio Linetti

Ce site a été soumis par Nicola Toffali. Le site utilise une conception intéressante en écran partagé. La moitié gauche de la section héros affiche le titre du site en gros texte sur un arrière-plan qui change de couleur lorsque vous faites défiler ou déplacez le curseur vers la barre d'adresse. Sur le côté droit se trouve un texte rouge sur un fond blanc. Cette colonne est déroulante dans la section. Lorsque vous lisez la fin de la colonne, la section défile. Les deux sections suivantes comprennent des colonnes presque en plein écran avec un fond noir d'un côté et un fond blanc de l'autre dans une disposition alternée et les polices sont de couleurs opposées. La dernière section est un message plein écran plein d'humour sur un arrière-plan qui change de couleur. Cette conception est simple et intéressante en même temps.

Visitez le site Web

2. Casa Roca Architecura

Ce site a été soumis par Freddy Maldonado. Ce site comprend de nombreux éléments qui se chevauchent avec des ombres de boîte, des animations de survol et des reflets jaunes. Sous la section héros de l'écran partagé se trouve un bloc de couleur d'un côté avec une image le chevauchant et un CTA le chevauchant. Les brochures fournissent des informations sur les types de travail. Ils ont des icônes simples en jaune et les textes de présentation changent légèrement de forme et obtiennent une bordure jaune épaisse en survol. Cela les fait se démarquer sans devenir trop flashy. Ma section préférée affiche des images qui chevauchent un flux Instagram. Les images glissent au survol pour révéler une description avec une superposition bleue. La rubrique contact est également intéressante. Il affiche les informations de contact dans une case jaune recouverte d'un petit formulaire de contact.

Visitez le site Web

3. Camp client

Ce site a été soumis par Sarah Hart. Un lecteur de podcast colle au bas de l'écran avec le dernier épisode. Le violet et le jaune sont utilisés pour les couleurs de la marque sur l'ensemble du site pour les arrière-plans, les boutons, les icônes et pour surligner le texte. De nombreux éléments graphiques individuels défilent indépendamment des sections, faisant un grand usage des effets de défilement. Chaque section fait bon usage de l'écran pour afficher les CTA et les informations. J'aime particulièrement la façon dont les témoignages sont affichés autour des images. Cela se retrouve au bas de la mise en page pour la section témoignage. Il y a quelques GIF, mais pas tellement que cela devient gênant. Ce site fait un grand usage de la couleur, des effets de défilement et des éléments qui se chevauchent.

Visitez le site Web

4. Alive Service GmbH

Ce site a été soumis par Markus Behmann. Ce site utilise beaucoup de bleu partout comme surbrillance pour les icônes, les boutons, les arrière-plans et les effets de survol. Le menu utilise des effets de survol animés pour les liens. La section héros affiche une vidéo avec un diviseur stylisé pour le haut et le bas. Cela lui donne surtout une séparation élégante de l'en-tête et l'aide à se démarquer. Ma section préférée affiche des présentations intéressantes pour les services. Les textes de présentation comprennent un bouton chevauchant l'image et le contenu. Les textes de présentation eux-mêmes chevauchent la rangée au-dessus d'eux et ils se déplacent horizontalement lorsque vous faites défiler vers le haut ou vers le bas. Cette section comprend également un diviseur ondulé pour correspondre à la première section et l'attacher ensemble. La mise en page est propre et élégante.

Visitez le site Web

5. Architecte et construction UEM

Ce site a été soumis par Abdy Designburo. Il utilise le vert comme couleur de marque sur tout le site, y compris le logo, les arrière-plans et les bordures des boutons. La section héros utilise un fond vert sur un côté avec un motif de cercle pour lui donner du style. Le menu de navigation a un fond transparent, qui laisse apparaître le vert sur un côté. Au fur et à mesure que vous faites défiler, le texte et l'arrière-plan du menu changent de couleur. J'aime le CTA qui place des informations avec des boutons sur un fond gris clair qui se distingue du fond blanc et comprend un motif de cercle. Une image se superpose pour se démarquer. Le motif de cercle gris est utilisé à plusieurs endroits pour donner de la texture à l'arrière-plan.

Visitez le site Web

6. Foulées numériques

Ce site a été soumis par Douglas Henrique. Celui-ci utilise une mise en page propre avec beaucoup d'espaces blancs sur tout le site. Les surbrillances bleues et jaunes sont utilisées pour les boutons, icônes, polices, arrière-plans et autres éléments graphiques. Les titres sont petits et ressemblent à des boutons, mais ils ressortent bien. Le CTA affiche des graphiques dessinés à la main d'un côté et du texte de l'autre. Les graphiques ont un design caricatural qui fonctionne parfaitement pour le site Web. J'aime particulièrement le cas de réussite qui montre un fond bleu qui comprend le titre et la description avec des informations et une image de l'œuvre chevauchant la section suivante. La page des cas de réussite suit un design similaire. La mise en page est simple mais la couleur est bien équilibrée.

Visitez le site Web

7. Pois verts pour le petit déjeuner

Ce site a été soumis par Monica Higgins. Celui-ci utilise beaucoup de rose, de vert foncé et d'or pour les arrière-plans, le texte et les surbrillances, ainsi que de nombreux effets de défilement sur tout le site. Il transforme le curseur de votre souris en une pointe de stylet. La section héros affiche une ligne rose qui chevauche la section suivante. J'aime les images pour montrer les services. Chaque image est du matériel ancien avec du texte sur un écran ou en cours d'impression. Leur texte défile au fur et à mesure que vous faites défiler la page. Des exemples de travaux sont présentés dans une section à deux colonnes qui comprend des arrière-plans roses avec des bordures dorées. Les images de l'œuvre sont placées sur d'anciens écrans de télévision, dans des navigateurs Web ou sous forme de graphiques. Chacun des éléments graphiques utilise des effets de défilement. Ce site fait un grand usage de la couleur et des images.

Visitez le site Web

8. Salut Fresto !

Ce site a été soumis par James Middleditch. Il utilise un vert élégant comme couleur de marque avec de nombreuses photos et effets de défilement sur tout le site. La section des héros diffuse une vidéo d'arrière-plan floue, mais suffisamment visible pour comprendre de quoi parle le site. Un titre et un slogan présentent le site. Les images de nourriture incluent des superpositions qui s'estompent lorsque vous faites défiler. Les étiquettes pour les images sont dans beaucoup de couleurs différentes pour correspondre au thème oriental. Les éléments de présentation qui fournissent des informations se mettent en place sur les côtés lorsque vous faites défiler, suivis d'une section similaire avec des CTA. De nombreux dessins et images aident à encadrer les bords du site. Une section de best-sellers comprend des produits avec plusieurs options. Ce site comprend également une barre de défilement stylisée. J'aime les couleurs et les images de ce site.

Visitez le site Web

9. MVMNT

Ce site a été soumis par Simon Frost. La section des héros affiche une vidéo en plein écran avec un taux de rafraîchissement et un filtre qui, à mes yeux, ressemblent à un ancien projecteur de film numérique, tandis que le texte au premier plan se retourne pour changer le message toutes les quelques secondes. Une section intéressante avec de larges images dans une mise en page alternée affiche des titres sur les images qui renvoient à des informations sur l'entreprise. Les images incluent des effets de survol. Les articles de blog incluent plusieurs balises et superpositions qui révèlent un extrait. Le bleu clair et le rose sont utilisés pour les couleurs de la marque et sont souvent utilisés pour souligner les titres. Chacune des pages suit un design similaire et comprend des arrière-plans noirs derrière certains des titres. Ce site fait un usage élégant de la couleur et des arrière-plans.

Visitez le site Web

10. Le Kombucha

Ce site a été soumis par Florent Noël. Celui-ci utilise beaucoup de graphiques intéressants et tout au long du site. Il utilise principalement du jaune clair et du vert clair pour les couleurs de la marque qui apparaissent dans les arrière-plans, les boutons et le bouton de retour en haut. Les graphiques d'arrière-plan créent une boisson avec des bulles et incluent des bords ondulés pour se démarquer des sections environnantes. D'autres graphiques et images sur l'ensemble du site présentent la boisson dans des verres et des pichets. Ceux qui ont des graphiques placent le graphique d'un côté et le texte de l'autre pour créer des CTA. Ceux-ci sont placés dans une disposition alternée. Les informations sont affichées dans des textes de présentation avec des icônes multicolores. Toutes les images et tous les graphiques glissent ou se mettent en place pendant que vous faites défiler.

Visitez le site Web

En clôture

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