Divi Design Showcase : nouvelles soumissions de février 2019

Publié: 2019-03-01

C'est à nouveau l'heure de notre Divi Showcase mensuel où nous jetons un coup d'œil à 10 sites Web Divi incroyables 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 nous souhaitons aujourd'hui partager avec vous les dix meilleurs sites Web du mois de février. 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 de février 2019

1. Nouveau Sherpa

Ce site a été soumis par Gregory Little. Il s'agit d'une conception d'une page. L'en-tête en plein écran affiche une vidéo d'arrière-plan qui passe à une autre vidéo lorsque vous faites défiler. Vous pouvez en fait voir les deux en même temps pendant la transition. L'en-tête utilise un grand texte avec une couleur de marque bleu foncé/vert pour créer un slogan. Une section À propos utilise la même famille de polices et le même style pour montrer l'orientation de l'entreprise. Un CTA de contact est placé sur une image pleine largeur, suivi de textes de présentation avec des icônes stylisées avec les couleurs de la marque. La section Équipe de gestion présente les membres fondateurs avec des informations et des liens pour en savoir plus, ce qui révèle plus de lignes de texte, le tout dans les couleurs de la marque.

Visitez le site Web

2. Jets de mer

Ce site a été soumis par George Paratsokis. L'en-tête comprend un effet d'ombre et un bouton CTA stylisé qui correspond aux couleurs de la marque du site. Les images sont révélées à l'écran lorsque des cases animées s'effacent sur la zone lorsque vous faites défiler jusqu'à la section, qui révèle également les boutons stylisés. Les titres sont écrits avec une police de script élégante qui se démarque. La mise en page elle-même affiche des informations et des images sur deux colonnes dans un design alterné. Il utilise beaucoup d'espace blanc pour mettre en valeur le design. Un CTA comprend une image d'arrière-plan avec une superposition et des polices élégantes, affichées avec une ombre de boîte. Le pied de page est intéressant. Il a un arrière-plan dans une silhouette gris clair avec toutes les informations de contact dessus.

Visitez le site Web

3. Brise

Ce site a été soumis par Sakshi Behl. Le site utilise une mise en page simple avec quelques éléments de style pour le faire ressortir. L'en-tête affiche le slogan avec un formulaire d'inscription par e-mail à côté d'un graphique pour aider à définir le site. Les logos des clients sont affichés dans une mise en page décalée. Les Blurbs montrent les avantages par rapport à un motif d'arrière-plan stylisé qui se trouve sur le côté de l'écran. La section fonctionnalités est intéressante. Il affiche une capture d'écran à côté des descriptions. Chaque description a un titre. Un clic sur le titre révèle le texte de cette description. Une ligne stylisée à côté du titre s'assombrit pour indiquer quel titre est sélectionné. Les tableaux de prix semblent également intéressants sur le fond bleu. Le plan suggéré est affiché avec une ombre de boîte pour se démarquer.

Visitez le site Web

4. Avenue de la libellule

Ce site a été soumis par Marci Angeles. Ce site utilise des couleurs douces et des photographies florales pour attirer le public cible. Plusieurs liens de page sont affichés d'un côté dans la barre supérieure tandis que l'en-tête affiche le menu centré. La description et le slogan sont affichés dans plusieurs polices sur l'image d'arrière-plan en plein écran. Une inscription par e-mail pleine largeur est stylisée avec un arrière-plan bleu clair et utilise un graphique d'une clé pour montrer que le visiteur peut déverrouiller des informations. Les articles de blog sont affichés dans une seule colonne avec une barre latérale, tous avec un style assorti. Les articles de blog incluent la même barre latérale. Un flux Instagram intégré affiche les dernières photos.

Visitez le site Web

5. Parris Mfg. Company

Ce site a été soumis par Joseph Brown. Ce site utilise la photographie de manière amusante pour dépeindre le vieil ouest. Il affiche un arrière-plan plein écran avec un graphique rappelant les nuages ​​au-dessus du menu et un titre sous le menu. Une couche de poussière animée se déplace sur l'écran en 3D. Les nuages ​​descendent derrière le menu lors du défilement, qui ressemble alors davantage à une section peinte. La section suivante montre un fond de clôture avec des affiches de recherche pour les pages. Les affiches s'animent en survol comme si vous les aviez touchées. Le pied de page a une chaîne de montagnes et des cow-boys en noir avec un ciel vert foncé avec le menu. Les pages de la boutique placent les articles sur un fond occidental. Les éléments sont affichés en sépia et sont colorisés au survol. Les pages de produits placent les images sur le fond de la clôture. Le site fait un grand usage des images.

