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.
Key Tools & Technologies:
HTML5, CSS3 & JavaScript
Figma
Calendly Widget
Pardot Migration
My Role
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 extensively across browsers and devices to ensure optimal performance and responsiveness.
The 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.
Scope & Implementation
Built and deployed 4 Cloud Page templates for all course landing experiences, managing 32 course-specific variations via Marketing Cloud content management. Developed the multi-step carousel form UX for lead qualification and managed embedded Calendly scheduling with thank-you page redirection. Ensured data collection synchronized directly with Marketing Cloud data extensions via AMPscript and completed full Pardot content migration.
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, while customizing AMPscript segments to dynamically display course-specific content and manage lead data. Embedded Calendly iFrames for seamless appointment booking without page bounces, successfully migrated legacy Pardot forms, and tested for cross-browser and mobile compatibility.
Final Output
A scalable, interactive set of 4 Cloud Page templates supporting 32 course landing experiences featuring smooth multi-step lead capture with carousel forms driving user engagement. Implemented seamless Calendly scheduling integrated directly into the lead flow, powered by personalized content delivery and lead tracking using AMPscript.
Achieved a full migration from Pardot to Salesforce Marketing Cloud ensuring continuity of marketing efforts and data capture with a 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.
