Best viewed on desktop.

Scroll down

{{ visitorCountFmt }}

Worked at

Welcome.

Step in, the work is just inside.

Work

{{ f.liveLabel }}

{{ f.wName }}

{{ f.wType }}

{{ f.wTag }}

{{ f.wDisc }}

Other Design Engagements

Visual Design

↗

Motion & Animations

↗

About

Scroll down to walk the wall ↓

Vibha

Product Designer + Builder

About

I’m Vibha, a Product Designer who likes observing a little closer. I like paying attention to the small things. The hesitation before a click, the shortcut someone takes, the detail they barely notice but somehow remember. I believe those moments reveal a lot about how products should be designed.

I work across AI, design systems, and code, turning complex and ambiguous problems into experiences that feel clear, useful, and remembered. I enjoy connecting the problem and the design decisions to the final experience.

My Stack

Design tools

AI tools

Experience

Visual Design Intern

Sunday Design

Jun 2026 - Jun 2026

Product Designer Intern

Superfans.io

Mar 2025 - Jun 2025

Product Designer Intern

Bimaplan

Mar 2024 - Sep 2024

Application Developer

IBM

Apr 2023 - Sep 2023

Education

Master of Design, User Experience

MIT Institute of Design, Pune

2025 - 2027

Bachelor of Engineering, Computer Science

Vidyavardhaka College of Engineering, Mysuru

2018 - 2022

Dasara Gombe

Drag the dolls - arrange the gombe however you like

With the golu, for real

Rangoli drawn on the floor

{{ d.name }}

One Thing Led to Another

Contact

Leave a note

Note sent!

Thank you. I'll get back to you soon.

A house is remembered
by the people who walked through it.

Thank you for visiting ♥

{{ visitorCount }} people have walked through

×

Vibha with the real golu

The real golu that started it all.

Vibha Shree M S

Product Designer bridging user needs, interaction design, and technology · 1 YOE

See my work Take a tour

{{ visitorCountFmt }}

Work

{{ f.wName }} {{ f.wType }} {{ f.wTag }} {{ f.wDisc }}

Other Design Engagements

About

Vibha Shree M S

VibhaProduct Designer + Builder

I’m Vibha, a Product Designer who likes observing a little closer. I like paying attention to the small things. The hesitation before a click, the shortcut someone takes, the detail they barely notice but somehow remember. I believe those moments reveal a lot about how products should be designed.

I work across AI, design systems, and code, turning complex and ambiguous problems into experiences that feel clear, useful, and remembered. I enjoy connecting the problem and the design decisions to the final experience.

Experience

Visual Design InternSunday DesignJun 2026 - Jun 2026
Product Designer InternSuperfans.ioMar 2025 - Jun 2025
Product Designer InternBimaplanMar 2024 - Sep 2024
Application DeveloperIBMApr 2023 - Sep 2023

Education

Master of Design, User ExperienceMIT Institute of Design, Pune2025 - 2027
Bachelor of Engineering, Computer ScienceVidyavardhaka College of Engineering, Mysuru2018 - 2022

My Stack

Design Tools

Figma

Framer

Illustrator

Jitter

AI Tools

Claude

ChatGPT

Mobbin MCP

Gemini

{{ modalProject.title }} · {{ modalProject.domain }}

Website ↗

{{ modalProject.title }}

{{ modalProject.overview }}

Project type

{{ modalProject.projectType }}

{{ modalProject.roleLabel }}

{{ modalProject.role }}

Timeline

{{ modalProject.meta }}

Course

{{ modalProject.course }}

Industry

{{ modalProject.industry }}

Teammates

{{ tm.x }}

*{{ modalProject.disclaimer }}

Chapter {{ sc.chN }}

{{ sc.chN }} / {{ sc.chName }}

{{ sc.chName }}

{{ sc.chThesis }} {{ sc.chThesis2 }}

{{ sc.bigHead }}

{{ sc.eyebrow }}

{{ sc.title }}

{{ pt.text }}{{ pt.text }}

{{ sc.note }}

{{ sc.alt }}

Scroll for more →

{{ sc.filmstripQuoteLabel }}

{{ sc.filmstripCaption }}

{{ sc.eyebrow }}

{{ sc.tag }}

{{ sc.title }}

{{ sc.lede }}

{{ pr.k }}

{{ pr.v }}

{{ tr.y }}

{{ tr.t }}

{{ tr.d }}

{{ tr.d }}

{{ sc.dropTime }}, {{ sc.dropDate }}

{{ dc.n }}

↘

{{ fn.v }}

{{ fn.l }}

{{ fn.stage }}

{{ st.l }}

{{ st.v }}

{{ st.l }}

{{ st.s }}

{{ sc.notesTitle }}

{{ nt.x }}

{{ nt.x }}

Map of India

{{ ct.name }}

{{ st.l }}

{{ st.v }}

{{ st.l }}

{{ st.s }}

