Realizacja

Imagine Stories: aplikacja AI do terapii dysleksji i ADHD

Logopedom, terapeutom i rodzicom brakowało opowieści dopasowanych do konkretnego dziecka. Zaprojektowaliśmy i wdrożyliśmy Imagine Stories: aplikację webową z generatywną AI, która tworzy teksty i ilustracje dla dzieci z dysleksją i ADHD oraz pozwala ustawić font, tło i tempo czytania.

Product Hunt

3

modele AI w produkcie: OpenAI, Anthropic Claude, Stable Diffusion

WCAG 2.1

kryteria 1.4.3 i 1.4.8 wdrożone z myślą o osobach z dysleksją

2

fonty dla osób z dysleksją: Lexend i OpenDyslexic

Zaprojektowaliśmy i wdrożyliśmy Imagine Stories: od warsztatów produktowych, przez wireframy i prototypy wysokiej wierności, po aplikację w Next.js/React zintegrowaną z OpenAI, Anthropic Claude i Stable Diffusion. Platforma generuje teksty i ilustracje w czasie rzeczywistym i pozwala dopasować ich prezentację do potrzeb dziecka.

Typ produktu
Aplikacja webowa z generatywną AI
Rynek
Edukacja i terapia (logopedia)
Technologie
  • OpenAI
  • Anthropic
  • Stable Diffusion
  • Replicate
  • Vercel
  • Next.js
Najważniejsze fakty
  • Teksty i ilustracje generowane w czasie rzeczywistym
  • Predefiniowane postacie i sceny oraz własne elementy opowieści
  • Edycja fontów, kolorów i tła pod potrzeby pacjenta
  • Odtwarzacz dopasowujący tempo czytania do możliwości dziecka
  • Fonty Lexend i OpenDyslexic oraz tła o dobranym kontraście
  • Next.js/React z integracją OpenAI, Anthropic Claude i Stable Diffusion

Opowieści do terapii czytania, które powstają na bieżąco i dają się dopasować do konkretnego dziecka.

Bajka wygenerowana przez AI w aplikacji Imagine Stories na telefonie
Dziecko czyta opowieść terapeutyczną na tablecie

Cele

  • 01

    Materiały na żądanie

    Odpowiedzieć na brak materiałów logopedycznych narzędziem, które generuje nowe opowieści.

  • 02

    Dopasowanie do dziecka

    Pozwolić ustawić postacie, sceny, tempo czytania i wygląd tekstu pod indywidualne potrzeby pacjenta.

  • 03

    Tekst łatwiejszy do czytania

    Spełnić kryteria WCAG 2.1 dotyczące prezentacji wizualnej i kontrastu z myślą o osobach z dysleksją.

Proces

Empathize Define Ideate Design / Prototype & Delivery
  1. Warsztaty produktowe
    Warsztaty produktowe

    Kluczowe potrzeby logopedów, terapeutów i rodziców.

  2. Wireframy
    Wireframy

    Struktura ekranów: tworzenie opowieści, edycja i odtwarzanie.

  3. Product design
    Product design

    Interfejs dopasowany do wymagań terapeutów i rodziców, z funkcjami wspierającymi osoby z dysleksją.

  4. Prototypy hi-fi
    Prototypy hi-fi

    Prototypy wysokiej wierności przed wdrożeniem aplikacji.

  5. Wdrożenie i wsparcie
    Wdrożenie i wsparcie

    Next.js/React i integracje z OpenAI, Anthropic Claude i Stable Diffusion.

Co dostarczyliśmy

Platformę, w której opowieść powstaje, daje się dopasować do pacjenta i służy do ćwiczenia czytania.

  • Generowanie opowieści - teksty i ilustracje tworzone w czasie rzeczywistym i dopasowywane do kolejnych części historii.
  • Postacie i sceny - predefiniowane elementy do wyboru oraz możliwość dodania własnych.
  • Edycja i personalizacja - zmiana fontów, kolorów i tła, np. dla osób z daltonizmem lub problemami ze wzrokiem.
  • Odtwarzacz - tempo czytania dopasowane przez terapeutę do możliwości dziecka.
  • Wsparcie dla dysleksji - przełączanie fontów Lexend i OpenDyslexic oraz tła tekstu o kontraście dobranym na podstawie badań.
  • Wdrożenie - aplikacja w Next.js/React zintegrowana z OpenAI, Anthropic Claude i Stable Diffusion.
Ekran wyboru bohaterów opowieści w aplikacji Imagine Stories

Wyzwanie: za mało materiałów do terapii czytania

Projekt odpowiada na problem braku materiałów logopedycznych. Logopedzi, terapeuci i rodzice potrzebują opowieści dopasowanych do indywidualnych potrzeb dziecka, a gotowych tekstów jest za mało.

Sam tekst nie wystarczy. Dla dzieci z dysleksją liczy się też sposób podania: krój pisma, kolor tła i kontrast, a w terapii czytania także tempo. Produkt musiał połączyć generatywną AI z narzędziami, które pozwalają to wszystko ustawić.

Narzędzie miało być funkcjonalne i jednocześnie dopasowane do specyficznych wymagań terapeutów i rodziców.

Opowieść z odtwarzaczem tempa czytania w widoku na komputer

Rozwiązanie: opowieść generowana i dopasowana do dziecka

Użytkownik składa opowieść z predefiniowanych postaci i scen albo dodaje własne elementy, a AI generuje tekst i ilustracje na bieżąco.

Bajki i grafiki dostosowują się do kolejnych części opowieści, więc narracja jest elastyczna, a każda historia może potoczyć się inaczej. Gotowy tekst można edytować: zmienić font, kolory i tło, np. pod daltonizm albo problemy ze wzrokiem. Odtwarzacz dopasowuje tempo czytania do możliwości pacjenta, a terapeuta ustawia je pod konkretne dziecko.

Wsparcie dla osób z dysleksją

Funkcje dostępności realizują kryteria WCAG 2.1: 1.4.8 (Prezentacja wizualna) i 1.4.3 (Kontrast). Użytkownik przełącza się między fontami Lexend i OpenDyslexic, które poprawiają rozpoznawalność znaków, i wybiera kolor tła tekstu. Dobór kolorów opiera się na badaniu Rello i Baeza-Yates "Good Background Colors for Readers: A Study of People with and without Dyslexia".

Chłopiec czyta wygenerowaną bajkę na monitorze
Edytor opowieści z wyborem rozmiaru i kroju pisma

Efekty: materiał do terapii powstaje na bieżąco

Logopedzi, terapeuci i rodzice dostali narzędzie, w którym materiał do terapii powstaje na bieżąco i od razu daje się dopasować do dziecka.

Jedna platforma łączy generowanie treści i ilustracji, ustawienia prezentacji tekstu i odtwarzacz z regulowanym tempem. Terapeuta może przygotować nową opowieść i od razu ustawić ją pod potrzeby pacjenta, zamiast szukać gotowych materiałów.

Dziecko z tabletem podczas ćwiczenia czytania
Mobilny widok bajki z podświetlanym czytanym fragmentem

Opracowanie: Publikacja: Aktualizacja:

Pomysł na produkt z generatywną AI?

Zaczynamy od warsztatu, na którym ustalamy, komu i w czym ma pomóc.

Porozmawiajmy