Magali COLAS
WordPress Developper

Réalisations

Table des matières

Création site Eliseprevost.fr

Élise démarrait son activité de Thérapie du Sensible à Lyon et voulait un site à son image pour se lancer. J'ai créé son site WordPress en partant de zéro. Un espace simple, doux et professionnel, qui lui ressemble et lui permet d'accueillir ses premiers clients.
Thérapie du sensible

Création site Atelier-mv.fr

Le site d'Atelier MV accusait le poids des années et présentait des vulnérabilités XSS critiques héritées de leur ancien builder. Mission : migrer l'hébergement vers OVH et refondre l'intégralité du site sous WordPress — nouvelle architecture, environnement sécurisé, et interface remise au goût du jour.

Côté technique :

  • Création bloc Gutenberg custom avec ACF
  • Migration serveur
  • Nettoyage base de données / fichiers (extensions / thèmes inutilisés)
Atelier MV Architecture

Création site Lesgoules-wow.fr

Comment améliorer la visibilité de streameurs tout en valorisant leur expertise sur un jeu spécifique ? Ce projet a été pensé pour répondre à cet enjeu en combinant stratégie SEO, structuration des contenus et accompagnement éditorial.

Mise en place d’une architecture optimisée pour le référencement naturel (SEO), avec une organisation claire des contenus et des pages afin de maximiser leur indexation et leur visibilité sur les moteurs de recherche. Accompagnement des contributeurs sur la rédaction web (bonnes pratiques SEO, structuration des textes, lisibilité) ainsi que vulgarisation des notions techniques pour faciliter leur autonomie.

Développement custom WordPress
  • création d’un thème enfant basé sur un starter thème Bootstrap, permettant une base solide, responsive et évolutive
  • Mise en place d’un merchandising temporaire via WooCommerce
  • Développement de contenus dynamiques grâce à l’utilisation de Custom Post Types (CPT) et de taxonomies personnalisées pour structurer efficacement les données
  • Travail spécifique sur les performances avec l’implémentation de requêtes optimisées via l’utilisation de transients, ainsi qu’un système de purge automatique lors de la création ou mise à jour des contenus (hors brouillons).
  • Optimisation de l’accessibilité avec l’intégration de la police Luciole, le respect des contrastes de couleurs et le développement d’une navigation clavier (en cours).
  • Les Goules

Refonte site Crosstalent.fr

Face à un site peu adapté aux usages mobiles, lent, visuellement daté et techniquement rigide, j'ai conduit une refonte complète pour remettre la performance au centre. Charte graphique modernisée, expérience mobile repensée, vitesse optimisée et prise en main des contenus rendue accessible à toute l'équipe grâce à un éditeur visuel pleinement exploitable. Un site remis au niveau des standards actuels, aussi bien pour les utilisateurs que pour ceux qui le font vivre au quotidien.


Pour répondre aux problématiques identifiées, une refonte complète a été menée de bout en bout. Un nouveau thème a été intégré pour moderniser l'expérience visuelle et appliquer la nouvelle charte graphique. Les performances ont été sensiblement améliorées avec une compatibilité mobile portée à 100% et le format AMP déployé sur les pages d'actualités pour garantir une navigation fluide sur tous les supports. Au-delà de l'aspect technique, le workflow interne a également été optimisé grâce à un routage automatique des demandes de démonstration et de catalogue, acheminées directement aux interlocuteurs concernés, pour un traitement plus rapide et sans friction.

Refonte et création de landings page chez Crosstalent

Développeuse WordPress avec une approche orientée résultats, je conçois et refonds des landing pages pensées pour convertir. Mes projets ont permis d'améliorer significativement le taux de transformation, d'affiner le ciblage pour toucher les bonnes audiences au bon moment, et de reprendre le contrôle sur les budgets pour maximiser le retour sur investissement.





Refonte sites événements et institutionnels chez Groupe IGS

DPA, Groupe IGS site évènementiel

Le client souhaitait une remise à niveau complète : modernisation du code, refonte graphique et technique, création d'une version mobile et relance de l'indexation. Plutôt que d'une simple mise à jour, c'est une transformation en profondeur qui a été engagée. Le code a été basculé sur Bootstrap pour assurer une base technique solide et une compatibilité mobile native. Le site a été repensé en one-page pour fluidifier la navigation, avec un travail soigné sur le scroll, l'aération des contenus et la respiration visuelle des éléments. La charte graphique existante a été réappropriée et sublimée pour redonner au site une identité forte et cohérente, tout en relançant une indexation saine auprès des moteurs de recherche.

2C2E, Groupe IGS site évènementiel