{{ st.linkLabel }}

“{{ qp.text }}{{ qp.text }}”
{{ sc.quoteBy }}

{{ sc.loopTitle }}

{{ lp.t }}

{{ lp.n }}

→

{{ lp.t }}

{{ lp.d }}

↻ {{ sc.loopNote }}

{{ mi.v }}

{{ mi.l }}

{{ ch.title }}

{{ ch.lede }}

{{ ch.fv }} {{ ch.fl }}

{{ ch.fs }}

{{ cr.q }}

{{ cr.qs }}

{{ sg.p }}

{{ lg.l }} {{ lg.n }}

{{ cl.q }}

{{ rw.l }} {{ rw.p }} {{ rw.n }}

{{ tk.v }} {{ tk.l }}

“{{ qt.x }}”

What collecting feels like

Six themes from the open-ended answers, each with what collectors actually said and what it means for the design.

{{ th.h }}

“{{ tq.x }}”

{{ th.k }}

{{ sc.surveyBtnLabel }} {{ sc.surveyBtnIcon }}

{{ im.alt }} — {{ sc.caption }}

LenskartRace It HomeCompare

Lenskart product page with Try On

Lenskart try-on with frames rendered on a face

lenskart

···

1User selects a frame

2App requests 3D model

3Cloud fetches optimised asset

4Rendered on your phone

5Temporarily cached

The car’s product page, with a 3D viewer, View in your space and Race this car

The chosen car placed in a real room in AR

Race It Home

···

1Shopper opens a car

2App asks for its 3D model

3Web app sends the 3D car

4Has AR? Races in your room

?No AR? Opens the 3D race

5Temporarily cached

LenskartRace It Home

Keep satisfied

High influence, lower interest. Check in at key moments.

Manage closely

High influence, high interest. Co-create and decide together.

Monitor

Lower influence and interest. Watch for changes.

Keep informed

High interest, lower influence. Share updates and listen.

influence →

interest →

Blinkit product & design Category & marketing Mattel & Hot Wheels India Blinkit tech & AR Adult collectors Regulators AR & web platforms Competitors Collector communities Creators & YouTubers Resellers & scalpers Casual & gift buyers Kids Dark stores Delivery partners Customer support Local toy shops Media & press

AR Test Drive

The Hot Wheels drop

users

make it happen

shape the ecosystem

wider context

Adult collectors

Primary user 18–34

Casual & gift buyers

Parents, gifting

Kids

Play with the car

Blinkit product & design

Owns the experience

Blinkit tech & AR

3D, AR, performance

Category & marketing

Toys range, campaign

Mattel · Hot Wheels India

Brand, licence, stock

Dark stores

Stock & picking

Delivery partners

Last-mile riders

Customer support

Refunds, complaints

Collector communities

Reddit, Facebook, WhatsApp

Creators & YouTubers

Unboxing, reviews

Resellers & scalpers

Work against fair access

Local toy shops

Offline alternative

Competitors

Zepto, Instamart, Amazon

Regulators

CCPA, DPDP, Legal Metrology

AR & web platforms

ARCore , ARKit, WebXR

Media & press

Campaign coverage

01Hear about itThe Drop

Today · feels curious

Finds out by chance, on Instagram, Reddit or while shopping for something else.

30%found the drop by chance

With AR Test Drive · feels excited

The drop is announced ahead: a 3-day event with limited castings.

02Wait for itThe Drop

Today · feels anxious

No date, no signal. Keeps refreshing apps and walking into stores.

16%usually find out too late

With AR Test Drive · feels looking forward

Knows the date. Plans for it instead of refreshing all day.

03Check the carSee It

Today · feels unsure

Sees a flat photo on a white background. Hard to judge the casting.

76%buy for love of the real car

With AR Test Drive · feels amazed

Explores the car in 3D and places it on a desk with AR.

04Try to buyRace It

Today · feels stressed

Races against scalpers and bots. The fastest finger wins.

70%blame scalpers

With AR Test Drive · feels thrilled

Races the car on an AR track on the floor.

05OutcomeWin It

Today · feels frustrated

Sold out, often before they even see it.

89%have missed a car

With AR Test Drive · feels rewarded

Scores points to unlock rewards, then buys in a few taps.

06AfterSee It + Race It

Today · feels let down

Gives up, waits for a restock, or pays a reseller more.

56%gave up · 28% paid extra

With AR Test Drive · feels proud

Keeps the car sealed, but has already played with it. Shares the score.

01

Hear about it

02

Wait for it

03

Check the car

04

Try to buy

05

Outcome

06

After

today

Finds out by chance, on Instagram, Reddit or while shopping for something else.

No date, no signal. Keeps refreshing apps and walking into stores.

Sees a flat photo on a white background. Hard to judge the casting.

Races against scalpers and bots. The fastest finger wins.

Sold out, often before they even see it.

Gives up, waits for a restock, or pays a reseller more.

