Objectif : Lister les fonctionnalités techniques et l’allure graphique que devra prendre votre projet.
L’allure du site / Partie graphique
Voici les questions que vous devez vous poser à ce stade :
- Allez-vous utiliser un logo pour votre site ? Si oui, il va falloir en créer un, ou en trouver un prêt à l’emploi. Sinon, vous pouvez vous contenter d’utiliser une belle typo pour donner + de poids au nom de votre site.
- Quelles couleurs et typographies souhaitez-vous utiliser pour votre site ?
Après vos recherches à l’étape 1 & 2, vous devriez avoir une petite idée des couleurs que vous souhaitez utiliser. C’est le moment de faire des choix et de vous fixer ! En général, une palette de 5/6 couleurs suffit, avec 2 ou 3 typos maximum.
Si vous n’êtes pas inspirés sur les couleurs, vous pouvez utiliser des outils en ligne qui vous permettent de générer des palettes de couleurs qui fonctionnent bien ensemble.- https://coolors.co/palettes/trending
- https://color.adobe.com/fr/create/color-wheel
- Pour les typos, je vous recommande de choisir parmi les Google Fonts, plus faciles d’accès avec des CMS comme WordPress : https://fonts.google.com/
- Quelles images utiliser pour illustrer votre site ?
Vous pouvez puiser dans des sites comme Pixabay pour les photos. Il existe aussi des sites qui proposent des illustrations gratuites et libres d’utilisation, tels que https://2.flexiple.com/scale/all-illustrations ou encore https://undraw.co/search (le petit + : vous pouvez choisir la couleur à appliquer aux illustrations qui vous intéressent !)
Lectures recommandées :
Les fonctionnalités
- Quelles fonctionnalités non prévues par la version basique de WordPress faut-il ajouter ? Listez-les dans votre cahier des charges. Restez simples, n’oubliez pas qu’ il ne s’agit que d’un site personnel !
Exemples- Formulaire de contact
- Ajout de boutons de partages sociaux
- Outils pour suivre les statistiques du site
- Galerie photo + sympa que celle proposée par votre thème
- Des fonctionnalités pour améliorer le référencement des articles du blog
- etc.
NB : Pour le projet vous devrez à minima mettre en place un formulaire de contact, un plugin pour installer Google Analytics, et un plugin de sécurisation le jour où vous publierez votre site.
N’hésitez pas à venir me poser des questions si vous avez des besoins particuliers : j’aurais certainement une solution à vous proposer ! (ou je peux aussi vous dire que votre idée n’est pas réalisable…)
La création d’un prototype visuel
Une fois tout ce travail effectué, vous allez pouvoir préparer un prototype visuel de votre futur site. Pour ce faire, je vous propose 2 méthodes :
- Soit utiliser Figma en suivant ce cours en ligne pour apprendre à le manipuler : https://openclassrooms.com/fr/courses/7342806-creez-une-maquette-web-avec-figma/7458079-prenez-en-main-figma
- Soit faire votre prototype directement dans Elementor
Lien vers la suite : choisir le template du site, et apprendre à l’utiliser -> https://cours.dkts.fr/wordpress/wordpress-avance/projet-creer-votre-site-personnel/5-choisir-le-template-du-site-et-apprendre-a-lutiliser/