top of page
ipad aoop_edited.jpg

Read & Bloom

Reinforcing Early Literacy

An educational iPad app that foster growth mindset in early learners by celebrating effort, reducing reading anxiety, and guiding improvement

  • LinkedIn

Overview

  • Proposal: Create an intuitive iPad workflow, defining learning goals (mistake reduction, fluency improvement) and engagement milestones (unlockable mini-scenes, customizable celebrations) while adhering to iOS 18 design guidelines.

​

  • Timeline: May 2025 - Sept 2025 | Responsibilities: sketches, wireframing, and prototyping | Tools: Figma, stitch.withgoogle, v0.dev, coPilot, Chatgpt

​

  • Goals:

    • Create a "loving companion" iPad tutor for children ages 4–6 to build reading fluency and confidence.

    • Transition from vision to an intuitive iPad workflow that highlights errors gently without "gamified" pressure.

​

  • Outcome (KPIs):

    • Reduced Cognitive Load: Adhered to iOS 18 design guidelines, utilizing adaptive palettes and SF Symbols for a native, accessible feel.

    • Engagement Growth: Implemented personalization (Reading Buddies) and a "best-effort" metric to drive consistent, self-referenced practice.

    • Accessibility Integration: Utilized Apple’s accessibility API for VoiceOver support, ensuring the app is inclusive for visually impaired young readers.

User Interview Phase: Student's Voices

We interviewed parents, kindergarten teachers, and speech pathologists using questions like:

  1. What feedback helps your child feel encouraged when they make a reading mistake?

  2. How do they react to public versus private correction?

  3. Which app metaphors (garden growth, story unfolding) resonate most?

Interview Insights

  • Young readers respond best to private, contextual feedback (e.g., replay a misread word) rather than red Xs.
  • Personalization (choosing a “reading buddy,” color themes) dramatically boosts engagement.
  • A clear “best-effort” metric (fewest mistakes record) helps children set meaningful, self-referenced goals.

roadmap - ipad.png

Generated Roadmap to guide design decisions

Generated Designs

Sketches

  • Low-Fi Sprint: Generated 50+ screens via stitch.withGoogle, exploring home screen layouts, pop-up modals, and milestone unlock flows.
  • High-Fi Prototyping: Brought top concepts into V0.dev to test micro-interactions—like sparkles morphing into letters or a buddy avatar’s gentle high-five.
  • Pattern Extraction: Chose the cleanest navigation tab pattern from one tool and the friendlier button affordances from the other, merging them into a cohesive flow

stitch with google generation_edited.jpg

Generated Design Idea from Stith.withGoogle

passage.png

My design following iOS guidlines 

v0.dex.png

Generated Design Idea from v0.dev

  1. Adopted iOS 18’s SF Symbols, adaptive color palettes, and built-in VoiceOver support.

  2. Defined component variants for buttons (“Read Now,” “Let’s Go”), pop-up cards, and progress chart elements, ensuring they scale across screen sizes and locales.

  3. Utilized Apple’s accessibility API to auto-announce the number of mistakes and reading buddy name for visually impaired users.

UX Architecture

ipad aoop_edited_edited.jpg

Home:

  • Three book covers (first unlocked, others locked)

  • Profile icon → Pop-up: Customize Buddy / Log Out

  • Tabs: Home / Progress

mistakes_edited.jpg

Error Review:

  • Highlighted words/sentences → Tap for audio pronunciation or repeat prompt

image.png

Read Flow

  • Book Pop-up → “Read Now”

  • Passage Preview → “Read Now”

  • Full-screen reading (timer + stop)

  • End Pop-up (“Done Reading” / “Time’s Up” / “Recording Stopped”) → “Let’s Go”

bar chart ipad.png

Progress:

  • Daily Acceleration chart of fluency vs. mistake

UI Design & Implemtation

Heuristic Evaluation & Iterations

image.png

Contact

I'm always looking for new and exciting opportunities. Let's connect.

bottom of page