what the data says

30%

found the drop by chance

16%

usually find out too late

76%

buy for love of the real car

70%

blame scalpers

89%

have missed a car

56%

gave up · 28% paid extra

how it feels

Positive ↑

Negative ↓

Curious

Excited

Anxious

Looking forward

Unsure

Amazed

Stressed

Thrilled

Frustrated

Rewarded

Let down

Proud

Today

With AR Test Drive

with ar test drive

The drop is announced ahead: a 3-day event with limited castings.

Knows the date. Plans for it instead of refreshing all day.

Explores the car in 3D and places it on a desk with AR.

Races the car on an AR track on the floor.

Scores points to unlock rewards, then buys in a few taps.

Keeps the car sealed, but has already played with it. Shares the score.

concept feature

The Drop

The Drop

See It

Race It

Win It

See It + Race It

Each drop makes the next one harder to get

01

A drop goes live

Often unannounced. 30% found it by chance.

02

Limited stock

A few castings per dark store.

03

Scalpers & bots buy in bulk

The fastest finger wins.

04

Sold out in minutes

89% have missed a car.

05

Resold at 2–4x MRP

On Instagram, WhatsApp and Amazon.

06

Collectors lose trust

70% blame scalpers. 56% give up.

07

They hunt harder

81% follow 2+ sources to catch drops.

08

More hype online

Demand grows faster than stock.

Each drop makes the next one harder to get

01

A drop goes live

Often unannounced. 30% found it by chance.

↓

02

Limited stock

A few castings per dark store.

↓

03

Scalpers & bots buy in bulk

The fastest finger wins.

↓

04

Sold out in minutes

89% have missed a car.

↓

05

Resold at 2–4x MRP

On Instagram, WhatsApp and Amazon.

↓

06

Collectors lose trust

70% blame scalpers. 56% give up.

↓

07

They hunt harder

81% follow 2+ sources to catch drops.

↓

08

More hype online

Demand grows faster than stock.

↻ Back to the start

{{ sc.alt }} — {{ sc.caption }}

{{ cst.v }}

{{ cst.l }}

{{ sc.charStatsNote }}

{{ sc.insight }}

{{ sc.alt }}

{{ sc.alt }}

{{ sc.imgSideCaption }}

{{ bp.x }}

{{ kb.text }}

{{ ph.t }} — {{ ph.t }} {{ ph.d }}

{{ kb.sideLabel }}

{{ sl.x }}

{{ kb.label }}

{{ ch.x }}

{{ kb.label }}

{{ kb.text }}

{{ kb.label }}

{{ cn.n }}{{ cn.name }}

{{ cn.name }} control, before — Before

After

Was{{ cn.was }}

Now{{ cn.now }}

{{ cn.why }}

{{ kb.label }}

{{ kb.alt }}

{{ cm.n }}

{{ cm.moment }} · {{ cm.view }}

{{ cm.d }}

{{ md.who }}

{{ md.name }}

{{ vb.x }}

{{ mi.t }}

{{ md.d }}

{{ tl.k }}

{{ tl.d }}

{{ st.v }}

{{ st.l }}

{{ cf.who }}

{{ cf.name }}

{{ cf.d }}

{{ vb.x }}

{{ kb.label }}

{{ kb.text }}

{{ pr.n }}

{{ pr.t }}

{{ pr.d }}

{{ dc.n }}

{{ dc.stage }}

{{ dc.decision }}

Why{{ dc.why }}

Led to{{ dc.led }}

{{ dv.t }}

{{ kb.alt }} — {{ kb.cap }}

{{ kb.cap }}

{{ st.v }}

{{ st.l }}

{{ cd.tag }}

{{ cd.t }}

{{ cd.d }}

{{ cd.mk }}{{ cd.m }}

Funnel stageWhat the screen doesWhat we’d measure

{{ lv.stage }}

{{ lv.how }}

{{ lv.metric }}

{{ ar.k }}

{{ ar.v }}

{{ kb.startYear }}{{ kb.startTitle }}

{{ og.alt }}

{{ og.d }}

{{ ts.alt }}

{{ ts.year }}

{{ ts.t }}

{{ ts.d }}

{{ kb.label }}{{ kb.n }}

{{ sb.v }}%

{{ sp.v }}%

{{ sp.who }}

{{ sp.d }}

{{ kb.label }}

{{ cn.name }}, first build — First build

Shipped

{{ cn.name }}

Was{{ cn.was }}

Now{{ cn.now }}

Why it works

{{ cn.why }}

{{ kb.label }}

{{ kb.text }}

{{ cm.moment }}: {{ cm.view }} — {{ cm.view }}
{{ cm.d }}

{{ kb.rule }}

{{ md.who }}

{{ md.name }}

{{ md.d }}

The flow

{{ vb.x }}

{{ mi.t }}

{{ kb.label }}

{{ kb.path }}

