14 conceptions de sites Web étonnantes réalisées avec WordPress

Publié: 2017-09-09

Avec WordPress, le ciel est la limite. Il existe toutes sortes de thèmes et de plugins WordPress qui nous aident à faire le premier pas vers un tout nouveau site Web surprenant.

Dans cet article, nous sommes heureux de vous donner un avant-goût de ce qui existe. Nous allons partager 14 sites Web différents créés avec WordPress comme système de gestion de contenu. Bien que chaque site Web puisse être d'un type différent, ils en ont un en commun ; ce sont toutes des conceptions de sites Web incroyables qui vous laissent une grande impression.

1. Fou

website designs

Le premier site Web de la liste, Crazy, porte bien son nom car ils ont un site Web fou et beau. La société à l'origine du site Web est située au Japon et a vraiment réussi à refléter sa créativité sur son site Web. Dans l'ensemble, le site Web est assez propre et utilise la couleur blanche pour refléter leur élégance et leur simplicité. L'une des touches intéressantes qu'ils ont ajoutées sont les icônes de médias sociaux sur le côté droit de leur site Web. Une autre chose à laquelle ils ont fait un excellent travail consiste à utiliser un menu plein écran qui se divise en deux lorsque vous ouvrez un élément de menu contenant des éléments de sous-menu. La dernière chose à mentionner est les excellents effets de défilement qu'ils ont inclus pour presque tous les éléments de leur site Web.

2. Bonne Marque

conceptions de sites Web

Pour continuer, nous avons également mis Bonne Marque sur la liste des conceptions de sites Web incroyables. Ce site Web ne ressemble en rien au site Web typique que vous voyez souvent. L'une des premières choses que vous remarquerez en visitant le site Web sont les effets sonores qui accompagnent les mouvements et les actions que vous effectuez sur le site Web. Bien que la page d'accueil contienne de nombreux effets spéciaux, ils ont gardé le contenu sobre. Ils commencent leur page d'accueil avec une section de héros qui montre en quoi consistent leur entreprise et leur site Web. La partie suivante de la page d'accueil (et la dernière partie également) présente les études de cas de l'entreprise. Au lieu de dire aux gens de quoi ils parlent, ils ont décidé de leur montrer sans les submerger de contenu prometteur.

3. Académie du sourire numérique

conceptions de sites Web

Ensuite, nous avons Digital Smile Academy. Un site Web qui a fait un excellent travail pour représenter leur valeur ajoutée à travers des visuels partout sur le site. La section des héros, par exemple, contient une vidéo qui reflète les valeurs et les approches de l'entreprise lorsqu'elle fournit ses services. Comme le site Web Crazy, ce site Web décide de présenter subtilement les icônes des médias sociaux sur le côté gauche du site Web. En plus de cela, le site Web utilise également des effets de défilement pour la plupart des éléments du site Web. La dernière chose à mentionner dans ce bref résumé est le menu plein écran qui, contrairement à la plupart des menus plein écran, est présenté horizontalement. Chaque élément de menu est un chapitre et lorsque vous survolez l'élément, vous verrez apparaître une image d'arrière-plan qui met l'accent sur le fait que vous choisissez l'un des 10 éléments de menu existants (y compris les éléments de sous-menu).

4. Chevaux fantômes

conceptions de sites Web

Le prochain site Web dans la liste des conceptions de sites Web étonnants est Ghost Horses. Ghost Horses est un site dédié à une entreprise de conception de sites Web située à Manchester. Bien qu'à première vue, ce site Web semble un peu plus simple que les autres, il a une structure de site Web réfléchie et élaborée. Les différentes sections de la page d'accueil, par exemple, sont très bien divisées. Vous pouvez remarquer que chaque section est marquée d'une icône qui vous donne immédiatement une idée de ce que la section traitera. En outre, chaque section de la page d'accueil a un arrière-plan de particules subtil mais à valeur ajoutée qui permet d'utiliser des éléments de conception simple dans ces sections.

5. Coraline Colasse

