Remedia - Landing page e-learning IA, WordPress & SEO
Développement d’une landing page responsive pour Remedia sous WordPress et Elementor, à partir de maquettes Figma, avec création de l’en-tête et du pied de page, intégration d’un bouton WhatsApp flottant, optimisation SEO via Rank Math et configuration de GTM et GA4.
- Rôle
- Développeur WordPress & Spécialiste SEO Technique
- Secteur
- EdTech
- Année
- 2026

Présentation
Remedia est une plateforme marocaine de e-learning basée sur l’intelligence artificielle, destinée aux universités, écoles et établissements d’enseignement supérieur. Elle propose des fonctionnalités d’accompagnement pédagogique, notamment la création de cours assistée par IA, l’évaluation et la correction des travaux. J’ai entièrement développé le site vitrine de Remedia sous WordPress avec Elementor, en assurant l’intégration fidèle des maquettes UI/UX réalisées sur Figma. Mon intervention a couvert l’ensemble du développement front-end du site, depuis la construction des différentes sections de la landing page jusqu’à la création et la personnalisation de l’en-tête, du pied de page, des menus de navigation et des composants interactifs. J’ai également adapté les interfaces aux différents formats d’écran afin de garantir une expérience responsive cohérente sur ordinateur, tablette et smartphone. Pour faciliter la prise de contact et la génération de prospects, j’ai intégré des boutons d’appel à l’action, des liens de réservation de démonstration et un bouton WhatsApp flottant accessible pendant la navigation. Sur le plan du référencement naturel, j’ai configuré Rank Math SEO pour la gestion des métadonnées et l’optimisation on-page. J’ai également intégré Google Tag Manager (GTM) et Google Analytics 4 (GA4) afin de permettre l’analyse du trafic et le suivi de l’activité des visiteurs. Ce projet illustre ma capacité à transformer une conception Figma en un site WordPress professionnel, responsive et orienté conversion, tout en prenant en charge l’intégration technique, le SEO et les outils d’analyse marketing.
L'enjeu
Transformer des maquettes Figma en une landing page WordPress fidèle au design original, responsive et orientée conversion, tout en intégrant les fonctionnalités de navigation, les outils SEO et les solutions d’analyse du trafic.
Reproduire fidèlement les maquettes Figma avec Elementor.
Respecter l’identité visuelle, les typographies, les couleurs et les espacements.
Construire entièrement l’en-tête, le pied de page et les composants de navigation.
Adapter les interfaces aux écrans desktop, tablette et mobile.
Présenter clairement les fonctionnalités d’une plateforme e-learning utilisant l’intelligence artificielle.
Structurer les sections pour faciliter la lecture et la compréhension de l’offre.
Mettre en place des appels à l’action favorisant les demandes de démonstration.
Faciliter la prise de contact grâce à un bouton WhatsApp flottant.
Configurer les éléments essentiels du référencement naturel.
Intégrer Google Analytics 4 et Google Tag Manager sans perturber le fonctionnement du site.
Garantir une structure WordPress facilement administrable et évolutive.
La solution
Réalisation d’une landing page WordPress responsive intégrant fidèlement les maquettes Figma grâce à Elementor, avec un header et un footer personnalisés, des CTA interactifs, un accès WhatsApp flottant, une configuration SEO Rank Math et des outils d’analyse GTM et GA4.
Développement du site sur WordPress avec Elementor.
Reproduction des maquettes Figma dans des interfaces web fonctionnelles.
Création d’une structure de page organisée en sections réutilisables.
Développement d’un en-tête personnalisé avec navigation sticky.
Création d’un pied de page cohérent avec l’identité visuelle.
Adaptation responsive des contenus, visuels et éléments de navigation.
Intégration de sections interactives pour présenter les bénéfices et fonctionnalités de Remedia.
Mise en place de boutons d’essai gratuit et de demande de démonstration.
Intégration des liens Calendly pour la réservation de démonstrations.
Création et configuration de popups Elementor.
Ajout d’un bouton flottant WhatsApp pour faciliter le contact direct.
Configuration de Rank Math pour la gestion des principaux paramètres SEO.
Mise en place de Google Tag Manager pour centraliser les intégrations de suivi.
Intégration de Google Analytics 4 pour analyser le trafic et le comportement des visiteurs.
Organisation du site pour permettre une maintenance et une évolution simplifiées.
Ma contribution
Développement complet du site vitrine Remedia sous WordPress.
Intégration des maquettes Figma avec Elementor.
Construction et personnalisation de toutes les sections de la landing page.
Développement de l’en-tête personnalisé et du menu de navigation.
Développement du pied de page et de ses différents éléments.
Configuration du header sticky et du menu responsive.
Adaptation des mises en page pour desktop, tablette et mobile.
Intégration des visuels, icônes et composants graphiques.
Mise en place des boutons CTA pour les demandes de démonstration et les essais gratuits.
Intégration des popups Elementor.
Ajout d’un bouton WhatsApp flottant pour faciliter les échanges avec les visiteurs.
Configuration de Rank Math SEO pour l’optimisation on-page.
Mise en place des titres SEO et des méta-descriptions.
Intégration de Google Tag Manager (GTM).
Intégration de Google Analytics 4 (GA4).
Vérification du comportement responsive des différents composants.
Organisation des sections Elementor pour simplifier les futures modifications du contenu.
Technologies
- WordPress
- Elementor
- HTML
- CSS
- Figma
- Responsive Web Design
- UI/UX Implementation
- Rank Math SEO
- On-Page SEO
- Technical SEO Configuration
- Google Analytics
- Google Tag Manager
- WhatsApp Floating CTA
- Demo Booking Links
- Elementor Popups
Fonctionnalités clés
Landing page WordPress responsive
Intégration Figma vers Elementor
Développement complet de la homepage
Header personnalisé
Footer personnalisé
Navigation sticky
Menu responsive mobile
Sections de présentation des fonctionnalités
Carrousels et composants interactifs
Boutons d’appel à l’action
Popup de demande d’essai gratuit
Bouton WhatsApp flottant
Optimisation SEO avec Rank Math
Gestion des titres et méta-descriptions
Google Analytics 4 (GA4)
Google Tag Manager (GTM)
Interfaces adaptées au desktop, à la tablette et au mobile
Gestion des contenus via WordPress
Structure Elementor maintenable et évolutive
Voir le site en ligne
remedia.ma
Vous avez un projet ?
Créons quelque chose d'utile ensemble.
Parlez-moi de votre projet, de votre besoin ou de votre idée et voyons comment je peux vous aider.