UI UX Design
Autoéditer mon livre
Accompagnement pour l’autoédition
Date
2025
Outils
Figma
Photoshop
Illustrator
Compétences
Création du logo et définition de la charte graphique
Conception UI sur Figma
Prototypage d’interactions
Refonte d'un site web pour un client, avec une nouvelle charte graphique et restructuration de l'information du précedent site.
Dans le cadre de ce projet de refonte, j’ai repensé l’identité visuelle et l’univers digital du site Autoéditer Mon Livre, un accompagnateur spécialisé dans l’autoédition à destination des auteurs indépendants. L’objectif : professionnaliser l’image du service tout en conservant un ton accessible et pédagogique.
Le travail s’est articulé autour de la création d’un nouveau logo, d’une charte graphique distinctive, de maquettes UI complètes, et de l’intégration sur WordPress avec le thème Avada.
Objectifs du projet
Moderniser et clarifier l’univers graphique
Créer une expérience utilisateur fluide pour une cible non experte en numérique
Valoriser l’offre de services via des fiches détaillées et compréhensibles
Renforcer le professionnalisme perçu sans perdre en accessibilité
Optimiser le référencement naturel (SEO)
Un univers visuel structuré et rassurant
Le nouveau branding devait traduire les valeurs fondamentales du service : crédibilité, accompagnement, autonomie et accessibilité. Le logo illustre un livre ouvert stylisé, symbole de partage de savoir, de narration et de passage à l’action. La typographie classique (Georgia) est associée à une typographie web plus contemporaine (Trebuchet MS) pour un équilibre entre sérieux et modernité.
La palette chromatique repose sur :
Un bleu profond pour évoquer la fiabilité
Un orange dynamique et un rouge brique pour l’action
Des tons neutres sable rosée et crème nacrée pour l’élégance et la lisibilité
L’ensemble forme une identité visuelle cohérente, facilement déclinable sur les supports web et print.
Un parcours utilisateur simplifié
J’ai conçu les maquettes haute fidélité sur Figma, en travaillant sur l’ergonomie et la lisibilité du contenu. L’arborescence a été repensée autour de 7 grandes rubriques : Accueil, Services, À propos, Conseils, Blog, Réservation, Contact.
Une attention particulière a été portée à :
La hiérarchisation des offres via des cartes claires et illustrées
L’accessibilité des appels à l’action
L’intégration d’éléments de réassurance : témoignages, chiffres-clés, expertise, FAQ
Intégration WordPress avec Avada
Le site a été intégré sous WordPress avec le thème Avada, choisi pour sa robustesse et son constructeur visuel intégré (Fusion Builder). Cette solution m’a permis de reproduire fidèlement les maquettes et d’assurer une expérience responsive sur tous les supports.
Fonctionnalités principales :
Construction sur mesure des templates de pages (Accueil, Services, Contact…)
Création d’un footer enrichi, incluant mentions légales, formulaire de contact et navigation secondaire
Intégration de formulaires de contact personnalisés
Installation et configuration d’extensions essentielles :
Yoast SEO pour l’optimisation du référencement naturel
Calendly pour la partie réservation
Mise en place d’un back-office simplifié pour faciliter la gestion autonome des contenus
Une refonte orientée utilisateur
Le projet Autoéditer Mon Livre m’a permis de mener une refonte complète orientée utilisateur, en mêlant design accessible, clarté de l’information et structure éditoriale fluide. L’ensemble du travail a été guidé par une volonté d’autonomie pour l’utilisateur, qu’il soit visiteur ou gestionnaire du site.
