Case study · AI learning · 2026

AI learning app website design for Fronterra

We designed and built the website for an AI learning app made by Axon Park. Families and schools each get their own way in from the first screen.

  • 6 daysfrom kickoff to a live site, 22 to 27 Jan 2026Our project log; the site’s first security certificate, 27 Jan 2026
  • 9½ monthson our build since launch, still live todayLive site, 14 Nov 2026
  • 94accessibility score, on phone and desktopLighthouse lab test we ran on the live site, 14 Nov 2026
Client
Fronterra
What we did
Website design, framer development, CMS setup, video
Year
2026
Fronterra website, designed and built by Pentaclay

About Fronterra

Fronterra is a 3D learning app with AI, for kids aged 7 to 14. Families download it free, and schools book a demo. It is made by Axon Park, a learning company founded in January 2019 by Alistair Hume and Taylor Freeman.

Axon Park also makes Nexera, for workforce learning, and Curiosity Engine.

Client
Fronterra, made by Axon Park
Industry
AI learning, EdTech
What we did
Designed and built
Platform
Framer
Timeline
22 – 27 Jan 2026

The challenge

One site had to speak to two very different customers, parents and school administrators, and each had a different next step: a free download for families, a demo booking for schools.

The product is a 3D app, which is hard to show on a flat web page. And parents and schools check safety first in kids’ apps, so the site had to make safety easy to find.

  1. Two customers with two different next steps.

    What we did“Choose your path” splits the site under the first screen: Families get “Download Free App”, Schools get “Book a Demo”.

  2. A 3D app is hard to show on a flat page.

    What we didThe first screen plays a video of the 3D world, and each path card plays a short preview on hover.

  3. Parents and schools check safety first.

    What we didTheir safety promises sit in plain view, and every legal page, from the code of conduct to the app privacy policy, is one click away.

  4. The team needed to add content without a developer.

    What we didFamilies, Schools and Subjects run on the Framer CMS, so new content is a form their team fills in.

What changed

Fronterra had no site before this one, so there is no before. This is how the live site performs today.

Traffic, leads and sales are Fronterra’s own numbers, and we publish them only with their OK.

Show the app on the first screen

The first screen plays a video of the 3D world, so visitors see the product before they read about it.

Fronterra home page with the 3D world video, on desktop
Fronterra home page with the 3D world video, on desktop

Let each customer choose a path

Right under it, “Choose your path” splits the site in two: Families and Schools.

Each card plays a short video when you hover, and leads to its own action: “Download Free App” or “Book a Demo”.

Fronterra “Choose your path” cards for families and schools
Fronterra “Choose your path” cards for families and schools

Build pages for each customer

We built separate pages for Families, Schools and Subjects, plus Download, Contact and a full legal section.

The Families, Schools and Subjects pages run on the CMS, so the team can add content without a developer.

Fronterra For Schools page on desktop
Fronterra For Schools page on desktop

Put safety where parents look for it

Their safety promises sit in plain view: COPPA and GDPR-K compliance, no ads and no third-party tracking, by their own account. The legal pages, from the code of conduct to the app privacy policy, are one click from every page.

At launch the home page also had a four-step “Getting started” section and a comparison table. Their team has since made the home page shorter.

Fronterra on a phone
Fronterra home page on a phoneFronterra Families page on a phoneFronterra Schools page on a phone

More screens from the site

Families
Fronterra Families page on desktop
Subjects
Fronterra Subjects page on desktop
Featured courses
Fronterra Subjects page, featured courses

The site’s colours and type

  • Black

    #0A0A0A

    Text and the dark sections.

  • Off-white

    #F5F5F5

    Page ground.

  • White

    #FFFFFF

    Cards and text on dark.

  • Adventure blue

    #1B6AF5

    The main buttons.

  • Headings

    Inter

    Semibold, and black for the hero.

  • Text

    Inter

    Body text, menus and buttons.

How the project ran

  1. Kickoff22 Jan

    Brief and paths

    We agreed the two paths, families and schools, and the pages each one needed.

  2. Days 1–3Design

    Designed around the paths

    The home page, the path cards and the customer pages, for desktop, tablet and phone.

  3. In FramerBuild

    Built in Framer

    The site built in Framer, with the CMS for the customer and subject pages.

  4. Live27 Jan

    Live in six days

    Every page checked on phones and laptops, then published.

  5. Theirs to runAfter

    Their team edits it

    Fronterra’s team now runs the site, and has since made the home page shorter.

Everything we handed over

  • Website design for desktop, tablet and phone

  • A Framer build with a video first screen

  • “Choose your path” cards with hover video previews

  • Families, Schools and Subjects pages on the Framer CMS

  • Download, Contact and a full legal section

  • SEO settings on every page

Questions about this project

Can’t find your answer?

Book a call and let’s talk.

Book a call

Or email us at contact@pentaclay.com

How long did the project take?

6 days, from 22 to 27 January 2026 (both days counted).

Does their team edit the site now?

Yes. The site is still on our build, and their team edits it themselves.

Did you work with Axon Park on anything else?

Yes. We also designed and built a company site for Axon Park. It stayed on staging and did not go live.

Is the site still live?

Yes, at playfronterra.com, on our Framer build. Their team has since made the home page shorter.

Keep reading

More case studies

Planning something similar? More AI and B2B sites we’ve designed and built.

Explore website design for AI companies

Your business grew up. Your website should too

If customers need a demo just to understand what you sell, your website isn’t doing its job.

  • We sign an NDA on request.
  • You own the site, the code and every account once it’s paid.
  • Your first call is with Erfan, the founder.

Kazi Mohammed ErfanFounder

What do you need?
Budget

Don’t want to fill in the form? Book a call directly

Not sure? Ask AI about Pentaclay

Pentaclay, in short

Pentaclay is a B2B website design agency for AI companies that sell to enterprises. We write, design and build marketing websites in Framer, Webflow and Next.js, and stay to help after launch. Pentaclay LLC is registered in New Mexico, USA; our team works from Dhaka, Bangladesh, with calls until 12:30pm US Eastern. Founded in 2023 by Kazi Mohammed Erfan, who brings 12 years of design experience.