AnkaChildren'sTheatre

A site that feels like a show, for a children's theatre touring school to school, city to city. The curtain rises, the minibus hits the road, the mask changes its mood.

Anka Çocuk Tiyatrosu · 2026 · Tasarım + kod

Visit the site↗

Opening, story and on-the-road sections of the Anka Children's Theatre site on three phones

CurtainStageMaskApplauseDreamLaughterCurtainStageMaskApplauseDreamLaughterCurtainStageMaskApplauseDreamLaughterCurtainStageMaskApplauseDreamLaughterCurtainStageMaskApplauseDreamLaughterCurtainStageMaskApplauseDreamLaughter

LaughterDreamApplauseMaskStageCurtainLaughterDreamApplauseMaskStageCurtainLaughterDreamApplauseMaskStageCurtainLaughterDreamApplauseMaskStageCurtainLaughterDreamApplauseMaskStageCurtainLaughterDreamApplauseMaskStageCurtain

The curtain rises

Even the loading screen is part of the show: the phoenix catches fire with the percentage, and at one hundred the curtain opens on the stage.

Loading screen and opening scene on three phones

School to school, road to road

The theatre's white minibus is on the road on the site too. Road signs show a random city from Turkey's 81 provinces on every pass; the weather turns from sun to rain to snow.

Tap a face

Tap a member of the cast and a speech bubble tells their story: King Gogas, Esla, Spider-Man and the rest.

Cast picker and speech bubble on two phones

Which mask are you today?

A small game that flips between a cheerful and a thoughtful mask, teaching children to recognise feelings on stage.

Thoughtful and cheerful mask on two phones

A stage that plays as you scroll

Most animations run on CSS scroll-driven timelines (animation-timeline). No external scripts and no animation library.

96 CSS animations
All of the JavaScript is 5 KB: cast picker, mask and bottom menu
A bottom menu within thumb reach on phones

Shows, workshops and contact sections on three phones

Scene by scene

The site is designed for mobile from top to bottom: every section with its own set, on a phone.

01Story and road
02Cast and mask
03Shows and workshops
04Contact and finale

Curtain up

A site that feels like a show, for a children's theatre touring school to school, city to city. The curtain rises, the minibus hits the road, the mask changes its mood.

Visit the site↗