La démarche
-
Créer l'identité visuelle
Logo « MF » et charte « Techno Sombre » : une palette sombre pensée pour le contraste, avec un vert réservé aux actions.
-
Choisir et préparer les images
Visuels professionnels et bureautiques, retravaillés sous Canva Pro pour s'intégrer au thème sombre.
-
Installer la base du site
WordPress avec le thème Kadence, et un menu principal qui devient un menu burger sur tablette et mobile.
-
Construire les pages avec Elementor
Accueil, Fonctionnalités, Générer ma facture / devis, Contact et Mentions légales, avec des animations d'entrée réglées bloc par bloc.
-
Ajouter les fonctionnalités
Formulaire de contact avec Contact Form 7, page de connexion avec LoginPress, devis et factures avec Sliced Invoices.
-
Sécuriser et mettre en conformité
Cookies et conditions d'utilisation avec Complianz, accessibilité avec Ally, protection du site avec Really Simple Security, images optimisées.
La charte graphique
Sept couleurs, chacune avec un rôle précis dans l'interface.
-
#494F59
Gris ardoise froid
En-têtes et barres supérieures.
-
#1E1E1E
Gris ardoise foncé
Fonds principaux des sections.
-
#1A202C
Bleu nuit profond
Fond alternatif pour varier les arrière-plans.
-
#E6E6E8
Gris très clair
Texte principal et fonds des champs de formulaire.
-
#00C853
Vert vif
Boutons d'action et grands titres.
-
#18431E
Vert sapin profond
Survol et ombrage des boutons verts.
-
#F7FAFC
Ivoire
Teinte claire de la palette.
Le site en images
-
Page d'accueil
-
Navigation sur ordinateur, tablette et mobile
-
Page Fonctionnalités et réglage des animations
-
Pages Contact et Connexion
Limites rencontrées
-
Portail de connexion
Objectif : permettre aux visiteurs de se connecter au site avec LoginPress.
Obstacle : les réglages nécessaires sont réservés à la version payante de l'extension.
-
Génération des devis
Objectif : créer devis et factures automatiquement, les envoyer par e-mail et enregistrer les clients avec leurs données d'entreprise.
Obstacle : avec Sliced Invoices, seul l'administrateur accède au formulaire, alors qu'un visiteur inscrit devait pouvoir générer son devis lui-même. Cette partie est encore en réflexion.
La présentation complète
Le support réalisé sous Canva : maquettes, charte graphique et marque, en 10 diapositives.