Jumpspeak - Landing Page, Design System & Localization by Max ChechelJumpspeak - Landing Page, Design System & Localization by Max Chechel
Built with Webflow

Jumpspeak - Landing Page, Design System & Localization

Max Chechel

Max Chechel

Verified

Jumpspeak’s app had adopted a new visual identity: dark surfaces, vivid blue accents and an interface built around real conversations. The landing page taking all their paid traffic still reflected an earlier version of the product. It needed to match the app, keep the structure that already converted, and work across five markets.

A website that feels like the product

I used the app’s design system to shape the new visual direction and kept the proven content structure at the core. Video persona cards introduce visitors to conversations in the language they want to learn, interactive demos show scenarios, audio practice and face-to-face conversations, and a tabbed carousel connects features to everyday situations. Visitors see what practising with Jumpspeak looks like before they ever reach the signup flow.

A foundation the team can build on

The existing Webflow project had no shared system for building new pages. I introduced a Lumos-based foundation within Jumpspeak’s own project: reusable variables for colour, typography and spacing, section themes, and a component library covering heroes, product demos, testimonials, comparison tables, FAQs, CTAs and the footer. Every component has organised, documented properties, so the team edits copy, media and links without touching the layout.

Five languages, one shared system

Built on native Webflow Localization, with each language in its own subdirectory: English, Portuguese, German, Spanish and French. The homepage and English practice page share one hero component with configurable videos, captions and badges. On English practice pages, example phrases stay in English while explanations and labels adapt to the learner’s language. I also consolidated old campaign pages and redirected them to their localized equivalents.

Motion that doesn’t slow the page

Video, animated interfaces and looping reviews are central to the experience, and pages this heavy usually pay for it in load time. This one doesn’t: assets load as they come into view, so the page opens fast and the motion arrives as visitors scroll.

Result

Five pages across five languages, live at jumpspeak.com, on a foundation the team can extend into new campaigns and markets at the same quality.
Like this project

Posted Oct 27, 2026

Landing page, design system and five-language localization for Jumpspeak, an AI language learning app with 1M+ users.

Likes

0

Views

1

Timeline

Jun 30, 2026 - Oct 1, 2026

Clients

Jumpspeak