sites d'agences web faits avec Diviivi

Inspirations : 6 exemples de sites d’agences web faits avec Divi

Publié le 10/12/2018 | 0 commentaires

771 mots

3

Si vous êtes freelance, à deux doigts de devenir une agence, je vous propose de découvrir une sélection de sites d’agences web faits avec Divi. Une sélection inspirante qui pourrait même vous donner des idées pour vos futures créations web…

C’est toujours bien de regarder ce que proposent les agences web en terme de design. D’une manière générale, leurs sites sont avant-gardistes et émettent des signaux de confiance. Je dis bien « en général » car ce n’est pas toujours le cas…

D’ailleurs, les sites d’agences web sont rarement faits sous WordPress. Mais ça se démocratise, et le thème de prédilection est souvent Divi…

 

Découvrez le thème Divi maintenant !

Annonce : cet article contient des liens d’affiliation que vous reconnaitrez facilement. Les liens classiques sont en violet et les liens sponsorisés sont en rose.

 

1 – The Studio

thestudio - site pour agence web fait avec Divi

L’originalité de ce site d’agence web réside dans son header hero. C’est à dire l’image de la page d’accueil. Un cœur qui bat et qui éjecte des mots inspirants.

Le reste de la page d’accueil est sobre et simple. Peu de texte et seulement 3 couleurs : blanc, rouge et noir.

La navigation principale apparait sous l’icône d’un « sandwich » et nous mène aux principales pages du site. Une page portfolio simple affiche une galerie des projets web déjà réalisés.

Découvrir le site web

 

2 – La Panthère Noire

pantere-noire - site pour agence web fait avec Divi

Contrairement au précédent, l’originalité de ce site web d’agence ne réside pas uniquement dans sa page d’accueil…

Il y a bien ce header hero, en page d’accueil, qui exhibe une sorte de magma jaune dont la forme change au passage de la souris, c’est envoutant, j’adore !

Mais il y a aussi cette attraction qui se fait au passage de la souris lorsqu’on survole les images du portfolio. On dirait que notre souris est aimantée. C’est super addictif. J’ai joué avec ça un petit moment avant de me remettre au boulot 😉 !

Enfin il y a le menu – la navigation principale – qui se veut minimaliste. Au survol, les éléments se « barrent ». C’est dommage parce que, pour moi, cela évoque un sentiment négatif (quand je barre quelque chose, c’est que je n’en veux plus) mais ça a le mérite d’être original et de sortir des navigations types que l’on retrouve généralement sous Divi.

Ce site d’agence web fait avec Divi est l’un des plus aboutis de cette sélection.

Voir le site

 

3 – 2DSIGN

grafisch - site pour agence web fait avec Divi

Ici, les sections s’enchainent et alternent le blanc, le vert, le noir et le gris. La charte graphique est très punchy, j’adore ! Le site ne manque pas de contenus non plus.

Je dirais que la page CREATE est même plus réussie que la page d’ACCUEIL.

La page du portfolio est filtrable mais les éléments ont été conservés en l’état, selon le module basique de Divi. Par contre, l’effort a été fait sur les pages de projet unique.

Je trouve ce site sobre et cohérent même si je ne comprends pas un mot de Néerlandais 😉

Découvrir le site

 

4 – WolfByte

wolf - site pour agence web fait avec Divi

Waou ! La page d’accueil, elle en jette ! Un graphisme très dans l’air du temps, des couleurs flashy, des nuages qui bougent et des loups qui veulent communiquer au survol de la souris…

Voila ce que nous propose ce site d’agence web fait avec Divi !

Si on scrolle vers le bas, une image d’arrière-plan est fixée et laisse glisser des sections aux formes très graphiques. Sans oublier quelques avis clients qui permettent aux potentiels clients de se rassurer…

La navigation principale est « recouvrante » et nous mène à des pages plutôt basiques avec peu de contenus. C’est dommage ! Espérons que les internautes entrent via la page d’accueil 😉 !!!

Découvrir le site

 

5 – TeixWeb

teixweb - site pour agence web fait avec Divi

Le layout de la page d’accueil est plutôt sympa. Les sections sont séparées par des dividers facilement réalisables avec le Divi Builder.

La navigation principale affiche des images dans ses menus déroulants aux coins arrondis. Juste en dessus, on aperçoit un fil d’Ariane discret qui permet à l’internaute de savoir rapidement où il se trouve.

Dans chaque page, on trouve des éléments originaux qui donnent envie de visiter chaque page pour en chercher des nouveaux…

Les couleurs et les images vectorielles sont très sympas.

Voir le site

 

6 – SunflowerCreative

sunflower - site pour agence web fait avec Divi

SunFlowerCreative est une agence web composée de 5 spécialistes. Leurs créations sont essentiellement faites sous WordPress. Leur site est plutôt simple mais reste cohérent.

Le design un peu corporate peut aider à obtenir la confiance de certains clients.

Les couleurs sont douces, dans les tons anthracite, brun et doré.

Découvrir le site

 

exemples de sites pour agence web faits avec le thème Divi

obtenir divi bouton
quizz divi bouton
newsletter bouton
formation divi bouton
guide divi pdf bouton
bouton support divi

Ça devrait vous plaire aussi :

La nouvelle interface de Divi 5

La nouvelle interface de Divi 5

Découvrez la nouvelle interface de Divi 5 : les comparaisons avec Divi 4 et les similitudes avec Gutenberg (article + vidéo). Alerte spoiler : ça déchire 💣 !

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Votre client souhaite afficher une ligne avec les logos de ses 9 principaux clients… Comment faites vous ? Dans cet article, je vous explique comment aligner plus de 6 éléments sur une même ligne !

Comment utiliser la Flexbox CSS dans Divi ?

Comment utiliser la Flexbox CSS dans Divi ?

Laissez-moi vous faire découvrir une autre manière de créer vos mises en page Divi en utilisant la Flexbox. Ce module CSS puissant permet de faire des choses extraordinaires 🤩.

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.