conceptions de sites Web

Le site Web de Coraline Colasse est l'un des sites Web les plus interactifs de la liste. Pour que les gens découvrent tout le contenu de la page d'accueil, ils devront participer d'une autre manière que de simplement faire défiler et cliquer. Comme mentionné au bas de la page, vous pouvez faire glisser la page pour voir les projets. Étant donné que les gens ne sont pas habitués à cette forme de navigation, la durée d'attention sera plus grande sur le contenu fourni lors du déplacement. Le contenu qu'ils fournissent sur la page d'accueil est axé sur leur plus grand atout ; les projets précédents. Ils ont également utilisé un menu plein écran et légèrement transparent. En plus d'inclure les éléments de menu, ils ont également ajouté un texte d'introduction qui aide les visiteurs à naviguer à travers les différentes pages du site Web.

6. Somnolence Studio

conceptions de sites Web

Le sixième site Web de la liste, Doze Studio, est probablement le site Web le plus complexe de tous. Le site est dédié à un studio de design et de création situé en France. Le site Web est une page d'une page qui contient quatre liens d'ancrage dans la navigation menant à une section à propos, une section d'équipe, une section de clients et une section de contact. Toutes les sections nécessaires fournissent aux visiteurs suffisamment d'informations. Le site Web contient des effets complexes et intelligents qui mettent en valeur une partie de ce que l'entreprise peut réaliser.

7. Joug

conceptions de sites Web

Le prochain est Yoke. La page d'accueil de Yoke utilise des couleurs très claires qui donnent au site Web et à l'entreprise derrière le site Web un aspect professionnel. Les animations utilisées sur la page d'accueil, cependant, évoquent également le côté ludique et créatif. Lorsque nous jetons un coup d'œil à la section des héros, nous pouvons remarquer que sa structure n'est pas celle que vous rencontrez souvent. Au lieu de centraliser les éléments, ils ont plutôt choisi de placer l'animation au milieu et tout le reste des éléments dans les coins. Quelque chose qui permet aux visiteurs de naviguer facilement à travers les différentes options dont ils disposent. Lorsque vous faites défiler plus loin, vous remarquerez qu'ils utilisent différents types de boîtes pour représenter le contenu qu'ils fournissent.

8. Créano

conceptions de sites Web

Ensuite, nous allons jeter un œil à Creano, un studio d'artisanat numérique situé en France. Lors de l'ouverture du site Web, ils demandent immédiatement une interaction avec le site Web en demandant à entrer sur le site Web via le lanceur. Une fois que vous entrez dans le site Web réel, une autre chose qui attire immédiatement l'attention des gens est l'arrière-plan mutuel entre les sections. Cela met l'accent sur le processus de narration qu'ils souhaitent offrir à leurs visiteurs. En outre, ils utilisent également un effet flottant sur leur site Web qui y ajoute une perspective. Quelque chose qui fait sûrement son travail pour donner aux gens une raison d'explorer le contenu. Lorsque vous cliquez sur l'élément de menu, au lieu d'ouvrir une superposition, une nouvelle page avec la même mise en page est chargée et les éléments de menu y sont affichés.

9. Victoria Spicer

conceptions de sites Web

Un autre site Web sur notre liste de conceptions de sites Web qui nous a marqués est Victoria Spicer, une scénographe située à Londres. Le site Web qu'elle a créé est assez impressionnant, surtout si l'on considère le fait qu'il s'agit d'un site Web qui représente les services et les projets d'un individu. Le site Web présente un bel équilibre entre un look sobre et épuré et des effets impressionnants qui mettent en valeur le contenu fourni. Dans la section des héros, par exemple, Victoria Spicer a trouvé un bon moyen de laisser les gens explorer les différentes diapositives. Lorsque vous survolez le côté droit ou le côté gauche de la section des héros, une flèche apparaît sous forme de curseur. En plus de tout cela, elle a également utilisé d'excellents effets sur le défilement.

10. Portail Kandydata

conceptions de sites Web

