spark

spark

spark

How can we create a seamless learning flow from existing content?

*Project made as part of my work in MindCET

Framing the Challenge

the challenge

Transforming learning materials into meaningful daily engagement for both learners and creators.

With Spark, we set out to upgrade asynchronous learning for adults by using AI to transform existing course materials into interactive, focused micro-exercises.

To make this vision real, we had to solve two connected but distinct challenges:
How do we build a daily practice experience for adult learners who attend one live Zoom class per week?
And how do we make it easy for content teams to repurpose existing materials into short, personalized, actionable learning experiences?

Pilot collaboration

eTeacher brought both the challenge and the perfect context for Spark’s MVP.

This project was developed during my time at Mindset, in close collaboration with eTeacher, a global company specializing in synchronous online education. They also served as our first pilot partner, with Spark initially focused on content from the Rosen School for Hebrew language learners.

We don’t want to be just a weekly Zoom lesson.
We want to offer a fully learning journey.

The team

A compact, focused team with expertise in product, content, and AI.

Our team included a product manager from Mindset, a product manager from eTeacher, an AI developer, and me as the UX-UI product designer. Together, we worked across strategy, content, AI, and product experience to create a working MVP.

My role

I shaped the experience, from research to interface to execution.

I was responsible for designing both the learner experience and the content creation interface, handling UX, UI, and front-end implementation in Bubble. Collaborated with the AI developer to bring the product to life.

Empathize

Research focus

We started by learning from the learners themselves.

Who are our learners, really?

Most of them are adult students, learning Hebrew not for work or exams, but out of pure interest, whether it’s a love of culture, curiosity, or a desire to read religious texts. For many, learning is a kind of self-care.

Through interviews and surveys, we explored their habits, frustrations, and needs.

The learner's gap

Our research showed that interest alone wasn’t enough, adult learners still needed support to stay on track.

Our research showed that adult learners often struggled to maintain motivation and consistency between lessons. They lacked structured opportunities to review or reinforce what they’d learned. To truly support their progress, we needed to create a short, accessible daily practice that fits into their routine and strengthens memory over time.

Repetition

Clarity

Feedback

Motivation

Flexibility

Define

A shift in perspective

Designing for learners led us straight to the needs of content creators.

While our initial focus was on the learners, things shifted once we started creating practice activities ourselves, using real materials from eTeacher. We quickly realized that to make Spark usable and scalable, we needed a clear, simple workflow for content teams.

Behind the scenes

Creating content revealed what creators really need.

We found ourselves needing a structured way to upload materials, write and reuse prompts, and manage outputs. That process had to work for a wide range of users, not just experts. The more we built, the more we understood:

The true value lies in giving existing content a new life as interactive practice, flexible enough to fit different subjects, teams, and organizations.

The content creator's need

Empower content creators to transform existing materials into practice easily and efficiently.

To scale this experience, content creators needed a fast, intuitive way to generate meaningful practice activities based on materials they had already developed.

Engagement

Continuity

Simplicity

Scalability

Innovation

The core challenge

We weren't designing one product, we were balancing two.

The real challenge was building a system that serves both sides: delivering engaging daily micro-practice for learners, while streamlining the workflow for content teams. Both experiences had to feel lightweight, meaningful, and connected.

Ideate & MVP

Exploring the possibilities

How can we turn raw lesson content into engaging, AI-powered daily practice?

We began by testing whether AI could analyze and extract meaningful learning elements from real course materials, mostly PDFs and slide decks. Could it generate exercises that felt interactive, focused, and easy to complete?

Choosing a starting point

We needed to build just enough to prove the concept.

For the MVP, we focused on one flow: turning lesson materials into short, question-based activities using AI. These could be automatically generated and lightly edited by content teams, then published to learners on a daily schedule. This balance between automation and human control became a core design principle.

Crafting our first five formats

We created five types of practice activities, each tied to a core learning principle.

The first batch of exercises aimed to balance structure with playfulness, and were designed around:

  • Listening and comprehension

  • Visual recognition

  • Reading and sentence completion

  • Pronunciation

  • Light-touch repetition

Scoping the MVP

To move fast, we had to make smart trade-offs.

We focused on what would bring the most value right away:

  • Weekly structure – One new practice opens each day, based on the last live lesson.

  • Pre/post quiz – A short assessment at the start and end of the week to track progress.

  • Lesson-based targeting – Each learner got content matched to the lesson they just completed.

  • What we left out – No dynamic personalization, no spaced repetition across multiple lessons, and only minimal gamification, due to time and development constraints.

