Grumble - Know your hunger before your body has to scream for it.
Designing a speculative hunger-sensing tool in 4 days that makes an invisible body signal visible, social, and actionable for Fig Build 2026.
Role
Visual & Motion Design
Timeline
4 days
March 2026
Team
Catherine Jia
Sabrina Chen
Shuang Liang
Leveraged Skills
Visual interface design
Micro-animation motion
Motion design
Grumble - Know your hunger before your body has to scream for it.
Designing a speculative hunger-sensing tool in 4 days that makes an invisible body signal visible, social, and actionable for Fig Build 2026.
Role
Visual & Motion Design
Timeline
4 days
March 2026
Team
Catherine Jia
Sabrina Chen
Shuang Liang
Leveraged Skills
Visual interface design
Micro-animation motion
Motion design
Overview
Reimagining hunger as a sense you can finally see.
Reimagining hunger as a sense you can finally see.
Food has always been one of the quietest ways people take care of each other — showing up with lunch, texting "have you eaten?", noticing when someone's running low. But hunger itself is invisible. You can't see it on someone's face, and half the time you don't even notice it in yourself until you're already past it.
That tension became the starting point for Grumble — a speculative tool built around the question: what if hunger didn't have to be invisible?
Food has always been one of the quietest ways people take care of each other — showing up with lunch, texting "have you eaten?", noticing when someone's running low. But hunger itself is invisible. You can't see it on someone's face, and half the time you don't even notice it in yourself until you're already past it.
That tension became the starting point for Grumble — a speculative tool built around the question: what if hunger didn't have to be invisible?
View Prototype
Check out Dev Post
THE PROBLEM
We eat every day, but hunger remains one of the least understood senses of human.
We eat every day, but hunger remains one of the least understood senses of human.
How it started
With its launch, everyday sharing extended beyond creators. Content-first users who had never posted before started showing up.
With its launch, everyday sharing extended beyond creators. Content-first users who had never posted before started showing up.
KEY SOLUTIONS
Higher screen efficiency, increased user interactions
Higher screen efficiency, increased user interactions
Grumble tracks your blood glucose-derived hunger index in real time — and turns a private body signal into a shared, social experience.
Grumble tracks your blood glucose-derived hunger index in real time — and turns a private body signal into a shared, social experience.
KEY SOLUTIONS
01 A friend noticed you were hungry, before you did
01 A friend noticed you were hungry, before you did
Enlarging the image preview area was the most direct way to give Notes more presence on screen. A larger preview doesn't just look better — it changes the user's relationship with the content, inviting them to look before they decide to scroll past.
Enlarging the image preview area was the most direct way to give Notes more presence on screen. A larger preview doesn't just look better — it changes the user's relationship with the content, inviting them to look before they decide to scroll past.
02 Strengthen identity-driven interaction
02 Strengthen identity-driven interaction
The fix wasn't removing creator identity — it was repositioning it. Profile information surfaced after users engaged with the content, making recognition feel natural rather than interruptive. Follow rate and profile click-through both saw significant lifts.
The fix wasn't removing creator identity — it was repositioning it. Profile information surfaced after users engaged with the content, making recognition feel natural rather than interruptive. Follow rate and profile click-through both saw significant lifts.
03 See who nearby is hungry for the same thing
03 See who nearby is hungry for the same thing
Tightening spacing between username, text, and media let more notes appear per screen without feeling cramped. More content visible at once means more chances to capture interest before someone leaves.
Tightening spacing between username, text, and media let more notes appear per screen without feeling cramped. More content visible at once means more chances to capture interest before someone leaves.
04 Preserve interaction behaviors
04 Preserve interaction behaviors
Layout changes carry the risk of disrupting what already works. We kept the interaction bar — likes, comments, shares — accessible and clearly weighted.
Layout changes carry the risk of disrupting what already works. We kept the interaction bar — likes, comments, shares — accessible and clearly weighted.
05 Understand what your hunger has been trying to tell you
05 Understand what your hunger has been trying to tell you
Your personal hunger profile shows patterns across days and weeks — so you can anticipate the next crash before it happens.
Your personal hunger profile shows patterns across days and weeks — so you can anticipate the next crash before it happens.
BEHIND THE SIGNAL
How a body signal becomes a number you can act on
How a body signal becomes a number you can act on
Glucose drops 60–90 min before you feel hungry. Grumble reads the signal before your body has to shout.
Glucose drops 60–90 min before you feel hungry. Grumble reads the signal before your body has to shout.
What we want
We believe hunger is more than a sensory. It's a signal, a conversation, and an invitation.
We believe hunger is more than a sensory. It's a signal, a conversation, and an invitation.
Ideation
How might we remind people to eat according to their body's hunger signals — and make it easier to notice, understand, and act on?
How might we remind people to eat according to their body's hunger signals — and make it easier to notice, understand, and act on?
Goal
Design Details
Visualizing Appetite: A Color-Coded Semantic System
Visualizing Appetite: A Color-Coded Semantic System
My teammate and I analyzed brand visual guidelines and mood boards to bridge the gap between LA’s "cinematic energy" and the Metro’s "rigid" reality.
My teammate and I analyzed brand visual guidelines and mood boards to bridge the gap between LA’s "cinematic energy" and the Metro’s "rigid" reality.
Visualizing hunger data through clock metaphor
Visualizing hunger data through clock metaphor
Daily view: Identify the exact moment of hunger to plan meals.
Daily view: Identify the exact moment of hunger to plan meals.
Utilizing a 24-hour circular dial to mirror the natural circadian rhythm. The radial heatmap provides an intuitive "clock-look" that maps body signals to specific times of day
Utilizing a 24-hour circular dial to mirror the natural circadian rhythm. The radial heatmap provides an intuitive "clock-look" that maps body signals to specific times of day
Weekly view: Compare fluctuations and identify anomalies across the week
Weekly view: Compare fluctuations and identify anomalies across the week
Unfolding the circular clock into vertical time-strips. This linear alignment allows for side-by-side comparison, making it easy to spot if hunger peaks shifted
Unfolding the circular clock into vertical time-strips. This linear alignment allows for side-by-side comparison, making it easy to spot if hunger peaks shifted
how i present the work
Check out our slide presention
Check out our slide presention
In less than 3 hours, I crafted this presentation of its visuals, layouts, and refined on the details.
In less than 3 hours, I crafted this presentation of its visuals, layouts, and refined on the details.
My Takeaways
What I took away from this metric driven project
What I took away from this metric driven project
Think beyond conventional patterns and explore creative interactions
FigBuild taught me to push past expected solutions and consider more imaginative interaction patterns that solve problems in a memorable and intuitive way.
FigBuild taught me to push past expected solutions and consider more imaginative interaction patterns that solve problems in a memorable and intuitive way.
Balance vision with execution by leaving enough time to build
I learned that strong ideas need enough time for both vibe coding and mocking, so the concept can actually come to life instead of staying at the idea stage.
I learned that strong ideas need enough time for both vibe coding and mocking, so the concept can actually come to life instead of staying at the idea stage.
Storytelling and time management are just as important as the final design
A compelling project is not only about what you build, but also how clearly you tell the story behind it and how well you manage your time to bring the idea together.
A compelling project is not only about what you build, but also how clearly you tell the story behind it and how well you manage your time to bring the idea together.
Back