Skip to content
All projectsCMS Websites
CMS Websites

Remedia - AI E-Learning Landing Page & WordPress Development

Developed Remedia’s responsive WordPress landing page from Figma designs using Elementor, including custom header and footer, floating WhatsApp CTA, Rank Math SEO optimization, and Google Tag Manager (GTM) and Google Analytics 4 (GA4) integration.

Role
WordPress Developer & Technical SEO Specialist
Sector
EdTech
Year
2026
Remedia - AI E-Learning Landing Page & WordPress Development: website screenshot

Overview

Remedia is a Moroccan EdTech platform that uses artificial intelligence to support universities, higher education institutions, and teachers in managing and improving their educational processes. I independently developed the complete Remedia marketing website using WordPress and Elementor, transforming the provided Figma designs into a functional, responsive, and conversion-focused digital experience. My work covered the entire front-end implementation, including the homepage, navigation, custom header and footer, responsive layouts, interactive sections, and call-to-action elements. I also implemented a floating WhatsApp button to simplify direct communication with potential customers, alongside demo booking and free-trial calls to action. Beyond website development, I configured Rank Math SEO to manage on-page SEO elements and integrated Google Tag Manager (GTM) and Google Analytics 4 (GA4) to establish the website's analytics and visitor tracking infrastructure. The result is a professionally developed WordPress landing page that presents Remedia's AI-powered educational offering while supporting user engagement, lead generation, and organic search visibility.

The challenge

Transform detailed Figma designs into a fully functional, responsive WordPress landing page while preserving visual consistency, maintaining usability across devices, and integrating SEO, analytics, and lead-generation tools.

  • Accurately translate Figma UI designs into WordPress using Elementor.

  • Reproduce the original typography, spacing, colors, and visual components.

  • Develop a consistent header, navigation system, and footer.

  • Ensure a seamless responsive experience across desktop, tablet, and mobile devices.

  • Present complex AI-powered educational services through a clear and accessible landing page.

  • Implement effective calls to action for demo requests and free trials.

  • Provide direct customer communication through a floating WhatsApp button.

  • Establish technical and on-page SEO foundations.

  • Integrate analytics tools for website traffic monitoring.

  • Maintain an easily manageable WordPress website.

The solution

Delivered a complete Figma-to-WordPress implementation using Elementor, combining responsive design, custom website components, SEO configuration, Google Analytics integration, and conversion-focused contact features.

  • Developed the website using WordPress and Elementor.

  • Translated Figma layouts into responsive, functional website sections.

  • Created a customized header and footer matching the visual identity.

  • Implemented navigation, interactive content sections, and CTA buttons.

  • Adapted the interface for desktop, tablet, and mobile screens.

  • Integrated floating WhatsApp contact functionality.

  • Implemented links and actions for demo scheduling and free-trial requests.

  • Configured Rank Math SEO for search engine optimization.

  • Integrated Google Tag Manager for centralized tracking management.

  • Connected Google Analytics 4 for visitor and traffic monitoring.

  • Structured website components for straightforward ongoing maintenance.

My contribution

  • Independently developed the complete website using WordPress and Elementor.

  • Converted the provided Figma designs into functional WordPress layouts.

  • Built and customized the website's header and footer.

  • Implemented the homepage sections, visual components, and interactive elements.

  • Configured responsive layouts for desktop, tablet, and mobile devices.

  • Integrated navigation menus and section-based anchor links.

  • Implemented demo request and free-trial CTA buttons.

  • Added a floating WhatsApp CTA for direct visitor communication.

  • Configured Rank Math SEO for page titles, meta descriptions, and on-page optimization.

  • Integrated Google Tag Manager (GTM).

  • Integrated Google Analytics 4 (GA4) for website traffic analysis.

  • Ensured consistent UI styling across the website.

  • Organized Elementor sections and components to facilitate future content updates.

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

Key features

  • Fully responsive WordPress landing page

  • Figma-to-Elementor design implementation

  • Custom header and footer

  • Mobile-friendly navigation

  • Sticky navigation header

  • Interactive homepage sections

  • CTA buttons for demo booking and free trials

  • Floating WhatsApp contact button

  • Elementor popups

  • Rank Math SEO integration

  • On-page SEO configuration

  • Google Analytics 4 (GA4)

  • Google Tag Manager (GTM)

  • Reusable Elementor layouts

  • WordPress content management

  • Conversion-focused user experience

See it live

remedia.ma

(opens in a new tab)

Have a project in mind?

Let's create something useful together.

Tell me about your project, challenge or idea and I'll be happy to discuss how I can help.

Let's talk