A phone-sized studio where anyone can write a picture
book

Talez turns backgrounds, characters, text, doodles and voice into illustrated multi-page stories — built page by page on a phone, shared in a tap.

iOS & AndroidStory EditorKids & ClassroomsUX + UI Design
talez — product banner
1920 × 1080 talez — product banner
iOS & Android Story Editor Kids & Classrooms UX + UI Design iOS & Android Story Editor Kids & Classrooms UX + UI Design
01 Overview

Storybook craft, compressed into one thumb-reachable canvas?

Talez asked for a mobile app where children, parents and teachers could build light-hearted illustrated stories without a laptop, a design tool, or a tutorial. Every story is assembled a page at a time: pick a scene, drop in characters, add text, draw on top, record a narration, then save it privately or share it with the world.

We designed the full product surface — splash, auth, navigation, dashboard, the page editor and its tool sheets, the story libraries, sharing, profile and feedback — on a single pastel sky-and-meadow visual system that keeps the app feeling like a playground rather than a piece of software.

  • Page-by-page editor with a full-bleed canvas and a vertical tool rail
  • Background library, character grid, text, drawing and audio in one sheet system
  • Private or public save, plus a seven-network share sheet
  • Story libraries for saved, draft, favourite and community talez
02 The Challenge

Authoring tools are built for pros. This one is for eight-year-olds.

A multi-layer editor on a five-inch screen is a hard brief on its own. Doing it for an audience that spans children, parents and teachers meant removing every assumption about prior software literacy.

A —

Too many tools, too little screen

Backgrounds, stickers, text, drawing and audio all needed to be one tap away without ever covering the page being made.

B —

Three audiences, one interface

Kids need obvious, oversized targets. Parents and teachers need account controls, drafts and safe sharing. Neither could get a separate app.

C —

Sharing that parents trust

Public feeds and social networks sit next to a child's work, so the private-or-public decision had to be explicit at the moment of saving.

D —

Playful without being noisy

A pastel storybook world had to carry login forms, dialogs and settings screens without turning them into visual clutter.

04 What We Built
Spotlight 01

Onboarding that gets out of the way

An open storybook splash with castle, dragon and pirate ship sets the tone; login, registration and recovery share one layout plus social sign-in.

Splash screen with open storybook, castle, dragon and pirate ship
390 × 780 Splash screen with open storybook, castle, dragon and pirate ship
Member login with email, password and social sign-in
390 × 780 Member login with email, password and social sign-in
Spotlight 02

One red button to start

The dashboard does exactly one thing: Create My Talez. Everything else lives behind a drawer with avatar, libraries, profile, feedback and social links.

Dashboard with the red Create My Talez button
390 × 780 Dashboard with the red Create My Talez button
Slide-out navigation drawer with user avatar and menu entries
390 × 780 Slide-out navigation drawer with user avatar and menu entries
Spotlight 03

The page editor

A full-bleed canvas with a page counter and next/previous arrows, a vertical right-hand tool rail, and a bottom bar for undo, redo, save, video and duplicate.

Story editor canvas with page counter and tool rail
390 × 780 Story editor canvas with page counter and tool rail
Editor with a character placed and resized on the scene
390 × 780 Editor with a character placed and resized on the scene
Spotlight 04

Scenes

A tabbed background library — Frequently Used, All, Desert, Fairytales, Nature — plus custom uploads from gallery, camera or a solid colour.

Background library with category tabs
390 × 780 Background library with category tabs
Add a File sheet offering Gallery, Camera or Solid Color
390 × 780 Add a File sheet offering Gallery, Camera or Solid Color
Spotlight 05

Cast

A grid of cartoon characters and stickers, dropped straight onto the scene and then resized and positioned by hand.

Character and sticker selection grid
390 × 780 Character and sticker selection grid
Spotlight 06

Libraries

Saved, draft and favourite stories in scannable grids, plus an author feed of Other Talez for reading what everyone else has made.

My Favorites list with edit, share and delete actions
390 × 780 My Favorites list with edit, share and delete actions
Other Talez feed of stories by other authors
390 × 780 Other Talez feed of stories by other authors
Spotlight 07

Sharing and voice

Narration or playlist audio recorded onto a page, and a share sheet spanning seven networks once a story is made public.

Share file sheet with social network options
390 × 780 Share file sheet with social network options
05 Approach

How we kept a multi-layer editor feeling like play.

We worked outward from the canvas. Every other screen in the app exists to protect the moment a child is placing a dragon on a meadow.

01.
Canvas first

We designed the editing surface before the shell. The page fills the screen; tools sit on a narrow vertical rail so nothing important is ever hidden behind a thumb.

02.
Sheets, not screens

Backgrounds, characters, media and file uploads all open as bottom or overlay sheets. The story stays visible underneath, so choices are made in context and dismissed in one gesture.

03.
One pastel system, everywhere

The sky-and-meadow backdrop runs behind login, dialogs, libraries and settings. Consistent rounded cards, soft shadows and a single red call-to-action keep hierarchy obvious at a glance.

04.
Safety at the save moment

Rather than burying privacy in settings, the save dialog asks private or public every time. Sharing, favouriting and deleting sit on each story card so control stays with the author.

06 Toolkit

Design toolkit and handoff

01 Design
Figma
Component library
Pastel design tokens
02 Patterns
iOS HIG
Material Design
Bottom sheets
Drawer navigation
03 Scope
Phone (portrait)
20+ screens
Editor + auth + social

Engineering stack owned by the client team; our scope covered end-to-end product design and developer handoff.

03 Design

Portrait-first, storybook-soft.

Oversized tap targets, high-contrast icons on pastel fields, and illustration that carries the brand into functional screens — profile editing and feedback included.

Talez — product banner
1440 × 900 Talez — product banner
Splash
390 × 780 Mobile
Similar project on your plate?

Let's ship
the next one.

Tell us about your project. We'll come back within a business day with a scoped plan and a straight answer.

1 day
Average reply
2 wks
Typical kickoff
Zero
Hidden fees
WhatsApp
Email
Call