# Fronterra website case study: AI learning > How we designed and built the Fronterra website in Framer: one path for families who download the app, and one for schools who book a demo. Source: https://pentaclay.com/work/fronterra 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. [Book a call](https://cal.com/pentaclay/discovery-call) [Visit the live site](https://playfronterra.com) - **6 days** from kickoff to a live site, 22 to 27 Jan 2026 Our project log; the site’s first security certificate, 27 Jan 2026 - **9½ months** on our build since launch, still live today Live site, 14 Nov 2026 - **94** accessibility score, on phone and desktop Lighthouse 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 ## 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 did The 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 did Their 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 did Families, 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. - **6 days** from kickoff to launch 22 to 27 Jan 2026 - **94** accessibility score Lighthouse lab test we ran on the live site, 14 Nov 2026 - **100** best practices score on phones Lighthouse lab test we ran on the live site, 14 Nov 2026 - **9½ months** live on our build since launch Live site, 14 Nov 2026 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. ## 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”. ## 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. ## 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. ## More screens from the site ## 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. Kickoff **22 Jan** Brief and paths We agreed the two paths, families and schools, and the pages each one needed. 2. Days 1–3 **Design** Designed around the paths The home page, the path cards and the customer pages, for desktop, tablet and phone. 3. In Framer **Build** Built in Framer The site built in Framer, with the CMS for the customer and subject pages. 4. Live **27 Jan** Live in six days Every page checked on phones and laptops, then published. 5. Theirs to run **After** 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](https://cal.com/pentaclay/discovery-call) Or email us at [contact@pentaclay.com](mailto: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. - [Axon Park AI learning ### Three learning products under one company name, designed and built but not launched](https://pentaclay.com/work/axon-park) - [Machine Football AI Sports AI 2026 ### 4× more home page text for Google and AI tools, and a 99 desktop speed score](https://pentaclay.com/work/machine-football) - [Freehold Wealth Property finance 2026 ### Live since October 2026, with a 99 desktop performance score](https://pentaclay.com/work/freehold-wealth) [Explore website design for AI companies](https://pentaclay.com/services/ai-company-website-design) ## 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 Erfan** Founder Don’t want to fill in the form? [Book a call directly](https://cal.com/pentaclay/discovery-call) ## Not sure? Ask AI about Pentaclay ### Pentaclay, in short Updated 17 Oct 2026 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.