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.

Click here to check the live webpage

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.

Click here to check the live webpage

Timeline

Apr 2024

Apr 2024

Tools Used

Category

Webflow