La refonte de mon site web et de mon logo a été une étape essentielle pour apporter plus de clarté à mes services.
Ce projet s’est appuyé sur une collaboration de confiance avec Pierre-Emmanuel Robert, Directeur artistique et graphiste, et Laetitia Lecoyer, Webdesigner, infographiste et motion designer.
Ensemble, ils forment le duo talentueux de Nord Sud Création, et leur expertise combinée a été nécessaire pour concevoir une charte graphique cohérente et un site web/blog innovant et fonctionnel.
Plongez dans les coulisses de cette refonte au travers de leur interview.
Laetitia, Pierre-Emmanuel, nous avons récemment collaboré sur la refonte de mon site internet et la création de mon nouveau logo pour mes 20 ans d’activité.
Avant d’entrer dans les coulisses de ce projet, pouvez-vous vous présenter et nous raconter comment est né Nord Sud Création ?
Pierre-Emmanuel Robert : Directeur artistique et graphiste depuis plus de 28 ans, j’ai évolué en agence de communication pendant près de 10 ans avant de me lancer comme indépendant il y a 18 ans maintenant. J’interviens sur une large gamme de projets : identité visuelle, web design, édition, signalétique, covering de véhicule, design textile… Mon ambition reste inchangée : associer esthétique et stratégie pour donner du sens aux supports de communication de mes clients. Passionné par la diversité des projets, j’aime relever de nouveaux défis et me remettre en question régulièrement dans mon métier.
Laetitia Lecoyer : Je suis webdesigner et motion designer, avec un parcours en agence également. Comme Pierre-Emmanuel, je suis indépendante depuis plusieurs années. J’aime donner vie aux projets à travers le webdesign et l’animation graphique, en veillant à conjuguer ergonomie et créativité.
Vous formez un duo complémentaire. Comment fonctionne votre collaboration ?
Pierre-Emmanuel : Nos compétences se croisent naturellement : je travaille sur la direction artistique et l’identité visuelle, tandis que Laetitia prend en charge le web design et l’intégration. Cette complémentarité nous permet de proposer des solutions globales et cohérentes.
Laetitia : Oui, et ce qui est intéressant, c’est que nous pouvons intervenir aussi bien sur des projets institutionnels, culturels ou corporate. Nous apprécions particulièrement les projets avec un enjeu de lisibilité et d’accessibilité, que ce soit pour une entreprise, une collectivité ou un indépendant comme toi.
Rentrons dans les détails de notre collaboration.
La refonte de mon logo a été une étape importante. Comment avez-vous procédé ?
Pierre-Emmanuel : La refonte d’une identité visuelle est toujours un moment clé. Nous avons exploré plusieurs pistes graphiques avant d’affiner une version qui te correspondait pleinement. L’objectif était de moderniser ton image tout en restant fidèle à ton activité et à tes valeurs.
Parlons de mon site ! Quelle a été votre approche pour cette refonte ?
Pierre-Emmanuel : Ton besoin était la clarté et la valorisation de tes services. Nous avons travaillé sur une arborescence fluide, mettant en avant tes deux métiers : la correction et la rédaction de comptes rendus.
L’objectif était que les visiteurs comprennent immédiatement ton offre et trouvent facilement les informations essentielles.
Laetitia : Pour le web design, nous avons privilégié un design épuré, en accord avec ton univers professionnel. Le site a été développé sous WordPress afin que tu puisses le gérer en toute autonomie. Une attention particulière a été portée à l’ergonomie et à la lisibilité, garantissant une cohérence visuelle et un enrichissement homogène, conforme aux exigences du web et des CSS.
En amont du projet, quelles ont été vos premières réflexions sur l’arborescence et la structuration du site ?
Pierre-Emmanuel : Nous avons pris en compte la longueur des contenus et l’impact de chaque page, ceci afin d’obtenir un ensemble équilibré, ni trop longues ni trop courtes tout en conservant à l’esprit l’organisation initiale des contenus.
Laetitia : Effectivement, nous nous sommes rendu compte que certaines parties étaient déséquilibrées par rapport à d’autres, nous avons donc restructuré un peu l’ensemble…
Comment avez-vous intégré mes besoins spécifiques pour mettre en avant la correction et la rédaction de comptes rendus ?
Pierre-Emmanuel : D’un point de vue structurel, nous avons créé une identification spécifique pour chaque prestation au niveau du menu. Ensuite, nous avons mis en place une organisation des sous-parties adaptée et différenciée selon les impératifs de chaque prestation, afin d’optimiser leur mise en avant. Par ailleurs, dès la page d’accueil, les prestations sont mises en avant avec un lien redirigeant vers leurs pages respectives.
Quels choix graphiques et ergonomiques avez-vous faits ?
Laetitia : En termes de design web, j’ai mis en place une approche UX/UI centrée sur la clarté et l’accessibilité. J’ai travaillé sur :
- une mise en page épurée, facilitant la lecture et la navigation
- une hiérarchisation visuelle efficace des informations (titres, intertitres, listes, encadrés pour les points clés). Nous avons également enrichi certaines pages en termes d’iconographies.
- une optimisation mobile et l’accessibilité web afin d’assurer une expérience utilisateur efficace, quel que soit le support utilisé.
Pouvez-vous détailler le travail d’intégration des contenus et la mise en page des différentes sections ?
Laetitia : L’intégration des contenus et la mise en page d’une page web passent par plusieurs étapes clés. D’abord, on structure les textes, images et médias en respectant les bonnes pratiques UX et SEO. Ensuite, la mise en page se fait via un CMS ou en HTML/CSS ou parfois les deux pour obtenir des réglages plus fins, en veillant à l’optimisation des performances (chargement rapide, adaptabilité mobile). On ajoute ensuite des interactions (animations, effets visuels) pour améliorer l’expérience utilisateur. Enfin, des tests multi-supports sont réalisés avant la mise en ligne, suivie d’un suivi analytique pour ajuster si nécessaire. L’objectif : une page fluide, lisible et performante.
NOUS EXERÇONS NOTRE MÉTIER AVEC PASSION, ET C’EST CETTE POLYVALENCE QUI NOUS MOTIVE CHAQUE JOUR !
Quelles solutions avez-vous mises en place pour assurer la protection et la sécurisation du site ?
Pierre-Emmanuel : Nous avons mis en place et paramétré des plugins de sécurité afin de protéger le site contre le spam, notamment au niveau du formulaire de contact. De plus, nous avons mis à jour les bases PHP de l’hébergeur, ce qui permet d’assurer une meilleure compatibilité avec les dernières versions de WordPress et des plugins, tout en renforçant la stabilité et la sécurité du site.
Comment s’est déroulée la migration des articles de blog et quelles recommandations m’avez-vous faites pour l’optimiser ?
Pierre-Emmanuel : Nous avons utilisé un utilitaire spécifique de récupération des bases de données pour extraire les anciens articles et les injecter automatiquement dans le nouveau template WordPress. Cela a permis de restaurer l’ensemble des contenus sans intervention manuelle. Il ne restait plus qu’à réviser les articles pour s’assurer du bon affichage et ajuster certaines feuilles de style afin d’optimiser le rendu final.
Laetitia : De mon côté, cet utilitaire a grandement facilité la tâche et permis d’éviter toute erreur lors de la réintégration des données.
Quels ont été les principaux défis de cette refonte ?
Laetitia : Nous avons choisi d’implémenter un « page builder » afin de faciliter la prise en main du site et l’intégration de nouvelles sections par tes propres moyens, te permettant ainsi de l’administrer en toute autonomie. Parmi les deux principaux outils disponibles, Divi et Elementor, notre choix s’est rapidement porté sur Elementor (que nous connaissions déjà pour l’avoir utilisé pour d’autres clients). Son utilisation intuitive ne nécessite aucune formation préalable, ce qui représente un véritable atout en termes de simplicité et d’efficacité.
Pierre-Emmanuel : Un autre défi était de trouver l’équilibre entre modernité et sobriété. L’identité visuelle devait être impactante sans être trop chargée, pour refléter ton professionnalisme et ta rigueur.
Avec le recul, quels conseils donneriez-vous à un indépendant souhaitant refondre son site internet ?
Pierre-Emmanuel : Refondre son site internet est un travail conséquent, surtout pour un indépendant, car cela demande du temps en plus de son activité principale. Ce type de projet est souvent relégué au second plan, bien qu’il soit essentiel. Je recommande de prendre le temps nécessaire pour repenser le positionnement de son activité, aussi bien en termes de discours que d’éventuelles nouvelles orientations professionnelles. Cela permet de redéfinir l’arborescence du site ainsi que sa stratégie de vente et de marketing.
Une autre étape clé est la rédaction des nouveaux contenus. Écrire pour le web implique de respecter une structure adaptée aux feuilles de style et d’intégrer dès le départ les bonnes pratiques de référencement naturel. La qualité des contenus a un impact direct sur votre visibilité dans les résultats des moteurs de recherche (Google et autres). Un contenu bien optimisé améliore non seulement le positionnement, mais aussi l’expérience utilisateur.
Enfin, quels sont les projets qui vous animent en ce moment et ceux que vous aimeriez développer à l’avenir ?
Pierre-Emmanuel : Comme mentionné précédemment, nous apprécions la diversité et ne souhaitons pas nous spécialiser dans un domaine unique. Cela peut parfois donner l’impression d’une expertise moins pointue par rapport à certaines agences ou indépendants spécialisés dans tel ou tel domaine (web, édition d’entreprise, vidéo…). Cependant, nous avons fait le choix inverse : proposer une gamme complète de prestations. Cette approche nous permet d’accompagner les indépendants, les entreprises et les organisations sur l’ensemble de leurs supports de communication. Cela garantit une vision globale et une forte cohérence dans leur stratégie de communication.
Laetitia : Pour faire écho aux propos de Pierre-Emmanuel, nous avons récemment réalisé des vidéos explicatives pour une entreprise spécialisée dans les systèmes de filtration d’eau, conçu le covering (habillage graphique) d’un voilier de course, créé et produit des catalogues pour un laboratoire pharmaceutique, et travaillé sur les supports de communication d’écoles supérieures. Par ailleurs, j’interviens actuellement en sous-traitance pour une grande agence de communication financière parisienne afin d’adapter des rapports d’activité papier au format web. Ces projets illustrent parfaitement la diversité des missions que le studio Nord Sud Création prend en charge. Nous exerçons notre métier avec passion, et c’est cette polyvalence qui nous motive chaque jour !
Je remercie Laetitia et Pierre-Emmanuel pour leur engagement et leur expertise.
Envie de revisiter votre logo, votre site web ? Contactez Nord Sud Création nordsud.creation@gmail.com