Portal Kandydata est un autre site Web très agréable dans notre liste de conceptions de sites Web étonnantes. Ce site Web amène la narration à un niveau supérieur. En maintenant votre clic sur la section des héros, vous serez présenté dans une histoire. La fin de l'histoire vous mène finalement à la page d'accueil. C'est certainement une belle façon d'interagir avec les visiteurs. Cependant, si vous souhaitez ignorer l'histoire, vous pouvez immédiatement accéder à ce que vous recherchez dans le menu. Le site Web est conçu par Superskrypt, une société de conception Web polonaise que nous traiterons également plus loin dans cet article.

11. Festival VR d'Arles

conceptions de sites Web

Le prochain de nos sites Web choisis est le VR Arles Festival. VR Arles Festival est aussi un site français (les français font du bon boulot, n'est-ce pas). Le site est dédié à un festival VR et la première chose qui attire notre attention est l'utilisation de l'animation 3D dans la section héros. Cela donne cette petite touche supplémentaire au site Web et cela correspond à l'objet du site Web; qui est la réalité virtuelle. En plus de cela, ils ont également un joli menu coulissant qui ne couvre pas toute la hauteur du site Web, mais plutôt une partie de celui-ci.

12. Super crypte

conceptions de sites Web

Ensuite, nous avons aussi Superskrypt, une agence créative basée en Pologne. Deux des services qu'ils offrent sont l'image de marque et les sites Web de marque. Superskrypt est également le créateur du site Web Portal Kandydata que nous avons également présenté dans cet article. Ils ont un site Web de couleur sombre avec une section de héros très simple. Même si c'est simple, c'est aussi efficace. Ils fournissent à leur public des slogans simples avant de passer à la partie sophistiquée du site Web. Là, ils sont allés droit au but en fournissant leur contenu écrit de manière précise et en le décorant avec de jolis effets de fond.

Fabriqué avec Divi

Après vous avoir montré des sites Web créés avec WordPress en général, nous souhaitons également inclure deux sites Web époustouflants créés avec WordPress et Divi en même temps.

13. Popla Bellingen

conceptions de sites Web

Le quatorzième site Web de la liste et premier site Web Divi à mentionner est le site Web Popla Bellingen. La section héros de ce site Web attire immédiatement notre attention. C'est un arrière-plan de section bien combiné avec un arrière-plan blanc utilisé pour la ligne. En plus d'inclure un slogan et une image appropriée, la section héros de ce site Web contient également des informations de base qui permettent aux personnes qui recherchent des coordonnées de vous contacter facilement. Une autre chose remarquable à propos de ce site Web est le logo qui se chevauche dans le menu principal en combinaison avec les éléments du menu. La dernière chose à mentionner est le curseur à la fin de la page d'accueil qui contient des images Instagram.

14. Centre d'assistance à la dynamique familiale

conceptions de sites Web

Le dernier de la liste et le deuxième site réalisé avec Divi est un site dédié au Family Dynamics Assistance Center. Ce site correspond parfaitement aux services qu'ils offrent avec l'apparence et la convivialité du site Web. Le site Web utilise des couleurs douces et sérieuses qui se combinent bien avec les différentes conceptions spéciales utilisées sur le site Web. En plus de cela, les différents effets sur le défilement aident à faire passer le message et à partager le contenu sérieux de manière interactive et structurée.

Dernières pensées

Dans cet article, nous vous avons montré quelques conceptions de sites Web incroyables qui existent. Tous les designs que nous avons présentés ont été créés et optimisés par WordPress. Ces conceptions de sites Web sont un excellent moyen de vous inspirer pour votre propre site Web ou pour un prochain projet que vous pourriez avoir. Si vous avez des questions ou des suggestions ; assurez-vous de laisser un commentaire dans la section commentaires ci-dessous!

Assurez-vous de vous abonner à notre newsletter par e-mail et à notre chaîne YouTube pour ne jamais manquer une grande annonce, un conseil utile ou un cadeau Divi !

Image en vedette par 32 pixels / shutterstock.com