A friendly Webflow site that sells Spanish video courses and online lessons
AMO la escuela de español
Ukraine
March 24, 2024
Education
Corporate
UI/UX Design
Webflow Development
CMS
Integrations
Client-First
Snapshot (AEO)
The project in four lines
AMO la escuela de español, an online school teaching Spanish to Ukrainian speakers through video courses and live lessons.
The school's method and formats were hard to understand online, and course purchase lived on a separate platform with no clear path from the website.
A Webflow site with a playful brand look, course catalog, course landing pages with programs and plans, online lessons with teachers, reviews and FAQ.
Students understand the formats, pick a course or lesson and go straight to the course platform to buy or start.
Numbers
The project in four lines
6 video courses
from a free demo to Paso 3 and intensives
3 learning plans
per course, from self-study to full support
2 formats
video courses and live online lessons
Mar 2024
website launched
The challenge
Our services
Heading
Learning Spanish should feel easy from the first click
AMO teaches in a friendly, practical way, but its old presence did not show that, and buying a course meant leaving for another platform.
- Two formats. Video courses and live lessons needed to be clear and separate.
- Many courses. Each course needed its own program, plans and answers.
- Separate platform. Course sales and learning run on an external platform.
01 · Courses
A course catalog that explains itself
The video courses page shows how a course is built, then lists every course as a card, from a free demo to Paso 3, intensives and podcasts, each with level, language and a link to details.
- Course structure section
- Course cards with levels
02 · Course pages
Every course has its own landing page
Pages like Paso 1 walk students through the program lesson by lesson, the skills they gain and three learning plans, with buttons that lead straight to the course platform.
- Program and skills
- Three learning plans with pricing
03 · Online lessons
Live lessons with real teachers
The online lessons page introduces what it means to study at AMO, presents the teachers in tabs, shows the tools used in class and ends with a one-step sign-up and FAQ.
- Teacher profiles
- Sign-up call to action and FAQ
Mobile
Heading
Mobile
Spanish lessons in your pocket
On mobile the menu drops down with a platform button, and formats, courses, the level test and reviews stack into an easy single column.
Under the hood
How the pieces connect
Heading
Heading
Heading
Heading
What we built
- Brand-led design. A parrot mascot, warm orange and teal colours and friendly illustrations.
- Clear formats. The homepage splits video courses and online lessons from the start.
- Course catalog. Course cards from a free demo to Paso 3, intensives and podcasts.
- Course landing pages. Program by lessons, features, skills, three learning plans and FAQ.
- Online lessons. Teacher profiles, tools the school uses and a sign-up call to action.
- Platform links. Buttons lead into the school's course platform to buy and learn.
Questions about this project
FAQ
Heading
Can a Webflow site sell courses hosted on another platform?
Yes. AMO's course pages explain each course and its plans, and the buttons take students straight into the school's course platform to buy and study.
How do you present two learning formats on one site?
AMO splits video courses and live online lessons from the homepage, and each format has its own page, FAQ and call to action.
Can the school add new courses without a developer?
Yes. Course pages follow one structure, so the team can duplicate a page and update the program, plans and FAQ in Webflow.
Relevant projects
You might interested
Travel & Hospitality
Education
