Skip to case study
All portfolio workApp concept · Language learningOpen experience
Independent concept projectLanguage learningReference measured · review required

Lilt

A connected learning experience from placement and daily lessons through practice modes, stories, conversation, progress, competition, and tutoring.

Launch interactive experience Browse all 20 screens
Project type
Independent concept
Format
Browser-based app
Experience scope
20 connected screens
Industry
Language learning
Fidelity status
Reference measured · review required
01 · Design rationale

A product direction built around a complete journey.

A connected learning experience from placement and daily lessons through practice modes, stories, conversation, progress, competition, and tutoring. The case study exposes the project’s structure and delivery boundaries so visitors can assess the visual system, route coverage, and intended interactions without mistaking a concept for commissioned client work.

  1. 01

    Guided lessons, speaking, stories, and tutoring

    The route architecture is organised around guided lessons, speaking, stories, and tutoring, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Typographic cobalt-and-mango notebook with cut-paper scenes, lively correctness feedback, visible progress, and no mascot dependency.

  3. 03

    Original asset plan

    Original cut-paper illustrations, fictional lesson content, licensed voice-free sound effects, and CSS language diagrams.

02 · Experience architecture

Navigate the complete app map.

Every named screen opens directly, making the concept’s scope inspectable and shareable without loading every experience route on this page.

20Connected screens

Routes describe the frontend experience. A visible route does not by itself claim a live backend integration or native store release.

03 · Evidence and boundaries

Original presentation, documented provenance.

Reference research and implementation status are stated separately. Third-party screenshots, logos, and branded assets are not used in this presentation.

ChatGPT reference study

Reference record

The ChatGPT links below document private clean-room measurement. They do not imply affiliation, endorsement, human approval, or permission to republish source screens.

System
A08 · ios
Studied
2026-08-13
Entry family
chatgpt-language-setup
Status
reference-measured · human review required

Automated targets: structural changed pixels ≤ 2.0%, full changed pixels ≤ 8.0%, MAE ≤ 0.015, RMSE ≤ 0.035. These are measurement targets, not pixel-perfect certification.

Asset record: Original cut-paper illustrations, fictional lesson content, licensed voice-free sound effects, and CSS language diagrams. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • ChatGPT primary screen

    single-column conversational canvas with a floating multimodal composer

    • Conversation content uses 12–16 px side insets
    • Answer text reads near 17 px with about 24 px line height
  • ChatGPT alternate state

    messages stream, tools expand from the composer, and the keyboard lifts the input without covering the answer

    • The floating composer is roughly 56 px high
    • Circular tool and voice actions are approximately 40 px

Explore Lilt from its first screen.

Open the browser experience, then use its connected navigation to inspect the complete concept route by route.

Launch Lilt