Objectif : Trouver des sources d’inspiration, se constituer un “book” des sites remarquables qui vous inspirent. L’idée n’est pas de copier un site existant, mais de collecter les bonnes pratiques réutilisables pour votre projet personnel.
Conseils pour mener à bien cette étape :
1. Diversifiez vos sources d’inspiration :
Explorez différents secteurs (pas uniquement votre domaine professionnel) pour élargir vos perspectives. Par exemple, si vous êtes dans le domaine de la communication, regardez des sites dans le domaine artistique, technologique, ou encore dans les services. Cela vous permettra d’intégrer des idées originales et moins attendues dans votre site.
- Outils conseillés : Utilisez Pinterest pour repérer des tendances graphiques ou Awwwards et Behance pour voir des exemples de sites primés et originaux.
- Si vous désirez utiliser Elementor, vous pouvez aussi regarder les plus beaux sites réalisés avec cet outil sur différents articles de blog :
- https://www.founderjar.com/inspiration/elementor-website-examples/
- https://wpessentials.org/inspiration/elementor-website-examples/
- Et plus globalement en recherchant « Elementor showcases » dans Google 😉
2. Analysez les sites d’un point de vue utilisateur :
Quand vous visitez un site, prenez le temps de l’analyser du point de vue de l’utilisateur : navigation fluide, mise en page claire, typographie lisible, palette de couleurs harmonieuse, etc. Notez les éléments spécifiques que vous trouvez efficaces et comment ils peuvent être adaptés à votre projet.
- Outils conseillés : Utilisez des extensions comme WhatFont pour identifier les polices de caractères, ou ColorZilla pour capturer les palettes de couleurs directement depuis les sites.
3. Ne vous limitez pas à l’esthétique :
Pensez également aux fonctionnalités techniques qui vous intéressent. Par exemple, est-ce que le site utilise un menu fixe ? Est-il responsive ? Les animations sont-elles fluides et apportent-elles un plus à l’expérience utilisateur ?
- Outils conseillés : Utilisez Wappalyzer pour comprendre quelles technologies (CMS, frameworks, etc.) sont utilisées par les sites que vous visitez.
4. Constituez un “moodboard” digital :
Créez un tableau d’inspiration visuelle où vous rassemblez non seulement des sites, mais aussi des éléments graphiques ou des designs (logos, typographies, couleurs) qui vous parlent.
- Outils conseillés : Utilisez Miro, Milanote ou Canva pour organiser vos idées sous forme de moodboard interactif.
5. Priorisez la pertinence sur la quantité :
Limitez-vous à 3 ou 4 sites pour éviter de vous éparpiller. Sélectionnez des sites qui correspondent à l’image que vous souhaitez donner et qui sont réalistes à mettre en œuvre techniquement avec WordPress.
- Outils conseillés : Utilisez un Google Doc partagé pour noter vos observations, avec des captures d’écran des éléments clés, et un système de notation pour évaluer ce qui pourrait être repris ou non.
Lien vers la suite du projet : réfléchir à l’organisation du site -> https://cours.dkts.fr/wordpress/wordpress-avance/projet-creer-votre-site-personnel/3-arborescence-et-maquettage/