Idées conception site – Décembre 2019

18 décembre 2019

Chaque mois, je vous présenterai des idées de conception de sites Web avec Divi.

En effet, il me semble intéressant de regarder, d’emmener sa curiosité sur ce qui se fait sur la toile et de pouvoir s’en inspirer.

Aujourd’hui, je souhaite partager avec vous les  sites Web ci-dessous pour le mois de décembre.

Au cours de la présentation des sites, je soulignerai les fonctionnalités de Divi qui ont permis cette conception et les possibilités pour éventuellement votre futur site internet.

Match Design Media

 Le site affiche une vidéo d’arrière-plan en plein écran avec une superposition de dégradé. Le premier plan montre le logo et les dessins de ligne. Le logo zoome sur le survol et deux des éléments de la ligne disparaissent pour créer un effet de survol intéressant. L’élément le plus intéressant est la façon dont le site utilise les séparateurs de section. Il place une image d’arrière-plan derrière le séparateur, puis place un dégradé par-dessus. Des compteurs de nombres ou des compteurs de cercles sont placés sur eux. Le site utilise de nombreux dégradés et du texte stylisé pour correspondre. Les boutons incluent les mêmes dégradés que les arrière-plans. Les services sont présentés avec une mise en page alternée et incluent des images qui s’inclinent en survol. La section Carrières et la section Contact incluent le même effet d’inclinaison. Il a beaucoup de petites animations telles que des lignes qui s’inclinent en place lors de la charge.

Rebbl

Il a un dégradé d’arrière-plan pleine largeur avec un graphique d’un côté derrière un CTA et un ensemble d’images de l’autre côté qui montre l’application sur les téléphones mobiles. Les sections suivantes montrent du texte avec un séparateur et un titre bleu à gauche et un smartphone avec une image de l’application et des graphiques environnants à droite. Le texte et les graphiques se glissent en place lorsque vous faites défiler. Un curseur affiche des logos sur un arrière-plan à motifs avec un dégradé. Un curseur de témoignage sur toute la largeur comprend l’image, le témoignage et la navigation par points et flèches sur le fond bleu qui correspond au site. Les informations sont fournies dans des présentations qui incluent des icônes encerclées qui correspondent au style du site. Le site fait un excellent usage des couleurs et des dégradés de marque bleue et verte.

Jeunes, prenez la parole !

C’est une mise en page d’une page qui affiche une image d’arrière-plan en plein écran en parallaxe avec une superposition très opaque. La superposition comprend un slogan et un graphique. Toutes les sections ont une disposition en deux colonnes avec du texte en arrière-plan en parallaxe avec un graphique au premier plan et du texte de l’autre côté. Cette conception alterne au fur et à mesure que vous faites défiler. L’une de ces sections comporte des bascules conçues pour correspondre au site. Les informations sur les personnes impliquées sont créées avec des textes de présentation qui ont une image miniature à gauche et leur nom et leur emplacement à droite. Les logos des partenaires sont affichés en niveaux de gris et changent de couleur au survol.

Share This