Nudgee

Study Builder Appplication

We’re Your Stories Comes Alive

Technologies Used

Project Overview

Project Overview

Nudgee is an AI-powered reading app for iOS and Android that turns every child into the hero of their own story. Using generative AI, the platform creates fully illustrated, personalised adventures where kids can read independently, listen to professional narration, or follow along with on-screen text. Parents get a safe, ad-free environment; children get a library that literally knows their name—and even features siblings or friends as supporting characters. WebArt Design partnered with Nudgee to design, build, and launch the cross-platform app, integrating real-time story generation, text-to-speech, and cloud-based image creation into a single, kid-friendly experience.

Problem Statement

Traditional e-books struggle to keep young readers engaged, and many parents worry about screen time spent on games or videos that offer little educational value. Off-the-shelf reading apps provide static content, seldom adapt to a child’s interests, and rarely let families participate in the fun. Nudgee needed a secure, COPPA-compliant solution that could:

  • Make reading feel as interactive and exciting as a game.
  • Personalise stories so children see themselves—and loved ones—inside the narrative.
  • Offer multiple reading modes (read-alone, read-along, listen) to support different literacy levels.
  • Deliver all of this on both iOS and Android without compromising privacy or performance.

Solutions

  • Generative Story Engine
    • GPT-based prompt pipeline builds new plots on-demand, inserting the child’s name, age, and chosen companions.
    • Adjustable reading level ensures vocabulary and sentence length match each user’s ability.
  • AI Illustration Service
    • Stable Diffusion–driven image generator produces high-resolution, storybook-style artwork in seconds.
    • Content filters and moderation layer guarantee every image is child-safe.
  • Multi-Mode Reader
    • Read-Along mode highlights each word in sync with AI narration to boost word recognition.
    • Independent Reading mode tracks pages read and awards badges for milestones.
    • Audio-Only mode converts any story to natural-sounding speech for car rides or bedtime,
  • Cross-Platform Mobile App
    • Built with Flutter for a single codebase across iOS and Android.
    • Secure cloud backend stores user profiles, reading stats, and favourite characters.
    • Offline caching lets families enjoy downloaded stories without internet access.
  • Privacy & Parental Controls
    • COPPA-compliant sign-up with no ads or in-app chats.
    • Parent dashboard shows reading progress and lets adults disable story themes or set daily reading goals.

Together, these features transform reading from a routine task into an immersive adventure, increasing time spent with books and strengthening early-literacy skills—while giving parents peace of mind.

User Centered Design Process

“User-Centered (UCD) is A User Interface Design Process That Focuses On Usability Goals User Characteristics, Environment, Tasks, And Workflow In The Design of an interface.

Wireframes

A wireframe is a layout of a web page that demonstrates what interface elements will exist on key pages. It is a critical part of the interaction design process.

Visual Design

Visual design aims to improve a design’s/product’s aesthetic appeal and usability with suitable images, typography, space, layout and color

Style Guide

A a

The Style Guide Was choosen to keep the look and feel of the app organizes.

The main focus is to make the app accesible, so the design is very minimalistic.

Montserrat Poppins

Font size

Line Height

H1 Text ExtraBold 48 px 52 px
H1 Text SemiBold 24 px 28 px
H3 Regular 18 px 24 px

Colours

Primary

Colours that represent brand, used as primary color and accents
Hex Code #6F56AA
R 255 G 193 B 0
Colours that represent brand, used as primary color and accents
Hex Code #FFC100
R 255 G 193 B 0

Text & Background

Hex Code #333333
R 111 G 86 B 170
Hex Code #868686
R 134 G 134 B 134
Hex Code #EEEEEE
R 238 G 238 B 238

Contact Us

Your Next Big Step Starts Here!