Client: Fronterra

Industry: EdTech / AI Learning

Location: Global 

Tool: Framer 

Live: playfronterra.com

Fronterra is an AI-powered immersive 3D learning universe built for kids aged 7–14

The platform turns screen time into structured discovery through interactive worlds, challenges, and curriculum-aligned content

It serves two distinct audiences, families and schools, each with their own onboarding path and goals

COPPA and GDPR-K compliant, with no ads, no third-party tracking, and human + AI moderation built in

Needed to speak to two completely different decision-makers on the same site, parents and school administrators, without confusing either

The product is a 3D immersive app, which is inherently hard to communicate through a flat website

Trust is critical in the kids' EdTech space — the site needed to immediately signal safety, compliance, and quality

Had to drive two separate conversion actions: free app download (families) and demo booking (schools)

Dark, immersive hero with a video background to immediately transport visitors into the Fronterra world — showing rather than telling

"Choose your path" split — Families vs. Schools — presented as two full-bleed interactive cards with hover video previews, making the dual-audience structure feel intuitive rather than fragmented

Comparison table ("What makes Fronterra different") used to address parent and school admin skepticism directly, stacking Fronterra's features against unnamed competitors

"Getting Started is easy" four-step section designed to lower friction for the parent download flow

Clean, trustworthy typography balanced against the immersive dark aesthetic — serious enough for schools, exciting enough for kids

Built entirely in Framer to take advantage of native video embedding, scroll animations, and CMS-powered content pages

Separate CMS-driven pages for Families, Schools, and Subjects — allowing the client to scale content without developer involvement

Hover-triggered video previews on the path selector cards built using Framer's interaction layer

Fully responsive across mobile and desktop, with particular attention to hero video performance on mobile

Multi-page architecture covering home, families, schools, subjects, download, contact, and a full legal section

The site positions Fronterra as a premium, trustworthy EdTech product from the first scroll

Two clear conversion paths eliminate confusion for different visitor types

The immersive visual design matches the product experience — making the website feel like a preview of what's inside the app

The legal and compliance section (COPPA, GDPR-K, Code of Conduct) is prominently accessible, directly addressing the trust barrier common in kids' platforms

Looking for a premium Framer & Webflow partner? I work with ambitious founders, startups, and enterprise teams to build conversion-focused websites designed to grow with your business.

Need a Website? Visit: https://pentaclay.com/services

Book a Free Strategy Call: https://cal.com/pentaclay/discovery-call