{{ mo.t }} — {{ mo.n }}{{ mo.t }}{{ mo.d }}

{{ kb.label }}

Layer

{{ co.name }}

{{ rw.layer }}

{{ rw.rule }}

{{ ce.alt }} — {{ ce.cap }}

{{ ev.t }}

{{ ev.verdict }}

{{ ev.t }}

{{ ev.d }}

{{ kb.alt1 }}

{{ kb.alt2 }}

Live test · real phones, real desks

{{ th.x }}

{{ kb.heroQ }}
{{ kb.heroBy }}

{{ qt.q }}
{{ qt.by }}

{{ kb.label }}

{{ kb.text }}

{{ kb.text }}

{{ kb.label }}

{{ kb.text }}

{{ kb.alt }}

{{ kb.leftLabel }}

{{ li.x }}

{{ kb.rightLabel }}

{{ li.x }}

{{ cg.icon }} {{ cg.title }}

{{ cg.icon }} {{ it.x }}

{{ sc.conclusionBold }}

{{ sc.conclusionRest }}

{{ sc.eyebrow }}

{{ sc.ai.title1 }}
{{ sc.ai.title2 }}

{{ sc.ai.lede }}

{{ as.n }} {{ as.label }}

{{ as.title }}

{{ as.d }}

{{ as.listTitle }}

{{ ai.x }}

{{ as.cap }}

{{ sc.ai.takeEyebrow }}

{{ sc.ai.takeTitle }}

{{ sc.ai.takeD }}

{{ sc.eyebrow }}

{{ sc.wb.title }}

{{ sc.wb.lede }}

{{ sc.wb.skuTitle }}

{{ sc.wb.skuLabel }}

{{ sk.n }}

{{ sc.wb.skuBig }}

{{ sc.wb.skuBigNote }}

{{ sc.wb.skuSource }}

{{ sc.wb.statV }}

{{ sc.wb.statL }}

{{ sc.wb.statNote }}

{{ sc.wb.appEyebrow }}

{{ sc.wb.appTitle }}

{{ sc.wb.appLede }}

{{ ph.label }}

{{ ck.x }}

{{ ph.label }}

{{ ph.d }}

Blinkit mascot thinking

{{ sc.wb.takeEyebrow }}

{{ sc.wb.takeTitle }}

{{ sc.wb.takeD }}

{{ sc.ut.alt1 }} — {{ sc.ut.q1 }}

{{ sc.ut.c1 }}

{{ sc.ut.alt2 }} — {{ sc.ut.q2 }}

{{ sc.ut.c2 }}

{{ sc.ut.q3 }}

{{ sc.ut.c3 }}

{{ pt.text }}{{ pt.text }}

Played with Kept sealed

→

{{ wf.n }}

{{ wf.title }}

{{ wf.desc }}

{{ tl.name }}

{{ cp.x }}

{{ wf.title }} preview

Build loop

Claude-assisted, human-directed

Reference
Prompt
Build
Audit
Correct
Repeat

Working prototype

A standalone web MVP that opens from one link

Hot Wheels loop tracks over a city skyline

x

{{ sc.workflowNote }}

{{ ln.n }}

{{ ln.h }}

{{ ln.d }}

{{ ln.tag }}

{{ sc.footnote }}

{{ b.title }}

{{ b.claim }}

{{ b.title }}

{{ b.alt }}

{{ b.hintText }}

Typography

Geist

The single typeface across the product: Regular, Medium and SemiBold. One family keeps the interface quiet, so weight and size carry the hierarchy.

Regular 400

Medium 500

SemiBold 600

{{ ty.name }}

Charging stations

{{ ty.spec }}

Colors

{{ cg.title }}

{{ sw.name }}

{{ sw.hex }}

Variables

Spacing

{{ sp.name }}

{{ sp.val }}

Border radius

{{ rd.name }}

{{ rd.val }}

Components

{{ dc.alt }}

{{ dc.name }}

×

{{ dsPreviewName }}

{{ dsPreviewName }}

Features

{{ fr.h1 }}
{{ fr.h2 }}

{{ cd.alt }}

{{ cd.n }}

{{ cd.t }}

{{ cd.d }}

Scroll for more →

{{ fr.h1 }}
{{ fr.h2 }}

ChargeRight home screen, full scroll

Scroll inside the screen ↓

{{ nt.n }}

{{ nt.t }}

{{ nt.d }}

That is the case for building it.

What follows is what got built.

Prototype

The prototype is live below

Prototype

The live build runs in the phone on the right.

QR code for {{ modalProject.protoAside.label }}

Race on your own floor

{{ modalProject.protoAside.label }} ↗

Scan with your phone camera. The race opens in AR, with your floor as the track.

Or play it right here.

The live build runs inside this phone. Scroll the store, tap the drop and start a race.

On a laptopThere is no floor for the camera to find, so the race runs in plain 3D. Every screen and the full flow are real.