Visual Design

Designing the Interface

We built two connected experiences:

A workspace where content teams upload materials and generate practice using AI,
and a learner app that delivers those exercises in a simple, daily format.

Content Creation Workspace

Turning course content into daily action

Behind every practice session is a content team shaping the experience.
We built a workspace to make that process fast, clear, and flexible, from uploading materials to generating, editing, and releasing AI-powered practices.

Home Screen

The dashboard offers three main entry points:
Content Workspace, Content Assets, and Insights- each as a clear, clickable card.

This layout helps users immediately understand where to go and what each area is for, reducing hesitation and making the system feel simple from the start.

Workspace | Create Practice

As part of the creation flow, a top navigation bar lets users move smoothly between creation, editing, and preview modes. It provides both a sense of progress and the flexibility to jump between steps when needed.

This screen walks creators through the key steps: choosing a unit, uploading a file, and selecting the type of practice to generate.

A clean, form-like layout with visual icons keeps the process simple and approachable even when powered by AI.

Workspace | Edit Practice

After generating a practice activity, creators can review and fine-tune the content.

The screen uses a clean, scrollable layout where each item appears as an editable card. This keeps everything visible in one flow, making it easy to scan without jumping between views.

The goal here was to keep creators in control without making the process feel technical or heavy.

Workspace | Preview Practice

Before publishing, creators can preview the practice exactly as learners will see it—within a mobile-style frame.

This helps catch last-minute issues and builds confidence that everything looks and flows as intended. The preview is part of the same flow, with no need to open new tabs or switch context

Learner Practice App

Once the practice is created and released, it’s time for the learner to take over.

We designed a simple, motivating experience to help learners stay engaged.

In the next section, you will see examples of the flow, structure, and design choices that keep learners moving forward.

Welcome screen
Welcome screen

Sets expectations

Sets expectations

This screen introduces the value of daily practice in one clear sentence.
The goal was to orient learners quickly and make the interface feel simple and approachable from the first tap.

Learning Path
Learning Path

Visualizes progress and structure

Visualizes progress and structure

The home screen maps out the learner’s journey through each unit. Clear milestones and categories (like reading, grammar, vocabulary) help build a sense of direction, while the weekly progress bar adds motivation through gentle gamification.

Sentence Completion
Sentence Completion

Integrates vocabulary in context

Integrates vocabulary in context

Learners complete short sentences using vocabulary they’ve learned. The contextual clue and visual hint (lightbulb) support deeper understanding and recall. The multiple choice format balances challenge with approachability.

True/False practice
True/False practice

Keeps it simple and focused

Keeps it simple and focused

The screen presents one clear question at a time, with instant visual feedback after each answer.
This format supports quick decision-making and keeps cognitive load low.

Time challenge
Time challenge

Adds light time pressure to boost focus.

Adds light time pressure to boost focus.

Adding a countdown helps maintain momentum and encourages faster decisions, especially in familiar tasks. The interface remains clean and accessible, reducing friction so learners can respond quickly.

Second chance
Second chance

Supports a learning mindset

Supports a learning mindset

Instead of moving on immediately, learners are given the option to retry the questions they missed.
The design keeps the action lightweight and optional, encouraging improvement without pressure.

Feedback summary
Feedback summary

Boosts motivation

Boosts motivation

This screen offers a quick snapshot of how the learner did on that specific activity.
The visual score reinforces closure.

Leaderboard screen
Leaderboard screen

Reflects performance

Reflects performance

Climbing the ranks offers a sense of achievement and fuels continued engagement.
By highlighting progress in a playful and visual way, the leaderboard rewards consistency and encourages learners to keep going.

Progress Snapshot
Progress Snapshot

Puts this activity in a broader learning context

Puts this activity in a broader learning context

After completing an exercise, learners get a zoomed-out view of their overall engagement. This screen offers key stats from the current week—sessions, time, and XP—helping learners track habits and stay motivated beyond the single activity. It creates continuity, reminding them that each step contributes to long-term progress.

I'd love to hear from you

Adiela.sabo@gmail.com

+972 52662 1443

www.linkedin.com/in/adisabo

2024 by Adi Sabo

I'd love to hear from you

Adiela.sabo@gmail.com

+972 52662 1443

www.linkedin.com/in/adisabo

2024 by Adi Sabo

Create a free website with Framer, the website builder loved by startups, designers and agencies.