top of page
awababy

AI-Powered Baby Cry Decoder

Introducing the new ‘Pro’ version

A next-generation mobile app that uses AI to decode a baby’s cries and help parents understand their little one’s needs. This evolved version launched as a corporate wellness service in March 2025, sparking interest from top-tier corporations, hospitals, and clinics across Japan.


Role: Art Director, Motion Designer, Product Designer

I gave this app a playful, welcoming touch that parents (and babies) can trust. Using Rive, I crafted delightful, interactive, development-ready animations. I also built a smooth, iOS native prototype with Play so that developers could easily preview the Rive animations in context, making collaboration seamless.

adobe-express-qr-code (1).png
Rive animation thumbnail

Go ahead, touch it

I contributed as a visual designer from the early stages of Awababy, an app designed to help identify the reasons behind a baby's cries. My involvement extended to crafting UI/UX designs independently using Figma. Beginning with conceptualizing the app's child-friendly ambiance, I initiated the process by sketching ideas, creating illustrations and characters, and developing mood boards. This comprehensive approach led to the establishment of a cohesive brand system, encompassing a thoughtfully curated color palette, font selection, and guidelines for images and UI assets. My role in shaping the visual identity of the app from inception underscores my commitment to creating a harmonious and user-friendly experience.

​

https://awababy.tech/

awababy_ch01.png
awababy_ch02.png
Artboard 6_2x.png

The images above showcase early sketches, mood boards, and initial concepts for the brand design. On the right side, you'll find an image that was strategically employed on the Instagram account as a pre-launch trailer for the app.

Moving below, the subsequent images represent the final outputs utilized on both the landing page and within the actual app interface. These visual elements encapsulate the essence of the brand design, serving as a cohesive and engaging representation for users.

tsh_01_3x.png
tsh_02_3x.png
tsh_03_3x.png
tsh_04_3x.png
tsh_05_3x.png
tsh_06_3x.png
tsh_07_3x.png
tsh_11_3x.png
tsh_10_3x.png
tsh_09_3x.png
tsh_12_3x.png
tsh_13_3x.png
tsh_08_3x.png
tsh_14_3x.png
tsh_15_3x.png
awababy_logo_colorpng.png
awababy-brand.png
awababy-color.png
image.png
Untitled_Artwork.png
awababy_logo_color_BG_edited.jpg

App Promo Video

Awababy is an app designed to decode why babies cry through the sound of their cries. Taking charge of the project's design since its inception in 2022, I am now embarking on creating a new promotional video to coincide with this year's app update.

Though the project only commenced last week and remains a work in progress, I believe it will serve as an excellent showcase of my work process, hence my decision to prepare this presentation.

I am immensely enjoying working on this project and hope you will too.

For more information about the app, you can visit the link below.

phone-img.webp

April 24, 2024

*Work in progress

SequenceA_1.gif
gif_1.gif
Shot03.gif
Shot05.gif
image.png

Ideation

My journey with the Awababy project began when one of my Instagram drawings caught the attention of a team member. They asked me to create a teaser illustration for the Awababy app's social media channels. This led to my involvement in overseeing the app's product design. The app's theme revolves around the underwater world, with a whale mascot and bubbles as a significant thematic element. Despite challenges in implementing my illustration style within the app, I saw its potential for use in advertising videos.

awababy_illustration01.png
moodboard2@3x.png
moodboard3@3x.png
moodboard1@3x.png
awababy_whales copy.png
Untitled_Artwork.png
awababy03.png
awababy01.png
awababy02.png
awababy07.png

The planner behind the Awababy project aimed to address loneliness and depression experienced by individuals starting their journey of childcare. Inspired by this cause, I aim to create advertisements that bring joy and healing to people's lives, even amidst adversity.

Storyboarding & Styleframes

storyboard01.png
storyboard02.png
storyboard04.png
storyboard03.png
storyboard05.png
storyboard06.png
storyboard07.png
storyboard08.png
storyboard09.png
storyboard10.png
storyboard11.png
storyboard12.png
storyboard13.png
storyboard14.png
storyboard15.png
storyboard16.png
storyboard17.png

Thank you

Untitled_Artwork.png
Untitled_Artwork.png
Untitled_Artwork.png
bottom of page