Frempco
Designing a Clear, Teacher-First Landing Page for an EdTech SaaS Platform
Project Summary
Background
In many English and History classrooms, students aren’t disengaged because they don’t care. They’re disengaged because the material feels far away. Characters become names on a page, events feel abstract, and it’s hard for students to see themselves in the stories they’re learning.
The Opportunity
What if students could step into those stories instead? How might we help them take on a role, speak as a character, and experience history and literature in a way that feels real, memorable, and genuinely fun, without creating extra work for teachers?
The Product Strategy
Frempco is a free, teacher-first EdTech SaaS product that uses role-play and conversation to bring English and History lessons to life. With a single link and no setup, students engage through dialogue while teachers get clear, reviewable insight into how learning unfolds.
Product Type
B2B SaaS (EdTech)
Timeframe
4 weeks (June 2025)
My Role
Product Designer (UX/UI)
Tools
Figma
Figma Make
Fig Jam
Loveable
Zoom
Maze
Product at a Glance
Before Redesign
After Redesign
Starting with Research
Conversations with teachers revealed a consistent challenge: students struggle to connect with material that feels distant, abstract, or disconnected from their lives.
Competitor Analysis
Looking at similar classroom tools made one thing clear: most platforms either gamify learning too heavily or add complexity that gets in the way of real conversation.
With a clear sense of what was missing, the focus shifted to designing a simple, playful experience that feels easy to try, builds trust with teachers, and can grow into something schools are confident investing in.
Design Direction
Before moving into high-fidelity visuals, I focused on structuring the landing page to answer one core question for teachers: What is this, and should I try it right now?
Mid-fidelity layouts helped define hierarchy, pacing, and flow to ensure the experience stayed simple and scannable, regardless of where a user entered the page.
The Experience
The landing page experience is designed to do one thing well: help teachers feel what Frempco is about, understand it quickly, and feel comfortable trying it in a real classroom.
Hero: Learning You Can See
Old Design
New Design
The hero leads with a real role-play conversation between two students, because Frempco makes the most sense when you see it in action.
By showing an actual chat, complete with roles and tone, the page communicates right off the bat how learning shifts when students speak as someone else.
How It Works: Simple on Purpose
This section breaks Frempco down into four short steps, not because the product is basic, but because it’s intentionally uncomplicated.
The goal is to remove hesitation: no accounts, no setup, and no explanation needed beyond what fits on the page.
One Clear Choice, Everywhere
Throughout the page, the same two calls to action are repeated: Start a Game or Join a Game.
This design reinforces Frempco’s core idea: whether you’re a teacher or a student, there’s only one simple next step, and nothing standing in the way.
Design System
Frempco’s design system was built to feel friendly and effortless, keeping the focus on conversation instead of controls.
Why This Matters
Frempco isn’t just another classroom tool. It's about building friendship, community, and empowerment through learning.
When students step into roles and speak freely, classrooms become places where voices are heard, connections are formed, and understanding actually sticks.
Reflection
Working 1:1 with Frempco’s founder and developer sharpened my communication and handoff skills, pushing me to design clearly, iterate quickly, and stay aligned throughout the build.
The project reinforced the power of simplicity and designing only what the experience truly needs.
Next Steps
Redesign the remaining product pages to match the clarity and tone of the landing page
Expand the design system to support additional classroom flows and future school-level features
Refine the experience based on real classroom feedback as usage grows