English Course Page
English Course Page
Accelerating teacher enrollment through an interactive landing page for Suraasa's English certification program.
Accelerating teacher enrollment through an interactive landing page for Suraasa's English certification program.





Suraasa, a multinational EdTech platform, empowers teachers by catalyzing their career growth and inspiring millions of young minds to aspire towards becoming impactful, high-achieving, and well-compensated educators.
Suraasa aims to build a network of the next million skilled teachers by guiding them from the start of their journey to becoming among the top 1% of teachers globally. They offer internationally accepted programs that help teachers learn 21st-century pedagogy skills and secure teaching opportunities in countries like the USA, UK, UAE, and India.
They needed to build a landing page for their new English course for teachers.
During the handoff, I understood the requirements, including the overall functioning of the page, animations, and sections that needed to be adapted for mobile devices.
I began working on Webflow, starting with the hero section.

I customized the native Webflow tab component to achieve sticky side tab options with active animations.



I also customized the native Webflow slider using Flowbase and Finsweet libraries to create a slider that aligned with our intended design and user experience.

The learning journey section features expandable accordions to show what each milestone has in store for the learner. This intuitive presentation method doesn't take up much space while remaining easily accessible. I implemented this using Webflow interactions.

The course fee section's data is stored on the backend, so I collaborated with the team to access the APIs and display the current course price. This system was also designed to handle any running discounts and display them alongside the price. Payment modes are localized based on the user's geography.




This project was a successful blend of technical implementation and user-centric design. By leveraging Webflow's capabilities alongside custom solutions, we created an engaging and functional landing page that effectively showcases Suraasa's English course. This resulted in improved user engagement and a more streamlined enrollment process for aspiring teachers.
Suraasa, a multinational EdTech platform, empowers teachers by catalyzing their career growth and inspiring millions of young minds to aspire towards becoming impactful, high-achieving, and well-compensated educators.
Suraasa aims to build a network of the next million skilled teachers by guiding them from the start of their journey to becoming among the top 1% of teachers globally. They offer internationally accepted programs that help teachers learn 21st-century pedagogy skills and secure teaching opportunities in countries like the USA, UK, UAE, and India.
They needed to build a landing page for their new English course for teachers.
During the handoff, I understood the requirements, including the overall functioning of the page, animations, and sections that needed to be adapted for mobile devices.
I began working on Webflow, starting with the hero section.

I customized the native Webflow tab component to achieve sticky side tab options with active animations.



I also customized the native Webflow slider using Flowbase and Finsweet libraries to create a slider that aligned with our intended design and user experience.

The learning journey section features expandable accordions to show what each milestone has in store for the learner. This intuitive presentation method doesn't take up much space while remaining easily accessible. I implemented this using Webflow interactions.

The course fee section's data is stored on the backend, so I collaborated with the team to access the APIs and display the current course price. This system was also designed to handle any running discounts and display them alongside the price. Payment modes are localized based on the user's geography.




This project was a successful blend of technical implementation and user-centric design. By leveraging Webflow's capabilities alongside custom solutions, we created an engaging and functional landing page that effectively showcases Suraasa's English course. This resulted in improved user engagement and a more streamlined enrollment process for aspiring teachers.
Timeline
Apr 2024
Apr 2024
Tools Used
Category
Webflow
Selected Work
Selected Work
None

Suraasa Plus Landing Page
Developed a conversion-optimized landing page on Webflow to drive adoption of Suraasa Plus subscription.
None

Suraasa Plus Landing Page
Developed a conversion-optimized landing page on Webflow to drive adoption of Suraasa Plus subscription.
None

Suraasa Plus Landing Page
Developed a conversion-optimized landing page on Webflow to drive adoption of Suraasa Plus subscription.
None

Suraasa Plus Landing Page
Developed a conversion-optimized landing page on Webflow to drive adoption of Suraasa Plus subscription.
Webflow

AI Tools Landing Pages
Designed and developed SEO-optimized landing pages to increase awareness and adoption of Suraasa's AI tools.
Webflow

AI Tools Landing Pages
Designed and developed SEO-optimized landing pages to increase awareness and adoption of Suraasa's AI tools.
Webflow

AI Tools Landing Pages
Designed and developed SEO-optimized landing pages to increase awareness and adoption of Suraasa's AI tools.
Webflow

AI Tools Landing Pages
Designed and developed SEO-optimized landing pages to increase awareness and adoption of Suraasa's AI tools.

