Multilingo: Language Learning Website Design

Multilingo is an education website template for language schools, online course creators and private tutors. I designed it in Figma, then built production versions in Webflow and Framer. It runs to 18 pages, with a filterable course catalogue, dedicated language pages, a pricing page and member sign-up flows.

Education websites often look institutional and cold, which quietly suppresses sign-ups. Course catalogues are hard to browse, so a visitor looking for Spanish has to wade through every other language. Course pages rarely show what is actually taught or who teaches it, and pricing for one-off courses versus subscriptions is usually confusing.

I gave the brand a bright, confident learning theme with bold calls to action, so the site feels encouraging rather than academic.

Then I made the catalogue work for the learner. Every course lives in a CMS collection that filters by language, and every language gets its own landing page so English, Spanish, German and Arabic can each rank on their own. Course pages split into three tabs (description, module breakdown and instructor), so a prospective student can inspect the syllabus and the teacher before paying.

Filterable course catalogue: browse by language without irrelevant results.

Language landing pages: one page per language, built for search.

Course detail tabs: details, modules and instructor on every course.

Pricing page: one-off enrolments, subscriptions and group classes side by side.

Student testimonials: a scrolling carousel plus a video block for real outcomes.

Member pages: log in, sign up and password reset.

CMS blog: study guides and learning tips with dates and read times.

Expandable FAQ: answers on eligibility, access, certificates and pacing.

Home, About, Courses, Pricing, Blog, Contact, Log In, Sign Up and Reset Password, plus CMS templates for courses, languages and blog posts. Utility pages cover the style guide, instructions, licences, change log and a 404.

Courses, languages and articles are all edited in Webflow CMS without touching the layout. Scroll reveals and hover states add polish without slowing the page, and the layout is tuned for mobile, where most course browsing happens.

Webflow live preview: multilingo-tnc.webflow.io

Framer live preview: multilingo.framer.website