On your phoneScan the code or open the link to race in AR on whatever floor you are standing on.

Open full screen ↗↻ Restart the demo

Open the prototype full screen ↗

Prototype

Both prototypes are live below, click through them here.

Mobile app prototype, Residents

Open the app prototype full screen ↗

Apartment management prototype, Apartment Manager

Open the dashboard full screen ↗

I owned

{{ ol.x }}

Chapter {{ ex.chN }}

{{ ex.chName }}

{{ ex.eyebrow }}

{{ ex.title }}

{{ ex.sub }}

{{ ex.title }}

{{ ex.sub }}

{{ pt.text }}{{ pt.text }}

{{ g.k }}

{{ g.d }}

{{ b.text }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

“{{ b.text }}”

{{ b.cap }}

{{ it.t }}

{{ it.tag }}

{{ it.t }}

{{ it.d }}

{{ it.t }}

{{ it.l0 }}

{{ ln.l }}

{{ b.label }}

{{ st.t }}

{{ st.d }}

{{ pg.name }} {{ pg.note }}

{{ sw.name }}

Hex{{ sw.hex }} RGB{{ sw.rgb }} Pantone{{ sw.pms }}{{ sw.pmsName }}

{{ fn.role }} {{ fn.use }}

{{ fn.name }}

300 – 700

{{ wt.w }} {{ wt.l }} {{ b.rampText }}

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !?&@

Hierarchy in the game

{{ sr.role }}{{ sr.spec }}

{{ sr.text }}

{{ b.cap }}

{{ b.cap }}

{{ it.t }}

{{ it.t }}

{{ it.d }}

{{ b.label }}

{{ q.t }}

{{ q.d }}

{{ b.label }}

{{ st.n }}

{{ st.t }}

{{ st.d }}

{{ b.cap }}

Try 1Confused start

{{ ln.l }}

The nudgeA short intro

{{ b.ptBridge }}

Try 2She got it

{{ ln.l }}

What we took away

Takeaway {{ tk.k }}

{{ tk.t }}

{{ tk.d }}

{{ hd.h }}

{{ cl.lab }}

{{ cl.c }}

Chapter 01

Overview

{{ modalProject.introImgTitle }}

{{ modalProject.introStripTitlePre }}{{ modalProject.introStripTitleHighlight }}{{ modalProject.introStripTitlePost }}

A child plays Breezy by blowing into a recorder connected to the Breezy box, with the game on a tablet

{{ modalProject.introStripBody }}

How it plays

1The child blows into a recorder.
2The Breezy box reads the breath.
3The game responds on the tablet.

{{ is.v }}

{{ is.l }}

Chapter 02

The problem

{{ modalProject.problemTitlePre }}{{ modalProject.problemTitlePost }}

{{ modalProject.problemBody }}

{{ ps.v }}

{{ ps.l }}

{{ ps.vizNote }}

{{ modalProject.problemCitation }} — {{ modalProject.problemCitationSource }}

{{ modalProject.problemDoctorCaption }}

{{ modalProject.problemDoctorCaption }}

{{ dq.t }}

→

{{ modalProject.problemConfusedCaption }}

{{ sn.t }}

{{ modalProject.problemConfusedCaption }}

Chapter 03

Research

Looking at Games in Pediatric Healthcare

{{ pt.text }}

{{ pt.text }}

Referenced across

{{ src.name }}

{{ h.n }}

{{ pt.text }}

{{ pt.text }}

Chapter {{ ex.chN }}

{{ ex.chName }}

{{ ex.eyebrow }}

{{ ex.title }}

{{ ex.sub }}

{{ ex.title }}

{{ ex.sub }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

“{{ b.text }}”

{{ b.cap }}

{{ it.t }}

{{ it.tag }}

{{ it.t }}

{{ it.d }}

{{ it.t }}

{{ it.l0 }}

{{ ln.l }}

{{ b.label }}

{{ st.t }}

{{ st.d }}

{{ pg.name }} {{ pg.note }}

{{ sw.name }}

Hex{{ sw.hex }} RGB{{ sw.rgb }} Pantone{{ sw.pms }}{{ sw.pmsName }}

{{ fn.role }} {{ fn.use }}

{{ fn.name }}

300 – 700

{{ wt.w }} {{ wt.l }} {{ b.rampText }}

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !?&@

Hierarchy in the game

{{ sr.role }}{{ sr.spec }}

{{ sr.text }}

{{ b.cap }}

{{ b.cap }}

{{ it.t }}

{{ it.t }}

{{ it.d }}

{{ b.label }}

{{ q.t }}

{{ q.d }}

{{ b.label }}

{{ st.n }}

{{ st.t }}

{{ st.d }}

{{ b.cap }}

Try 1Confused start

{{ ln.l }}

The nudgeA short intro

{{ b.ptBridge }}

Try 2She got it

{{ ln.l }}

What we took away

Takeaway {{ tk.k }}

{{ tk.t }}

{{ tk.d }}

{{ hd.h }}

{{ cl.lab }}

{{ cl.c }}

{{ hd.h }}

{{ cl.c }}

Partial

—

{{ cl.c }}

{{ b.cap }}

What Are Children Already Using?

{{ pt.text }}

{{ pt.text }}

{{ modalProject.foreignLabel }}

{{ tg }}

{{ modalProject.indianLabel }}

{{ tg }}

{{ row.foreign.name }}

{{ row.foreign.name }}

{{ row.foreign.tag }}

{{ f }}

{{ row.indian.name }}

{{ row.indian.name }}

{{ row.indian.tag }}

{{ f }}

Chapter 04

The idea

The Opportunity

“Take a deep breath.” “Hold it.” “Breathe out slowly.” “Repeat it a few more times.”

No feedback

Fear of breathlessness and medical devices makes the exercise harder to finish.

Puff

Every puff hops the frog forward. The breath is the controller.

What if breathing could become an interaction rather than an instruction?

Chapter {{ ex.chN }}

{{ ex.chName }}

{{ ex.eyebrow }}

{{ ex.title }}

{{ ex.sub }}

{{ ex.title }}

{{ ex.sub }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

“{{ b.text }}”

{{ b.cap }}

{{ it.t }}

{{ it.tag }}

{{ it.t }}

{{ it.d }}

{{ it.t }}

{{ it.l0 }}

{{ ln.l }}

{{ b.label }}

{{ st.t }}

{{ st.d }}

{{ pg.name }} {{ pg.note }}

{{ sw.name }}

Hex{{ sw.hex }} RGB{{ sw.rgb }} Pantone{{ sw.pms }}{{ sw.pmsName }}

{{ fn.role }} {{ fn.use }}

{{ fn.name }}

300 – 700

{{ wt.w }} {{ wt.l }} {{ b.rampText }}

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !?&@

Hierarchy in the game

{{ sr.role }}{{ sr.spec }}

{{ sr.text }}

{{ b.cap }}

Strength

How strongly the child blows

Duration

How long the breath is maintained

Steadiness

How consistently the airflow is controlled

Pattern

How the child sequences their breaths

{{ b.cap }}

{{ b.cap }}

{{ it.t }}

{{ it.t }}

{{ it.d }}

{{ b.label }}

{{ q.t }}

{{ q.d }}

{{ b.label }}

{{ st.n }}

{{ st.t }}

{{ st.d }}

{{ b.cap }}

Try 1Confused start

{{ ln.l }}

The nudgeA short intro

{{ b.ptBridge }}

Try 2She got it

{{ ln.l }}

What we took away

Takeaway {{ tk.k }}

{{ tk.t }}

{{ tk.d }}

{{ b.h0 }}

{{ b.h1 }}

{{ b.h2 }}

{{ b.h0 }}

{{ rw.a }}

{{ b.h1 }}

{{ rw.b2 }}

{{ b.h2 }}

{{ rw.c }}

Game Mechanics

{{ modalProject.mechanicsLead }}

{{ ck.n }}

{{ ck.q }}

{{ modalProject.mechanicsOutro }}

{{ mp.x }}

{{ mt.num }} {{ mt.mechSub }}

{{ mt.mechName }}

{{ mt.game }}

First sketch· {{ mt.sketchName }}

What the sensor reads

birdchild

steady zone

Clinical benefit

{{ b.label }}

What changed First sketch Final game

{{ cg.k }} {{ cg.a }} {{ cg.b }}

In the game “{{ mt.tagline }}”

Chapter {{ ex.chN }}

{{ ex.chName }}

{{ ex.eyebrow }}

{{ ex.title }}

{{ ex.sub }}

{{ ex.title }}

{{ ex.sub }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

“{{ b.text }}”

{{ b.cap }}

{{ w.t }}

{{ w.num }}

{{ w.t }}

{{ w.lab }}

{{ w.d }}

{{ it.t }}

{{ it.tag }}

{{ it.t }}

{{ it.d }}

{{ it.t }}

{{ it.l0 }}

{{ ln.l }}

{{ b.label }}

{{ st.t }}

{{ st.d }}

{{ pg.name }} {{ pg.note }}

{{ sw.name }}

Hex{{ sw.hex }} RGB{{ sw.rgb }} Pantone{{ sw.pms }}{{ sw.pmsName }}

{{ fn.role }} {{ fn.use }}

{{ fn.name }}

300 – 700

{{ wt.w }} {{ wt.l }} {{ b.rampText }}

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !?&@

Hierarchy in the game

{{ sr.role }}{{ sr.spec }}

{{ sr.text }}

{{ b.cap }}

{{ b.moodBrandLabel }} {{ b.moodBrandNote }}

{{ mb.alt }}

{{ b.moodUiLabel }} {{ b.moodUiNote }}

{{ mu.alt }}

{{ ch.name }}

{{ ch.name }}

{{ ch.world }}

5 expressions 5 poses

Expressions

{{ sx.alt }} — {{ sx.l }}

Poses

{{ sx.alt }} — {{ sx.l }}

In motion

{{ sx.alt }} — {{ sx.l }}

{{ b.cap }}

{{ it.t }}

{{ it.t }}

{{ it.d }}

{{ b.label }}

{{ q.t }}

{{ q.d }}

{{ b.label }}

{{ st.n }}

{{ st.t }}

{{ st.d }}

{{ b.cap }}

Try 1Confused start

{{ ln.l }}

The nudgeA short intro

{{ b.ptBridge }}

Try 2She got it

{{ ln.l }}

What we took away

Takeaway {{ tk.k }}

{{ tk.t }}

{{ tk.d }}

{{ hd.h }}

{{ cl.lab }}

{{ cl.c }}

Chapter 06

The system

{{ modalProject.instrumentTitle }}

{{ modalProject.instrumentSubtitle }}

{{ o.label }}

{{ o.name }}

{{ o.note }}

{{ o.name }}

{{ o.icon }}

{{ pt }}

{{ modalProject.chosenBadge }}

{{ modalProject.chosenName }}

{{ modalProject.chosenNote }}

Yamaha YRS-23 soprano recorder with its case

{{ cc.title }}

{{ cc.d }}

Chapter {{ ex.chN }}

{{ ex.chName }}

{{ ex.eyebrow }}

{{ ex.title }}

{{ ex.sub }}

{{ ex.title }}

{{ ex.sub }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

“{{ b.text }}”

{{ b.cap }}

{{ it.t }}

{{ it.tag }}

{{ it.t }}

{{ it.d }}

{{ it.t }}

{{ it.l0 }}

{{ ln.l }}

{{ b.label }}

{{ st.t }}

{{ st.d }}

{{ pg.name }} {{ pg.note }}

{{ sw.name }}

Hex{{ sw.hex }} RGB{{ sw.rgb }} Pantone{{ sw.pms }}{{ sw.pmsName }}

{{ fn.role }} {{ fn.use }}

{{ fn.name }}

300 – 700

{{ wt.w }} {{ wt.l }} {{ b.rampText }}

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !?&@

Hierarchy in the game

{{ sr.role }}{{ sr.spec }}

{{ sr.text }}

{{ b.cap }}

{{ b.cap }}

{{ it.t }}

{{ it.t }}

{{ it.d }}

{{ b.label }}

{{ q.t }}

{{ q.d }}

{{ b.label }}

{{ st.n }}

{{ st.t }}

{{ st.d }}

{{ b.cap }}

Try 1Confused start

{{ ln.l }}

The nudgeA short intro

{{ b.ptBridge }}

Try 2She got it

{{ ln.l }}

What we took away

Takeaway {{ tk.k }}

{{ tk.t }}

{{ tk.d }}

{{ hd.h }}

{{ cl.lab }}

{{ cl.c }}

Product Architecture

{{ modalProject.architectureNote }}

Why Multimodal Feedback?

{{ modalProject.multimodalNote }}

Information Architecture

Chapter {{ ex.chN }}

{{ ex.chName }}

{{ ex.kicker }}

{{ ex.eyebrow }}

{{ ex.title }}

{{ ex.sub }}

{{ ex.title }}

{{ ex.sub }}

{{ pt.text }}{{ pt.text }}

BeforeAfter

Before · {{ b.wA.t }}

{{ b.wA.d }}

After · {{ b.wB.t }}

{{ b.wB.d }}

{{ b.text }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

“{{ b.text }}”

{{ b.cap }}

{{ it.t }}

{{ it.tag }}

{{ it.t }}

{{ it.d }}

{{ b.splitMain.t }}

{{ b.splitMain.t }}

{{ b.splitMain.d }}

{{ sd.t }}

{{ sd.t }}

{{ b.voiceBadT }}

{{ vb.l }}

{{ b.voiceGoodT }}

{{ vg.l }}

{{ it.t }}

{{ it.l0 }}

{{ ln.l }}

{{ b.label }}

{{ st.t }}

{{ st.d }}

{{ pg.name }} {{ pg.note }}

{{ sw.name }}

Hex{{ sw.hex }} RGB{{ sw.rgb }} Pantone{{ sw.pms }}{{ sw.pmsName }}

{{ fn.role }} {{ fn.use }}

{{ fn.name }}

300 – 700

{{ wt.w }} {{ wt.l }} {{ b.rampText }}

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !?&@

Hierarchy in the game

{{ sr.role }}{{ sr.spec }}

{{ sr.text }}

{{ b.cap }}

{{ b.moodBrandLabel }} {{ b.moodBrandNote }}

{{ mb.alt }}

{{ b.moodUiLabel }} {{ b.moodUiNote }}

{{ mu.alt }}

{{ ch.name }}

{{ ch.name }}

{{ ch.world }}

5 expressions 5 poses

Expressions

{{ sx.alt }} — {{ sx.l }}

Poses

{{ sx.alt }} — {{ sx.l }}

In motion

{{ sx.alt }} — {{ sx.l }}

{{ b.cap }}

{{ it.t }}

{{ it.t }}

{{ it.d }}

{{ b.label }}

{{ q.t }}

{{ q.d }}

{{ b.label }}

{{ st.n }}

{{ st.t }}

{{ st.d }}

{{ b.cap }}

Try 1Confused start

{{ ln.l }}

The nudgeA short intro

{{ b.ptBridge }}

Try 2She got it

{{ ln.l }}

What we took away

Takeaway {{ tk.k }}

{{ tk.t }}

{{ tk.d }}

{{ hd.h }}

{{ cl.lab }}

{{ cl.c }}

Process

{{ s.n }}

{{ s.t }}

{{ pt.text }}

{{ pt.text }}

Process

How We Worked

From the first conversation with Apoorva and Kruthi to a guidelines deck ready to hand off, each step building on the one before it.

{{ s.n }}

{{ s.t }}

{{ s.d }}

The Aha Moment

{{ modalProject.ahaMoment }}

Deep Dive

{{ c.label }}

{{ c.brief }}

Identity System

{{ id.label }}

{{ id.brief }}

The Aha Moment

{{ modalProject.ahaMoment }}

Logo Usage

{{ lk.label }}

{{ lk.label }}

{{ lk.brief }}

Brand Applications

The identity carried across Kriya’s everyday touchpoints, from Instagram posts and event photography to the internal calendar and hiring templates, keeping the same palette, type and voice consistent wherever a client or follower encountered the brand.

{{ ch.label }}

{{ ch.label }}

Mockups

Business Card

Hand Illustrated Patterns

{{ bc.label }}

{{ bc.label }}

Impact

{{ pt.text }}

{{ pt.text }}

{{ o.label }}

Chapter {{ ex.chN }}

{{ ex.chName }}

{{ ex.eyebrow }}

{{ ex.title }}

{{ ex.sub }}

{{ ex.title }}

{{ ex.sub }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

{{ pt.text }}{{ pt.text }}

{{ b.text }}

“{{ b.text }}”

{{ b.cap }}

{{ it.t }}

{{ it.tag }}

{{ it.t }}

{{ it.d }}

{{ it.t }}

{{ it.l0 }}

{{ ln.l }}

{{ b.label }}

{{ st.t }}

{{ st.d }}

{{ pg.name }} {{ pg.note }}

{{ sw.name }}

Hex{{ sw.hex }} RGB{{ sw.rgb }} Pantone{{ sw.pms }}{{ sw.pmsName }}

{{ fn.role }} {{ fn.use }}

{{ fn.name }}

300 – 700

{{ wt.w }} {{ wt.l }} {{ b.rampText }}

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !?&@

Hierarchy in the game

{{ sr.role }}{{ sr.spec }}

{{ sr.text }}

{{ b.cap }}

{{ b.cap }}

{{ it.t }}

{{ it.t }}

{{ it.d }}

{{ b.label }}

{{ q.t }}

{{ q.d }}

{{ b.label }}

{{ st.n }}

{{ st.t }}

{{ st.d }}

{{ b.cap }}

Try 1Confused start

{{ ln.l }}

The nudgeA short intro

{{ b.ptBridge }}

Try 2She got it

{{ ln.l }}

What we took away

Takeaway {{ tk.k }}

{{ tk.t }}

{{ tk.d }}

{{ hd.h }}

{{ cl.lab }}

{{ cl.c }}

{{ it.t }}

{{ it.n }}

{{ it.t }}

{{ it.d }}

{{ b.label }}

{{ st.n }} {{ st.t }}

Then back to 1, again and again

{{ b.yesT }}

{{ ln.l }}

{{ b.noT }}

{{ ln.l }}

{{ b.text }}

1{{ b.cFirstT }}

{{ ln.l }}

2{{ b.cBrokeT }}

{{ ln.l }}

Calibration screen: {{ b.cFix.cap }}

3{{ b.cFix.t }}

“{{ b.cFix.cap }}”

{{ b.cFix.text }}

{{ b.cQ.pre }} “{{ b.cQ.from }}” {{ b.cQ.mid }} “{{ b.cQ.to }}”.

Prototype

The prototype is live below, click through it here.

{{ modalProject.deskProtoLabel }}

Open the dashboard full screen ↗

In Their Words

{{ modalProject.testimonial.quote }}

{{ modalProject.testimonial.initials }}

{{ modalProject.testimonial.name }}

{{ modalProject.testimonial.role }}

More Projects

{{ op.roleLine }}

{{ folderData.heading }}

{{ folderData.sub }}

{{ it.label }}

𝕏 Reposted by Alistair Thomson, Co-Founder of LottieLabs ↗