Online Courses Australia is an education provider offering a wide range of industry-endorsed online courses across numerous fields. The project focused on developing Salesforce Marketing Cloud Cloud Pages to create engaging, conversion-optimized landing pages for 32 different courses based on detailed Figma designs.
Challenge
The project required handling multiple user interactions smoothly on Cloud Pages using only frontend technologies (HTML, CSS, JavaScript) while ensuring data collection and lead tracking in Marketing Cloud. Additionally, it involved migrating landing pages from Pardot to Marketing Cloud without disruption, and incorporating AMPscript to personalize and track content dynamically.
Project Overview
- Salesforce Marketing Cloud Cloud Pages for landing page hosting and content delivery.
- HTML, CSS, and JavaScript for frontend development of multi-step forms, carousels, and interactive elements.
- AMPscript for dynamic personalization, data capture, and conditional content rendering.
- Calendly widget embedded for appointment scheduling.
- Data extension integrations to capture and store lead data within Marketing Cloud.
- Pardot-to-Marketing Cloud migration tools and strategies for seamless transition.
- Frontend developer focused on converting Figma designs into fully functional Cloud Pages with pixel-perfect HTML, CSS, and JavaScript.
- Developed carousel form interactions that guided leads through qualifying questions smoothly.
- Integrated Calendly widgets and handled the flow from form completion to scheduling to thank-you page.
- Migrated existing Pardot landing pages into Marketing Cloud, replicating functionality and improving where possible.
- Implemented AMPscript to drive personalization and accurate lead data capture.
- Tested Cloud Pages across browsers and devices to ensure performance and responsiveness.
- Built and deployed 4 Cloud Page templates for all course landing experiences.
- Created 32 course-specific variations managed via Marketing Cloud content management.
- Ensured data collection synchronized with Marketing Cloud data extensions with AMPscript.
- Completed Pardot content migration and scripting adaptation.
implementation
- Translated all design elements from Figma files into responsive, user-friendly Cloud Pages.
- Used clean, modular JavaScript to implement carousel-style form navigation and validation.
- Customized AMPscript segments to dynamically display course-specific content and manage lead data.
- Embedded Calendly iFrame with seamless integration for booking appointments without leaving the page.
- Successfully migrated Pardot pages and forms, maintaining lead capture accuracy within Marketing Cloud.
- Tested extensively for cross-browser compatibility and mobile responsiveness.
Final Output
- A scalable, interactive set of 4 Cloud Page templates supporting 32 course landing experiences.
- Smooth multi-step lead capture with carousel forms driving user engagement.
- Seamless Calendly scheduling integrated into the lead flow.
- Personalized content delivery and lead tracking using AMPscript.
- Full migration from Pardot to Salesforce Marketing Cloud ensuring continuity of marketing efforts and data capture.
- Responsive design optimized for desktop and mobile user experiences.
This project showcases strong frontend expertise in Marketing Cloud Cloud Pages development combined with effective migration from Pardot, resulting in a modern, data-driven marketing platform tailored for Online Courses Australia’s course offerings.