Visitez le site Web

6. imparfait

Ce site a été soumis par Pascal Claro. Le site utilise des dégradés orange à blanc pour la section héros et le CTA, et des surbrillances orange sur tout le site pour les boutons, les icônes et le texte. La section héros montre le logo avec des boutons pour se connecter ou voir les cours. Au-dessous de ces plusieurs cartes montrent les cours les plus suivis. Les cartes affichent des informations en haut, une image, un titre, un extrait et un bouton, tous conçus pour correspondre au site et incluent une animation de survol. Ils ressortent sur le dégradé de fond. La page des cours utilise ce même design. Les avis sont affichés dans un curseur de témoignage. Les ressources sont affichées avec des icônes orange sur une image sombre avec une touche d'orange dans une superposition.

Visitez le site Web

7. Bâtiment Phénix

Ce site a été soumis par André Villanueva. Il a un arrière-plan plein écran avec un motif stylisé et un slogan dans une police intéressante et des graphismes tourbillonnants. Le défilement révèle l'en-tête qui comprend la même police pour les éléments de menu. La police et les tourbillons sont également utilisés dans le logo, qui apparaît à plusieurs endroits sur le site, y compris une section À propos qui utilise le logo d'un côté et du texte multicolore de l'autre. Il possède plusieurs fonds en parallaxe avec des incrustations bleues ou rouges. L'une des sections les plus intéressantes montre des images inclinées avec des cases derrière elles qui s'inclinent dans la direction opposée. D'autres pages utilisent cette section et une section similaire avec une image et des bordures en gras avec remplissage. Le site fait un excellent usage des couleurs vives.

Visitez le site Web

8. Marx créatif

Ce site a été soumis par PK SON. Le grand logo est placé au centre d'un fond noir. Le logo est une découpe. Derrière elle affiche une image en parallaxe. Le texte blanc montre le slogan avec le point principal en gras. Une section sur l'entreprise fournit des liens avec des flèches qui changent d'emplacement au survol. Un curseur chevauche deux sections et utilise des points verticaux pour la navigation. Les projets sont présentés dans une mise en page à plusieurs colonnes avec une photographie élégante. Il a un appel à l'action soigné qui montre une version 3D du logo d'un côté sur un fond gris clair et du texte de l'autre sur un fond noir - liant le design à l'en-tête. J'aime le menu. Un clic sur l'icône hamburger ouvre le menu en plein écran, affichant la navigation d'un côté et une image avec des informations de l'autre.

Visitez le site Web

9. Arbre épique

Ce site a été soumis par Lubomir Micuch. Ce site Web d'une page a un motif d'arrière-plan composé d'hexagones qui s'affichent en parallaxe derrière le slogan et le bouton CTA. Plusieurs sections présentent les services et les informations de l'entreprise sur deux colonnes avec des graphiques d'un côté et du texte avec un CTA de l'autre. Les graphiques sont composés d'éléments verts de marque qui correspondent aux boutons et aux surbrillances du site Web. La section des compteurs est intéressante. Il montre des chiffres verts sur une image de fond de montagnes avec une superposition de diviseurs de parallaxe et de section ondulée. Une section similaire crée un CTA. Une section qui montre les numéros de travail chacun des projets dans une disposition alternée. Les icônes des clients ont des arrière-plans arrondis avec des ombres de boîte. Le site comprend des témoignages stylisés, des bascules, un suivi social, un formulaire de contact, etc.

Visitez le site Web

10. Robert L. O'Neil

Ce site a été soumis par Masha Goltsova-Lanoue. Le site Web de cet auteur utilise des couleurs et des illustrations pour attirer le public cible. La section des héros montre un CTA avec la couverture du livre, la description et le bouton d'achat, le tout placé sur un arrière-plan comprenant des illustrations du livre. Une section À propos fournit des informations avec un bouton pour en voir plus à côté d'une image du public cible lisant le livre. Tous les boutons utilisent des couleurs différentes du livre. Un curseur de témoignage utilise le violet marqué comme arrière-plan. Plusieurs CTA invitent le lecteur à acheter des livres, à en savoir plus ou à lire sur l'auteur. Les arrière-plans incluent les illustrations des livres, y compris le pied de page. L'illustration est même utilisée comme graphique de préchargement. J'aime la façon dont la page de la boutique montre des témoignages. La mise en page est simple et fait un grand usage de la couleur.

Visitez le site Web

En clôture

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