Le client souhaitait redonner de la vie à son site : plus de couleur, une image de concours plus dynamique et des informations clés mises en avant sans noyer l'utilisateur dans le scroll. Le parti pris a été d'exploiter pleinement les couleurs vives de la charte existante, bleu et vert, pour insuffler de l'énergie à l'ensemble des pages. La lisibilité des informations essentielles a été repensée en passant sur des fonds blancs épurés, permettant au contenu de respirer et de capter l'attention. Les informations ont été découpées et hiérarchisées pour guider naturellement le regard, et le formulaire a été fragmenté en plusieurs étapes pour réduire la friction et améliorer le taux de complétion.

Cléa, Groupe IGS site vitrine

Réalisé en collaboration étroite avec la direction artistique du Groupe IGS, ce site vitrine a fait l'objet de deux versions successives. La seconde itération a apporté des améliorations ciblées sur l'expérience utilisateur : une entrée personnalisée selon le profil visiteur, recruteur ou salarié, pour orienter chacun vers les contenus qui le concernent directement. La navigation a été enrichie d'une aide contextuelle pour guider l'utilisateur, et les informations clés ont été mises en avant pour délivrer l'essentiel au bon moment.

IMIS, Groupe IGS site institutionnel

Le site institutionnel du Groupe IGS souffrait d'une image trop statique et d'une expérience visuelle datée. L'objectif : moderniser l'ensemble sans repartir de zéro. Des sliders et transitions ont été intégrés pour apporter du mouvement et de la dynamique. Les interactions ont été soignées sur l'ensemble des éléments, effets de survol, transitions de liens, sous-navigations en parallax, pour rendre la navigation plus vivante et engageante. Le menu et la sidebar ont été entièrement refondus pour plus de clarté, et le CSS a été lissé et harmonisé de bout en bout, avec la création des styles manquants, notamment les calls to action, pour une identité visuelle cohérente et maîtrisée.

Sécuriser un site sous WordPress

La sécurisation d’un site WordPress est essentielle pour se protéger contre les attaques automatisées et les tentatives de piratage fréquentes sur ce CMS. Un audit de sécurité permet d’identifier les failles les plus courantes (accès administrateur, mots de passe faibles, structure exposée) et de mettre en place des actions correctives simples mais efficaces.

Les optimisations de sécurité mises en place reposent sur plusieurs bonnes pratiques :

  • Protection des accès administrateur : blocage de l’identifiant par défaut (ID = 1) pour éviter l’exposition du compte administrateur via les URL
  • Renforcement des identifiants et mots de passe : utilisation de mots de passe complexes (majuscules, caractères spéciaux, longueur élevée) et suppression des identifiants trop communs (admin, 123456…)
  • Personnalisation de l’URL de connexion : modification de l’accès au back-office (wp-login) afin de limiter les attaques automatisées (brute force)
  • Restriction de l’accès aux répertoires : désactivation de l’indexation des dossiers sensibles via le fichier .htaccess pour empêcher l’exploration des fichiers
  • Blocage des robots malveillants : filtrage des user-agents suspects à partir des logs serveur pour limiter les requêtes indésirables
  • Réduction des “footprints” WordPress : suppression des éléments identifiables (version WordPress, thèmes par défaut, contenus initiaux) afin de limiter les failles exploitables
  • Masquage des informations sensibles : suppression de la meta version WordPress dans le code source pour éviter l’exploitation de vulnérabilités connues
  • Mise en place de sauvegardes régulières : automatisation des backups fichiers + base de données pour sécuriser les données et anticiper les incidents

Améliorer la rapidité d'un site sous WordPress

L’optimisation des performances d’un site WordPress est essentielle pour garantir une bonne expérience utilisateur et améliorer son référencement naturel. Suite à un audit de vitesse (notamment via PageSpeed Insights), plusieurs axes d’amélioration ont été identifiés, en particulier pour les connexions mobiles (3G, Edge). Les optimisations mises en place s’articulent autour de plusieurs leviers techniques :

  • Optimisation des médias : compression des images (72 DPI), redimensionnement adapté aux usages, choix des formats (JPEG plutôt que PNG sauf transparence), limitation du poids des fichiers pour améliorer les temps de chargement
  • Mise en cache navigateur : configuration du fichier .htaccess pour activer la compression et le stockage des ressources statiques (images, CSS, JavaScript)
  • Hiérarchisation du chargement : priorisation des fichiers critiques (CSS, JS essentiels) en haut de page et chargement différé des scripts secondaires pour accélérer l’affichage initial
  • Optimisation du code : allègement et structuration du code source pour limiter les requêtes inutiles
  • Utilisation de transients : mise en cache des requêtes WordPress pour réduire le temps de traitement côté serveur
  • Mise en place de CDN : distribution des ressources statiques (médias, fichiers CSS/JS) via des sous-domaines dédiés afin de répartir les charges, accélérer les temps de réponse et améliorer la disponibilité
  • Suivi des performances : monitoring régulier avec des outils comme Google PageSpeed pour mesurer les gains et ajuster les optimisations dans le temps

Profil

WordPress

Réalisations

Expériences

Contact

Télécharger mon CV ▼