Portfolio Case Study

Designing an Asynchronous Grade 3 ELA Experience

A look behind the curriculum: the problem I set out to solve, the design choices I made, and what I learned.

Role

Curriculum Designer & Instructional Developer

Audience

Grade 3 learners, parents, and reviewing teachers

Format

Self-paced, browser-based, no login required

Deliverable

4 interactive modules, assessment plan, and this case study

The Problem / Challenge

I had a set of Grade 3 "hole-filling" language lessons — targeted practice meant to close specific skill gaps. They worked, but they had real limitations as a learning experience:

  • They assumed a teacher would be present to explain and check answers.
  • They were practice-heavy but light on engaging instruction and context.
  • They offered little feedback when a student got stuck alone at home.
  • They weren't organized into a coherent, navigable curriculum a parent could follow.

The challenge: redesign these into a complete asynchronous curriculum that an 8-year-old could move through independently, that a parent with no teaching background could support, and that a teacher could review for evidence of learning — without sacrificing instructional quality.

My Design Solution

I rebuilt the lessons into a modular, web-based curriculum with a consistent six-part learning cycle (hook → mini-lesson → guided → independent → interactive challenge → check & reflect). Each module is a self-contained, self-explaining experience, and every screen is designed to answer a student's three core questions: What am I learning? How do I do it? How do I know I got it right?

🧩 Modular

Each skill stands alone, so it can be assigned as core instruction, intervention, or enrichment.

🔁 Predictable

The same rhythm in every module lowers cognitive load and builds independence.

🎯 Aligned

Every objective maps to a Common Core ELA standard and feeds the summative task.

Instructional Design Approach

I grounded the design in established instructional models, adapted for young, independent learners:

FrameworkHow I applied it
Backward Design (Wiggins & McTighe)I started from the summative "My Strong Opinion" task and the standards, then designed each module to build toward it.
Gradual Release (I do → We do → You do)Mini-lesson (I do), guided practice (we do), independent practice and challenge (you do).
Universal Design for LearningMultiple means of representation (text, flashcards, color), engagement (games, choice), and expression (typing, speaking, drawing).
Chunking & cognitive loadOne task per screen-block, short paragraphs, and a consistent layout to keep working memory free for learning.

How Asynchronous Learning Needs Were Addressed

Asynchronous learning fails when a student gets stuck and no one is there to help. I designed around that risk:

  • Self-explaining content: mini-lessons use plain Grade-3 language and concrete examples, not teacher narration.
  • Immediate feedback: every interactive gives instant right/wrong responses with a short "why," so misconceptions are corrected in the moment.
  • No barriers: the site needs no login or install and works offline once loaded — important for uneven home access.
  • Saved progress: progress trackers and reflections persist on the device, so learning survives across sessions.
  • Built-in coaching: parent/teacher tips and answer keys mean a non-expert adult can still help confidently.

How Student Engagement Was Built In

🕹️

Active, not passive

Students drag, type, flip, and play — every module requires doing, not just reading.

🎉

Instant celebration

Green checks, scores, and friendly emojis reward effort and create small wins.

🧭

Visible progress

Progress bars show students how far they've come, which sustains motivation.

🎭

Relatable context

Detective, architect, and matching "characters" give skills a playful theme.

How Assessment & Feedback Were Embedded

Rather than bolting a test onto the end, I wove assessment through the whole experience:

  • Formative checks live inside every module and feed back instantly.
  • Summative assessment is an authentic writing task that integrates all four skills.
  • Self-assessment checklists and reflections build metacognition and ownership.
  • A shared rubric makes parent/teacher feedback consistent and standards-based.
  • A "Glow / Grow / Ask" feedback frame keeps adult responses specific and encouraging.

See the full plan on the Assessments page.

Tools Used

🛠️ Build

Hand-coded HTML5, CSS3 (custom design system, Flexbox & Grid), and vanilla JavaScript — no frameworks, so it loads fast and stays maintainable.

💾 Persistence

Browser localStorage for progress tracking and saved reflections — no server or database required.

🚀 Hosting

GitHub Pages for free, reliable, link-shareable deployment.

📐 Standards

Common Core State Standards (ELA, Grade 3) as the alignment backbone.

Reflection & Future Improvements

Designing for a learner who has no teacher beside them sharpened every choice — if a student could get confused, the design had to prevent it. Building the interactives in plain JavaScript also reminded me that engaging learning doesn't require expensive tools; clarity and immediate feedback matter more than flash.

If I continued this project, I would:

  • Add optional audio narration of mini-lessons for emerging readers.
  • Build the remaining modules (5–8) to complete a full-year sequence.
  • Add a lightweight teacher dashboard (exportable progress) for classroom use.
  • Run a small usability test with real Grade 3 students and revise based on where they hesitate.
  • Translate key supports into additional languages for multilingual families.

What this project demonstrates

End-to-end curriculum design: standards alignment, instructional design grounded in research, original age-appropriate content, interactive digital development, and an embedded assessment system — all packaged as a deployable, shareable learning experience.