AR Story Experience

2D animation transforms space into a living AR night sky
where story unfolds.

Scroll to Explore
2D Animator & Story Designer

Project Overview

BabySteps is an augmented reality (AR) prenatal bonding experience designed to support emotional connection between expectant parents and their baby. Through a combination of storytelling, interactive environments, and 3D visualization, the project transforms the pregnancy journey into a calm, immersive, and meaningful experience.

The application integrates a dynamic AR night sky with progressive storytelling and an interactive baby model, allowing users to explore development stages while building a personal and emotional connection over time.

Production Role

2D Animator
& Story Designer

  • 01 AR and Story Interaction Design
  • 02 2D Art Assets & Visual Language  
  • 03 Character Texture (3D Baby)
  • 04 Visual Effects & Particle Systems

The User Jounery

Open and place scene
Step 01

Open & Place

User opens the app and anchors the AR night sky in their space.

Character appears scene
Step 02

Character Appears

The night sky dome forms with stars, clouds, and soft ambient elements.

Physical exploration scene
Step 03

Physical Exploration

The user interacts with visual elements.

Story unfolds scene
Step 04

Story Unfolds

Interactive events trigger animations that advance the narrative.

Asset Library

Animation Assets

A compact asset gallery with category switching, uniform frames, and a dedicated ordered stage progression.
Art Style Guide in Here

Character 01 Idle Loop
Character 02 Shooting Star
Character 03 Star 2
Character 04 Star 3
Character 05 Star 4
Environment 01 Cloud Layer
Environment 05Sun
Environment 02 Moon
Effect 01 Meteor Shower
Effect 02              Sparkle

Stage 1 Asset 01Star1_Beginning
Stage 1 Asset 02Heart Beat
Stage 1 Asset 03Shooting Star
Stage 1 Asset 04Outine Star
Stage 1 Asset 05Organization Star
Stage 1 Asset 06Universe
Stage 2 Asset 01FireWorks
Stage 2 Asset 02Star to Outline
Stage 3 Asset 01Star 3
Stage 3 Asset 02Star To Outline
Stage 3 Asset 03Ear + Volume
Stage 4 Asset 01Star 4
Stage 4 Asset 02Star Opens A Little
Stage 4 Asset 03Filling Circle with Star
Stage 4 Asset 04Heart House
Stage 4 Asset 05Aurora
Stage 5 Asset 01Moon Slides Star
Stage 5 Asset 02Clock
Stage 5 Asset 03Star to Earth
Stage 6 Asset 01Star to Sun
Stage 6 Asset 02Star Opens
Stage 6 Asset 03Hand Held Star
Stage 6 Asset 04Bird Flying
Stage 6 Asset 05Flying Fullloop
Stage 6 Asset 06Kite

IPHONE MOCKUP SHOWCASE

This section presents the Stage 1 AR story within a realistic mobile device frame, allowing the experience to be viewed as it would appear in-hand.

Keypoint

  • Highlights 2D animation and visual language
  • Simulates real-device interaction for a grounded viewing experience
  • Combines motion, light, and composition to establish emotional tone















What if the night sky could hold a story, one that shifts and responds alongside us?

                  BabySteps is an augmented reality experience that transforms the sky into a                       living, interactive environment designed for prenatal bonding. The project is a                   responsive emotional space, where light, motion, and atmosphere become the                       primary language of storytelling.


Within this space, I focused on designing and developing
the 2D visual system that shapes the entire experience.
Through illustrated assets, animation, and environmental
composition, the AR sky is constructed as a layered world
that surrounds the user.