Case study · Mobile App · UX/UI Design

kuk

A cooking companion built around your voice, not your screen.

Role  Solo UX/UI Designer, end to end Platform  iOS & Android Scope  Research, IA, UI, design system, conversational UX

kuk helps people cook authentic recipes without the chaos that usually happens between finding a great video and actually getting the dish on the table, the dead phone screen, the dirty notebook, the timer that lives in a different app. I designed it end to end: research, information architecture, a full design system, and a conversational cook mode that guides hands free, by voice, instead of by screen.

kuk app hero image

The obvious product was another recipe app. The real opportunity was voice.

When I started mapping this project, the easy answer was "build a better place to save recipes." Pinterest, Paprika, and a dozen others already do that reasonably well.

What kept surfacing instead, from my own cooking routine, was that saving a recipe was never the hard part. The hard part was the fifteen minutes during the cook: hands covered in flour, phone screen gone dark, scrolling back through a video to find the step I'd lost. I was writing recipes into a paper notebook specifically to avoid my phone, that's a signal, not a quirk.

So I made the same kind of call I made on Amorea: the obvious feature would ship, but it would not be the core. Saving and organizing recipes became table stakes. The product's actual bet became a conversational cook mode, an AI sous chef that talks you through a recipe step by step, so your hands never have to touch the screen at all.

Every later decision, the information architecture, where the shopping list lives, what the navigation hides during cooking, flowed from that one reframe.

Target user

The primary user cooks with intention, not convenience. They watch multiple videos before committing to a recipe, often seeking out creators native to that dish's region, an Italian grandmother for cacio e pepe, not a generic food blogger. They want the right recipe done right, and they're willing to do some work to get there. What they don't want is for the technology to be the thing standing between them and the stove.

Four phases, one phase that actually matters most

Before touching any screen, I mapped the full journey from discovering a recipe to archiving the finished dish. Three of the four phases, discover, prepare, Evaluate, are calm. The user has both hands free and time to think.

Phase three, cooking, is the only phase where the user's hands are occupied and their attention is divided. It's the phase where every existing tool currently fails them. That asymmetry is why the cook mode isn't just one feature among several, it's the screen that justifies the whole product.

Journey map with four phases: Discover & Save · Prepare & Shop · Cook · Evaluate & Archive
User journey map 4-phase journey: Discover & Save · Prepare & Shop · Cook · Evaluate & Archive

Designing around one constraint: hands are busy

One component library, two platforms

I built kuk's design system early rather than retrofitting it once screens existed. With 16 native adapted iOS screens and 16 for Android sharing one underlying component library, consistency couldn't be optional, every button, card, and input had to hold its meaning across both platforms while still respecting each one's conventions.

The palette stays warm and food adjacent on purpose, never clinical, never the cold blue and white most utility apps default to. The visual language has to stay quiet, because the app is most often used in a messy, distracting kitchen where every extra visual decision is a tax on attention.

Design system components and tokens
Design system: Color tokens, type scale, components: buttons, cards, checklist rows, tab bar

The hardest part wasn't the UI. It was defining how the AI sous chef thinks.

This is the part of kuk I'm proudest of, because it's the part that isn't a screen at all. A conversational flow has to handle interruption, ambiguity, and recovery, none of which a static wireframe captures. I designed the dialogue logic the same way I'd design a flow chart for any other system, with explicit rules for what the assistant does and doesn't do.

Core interaction rules

A sample exchange

kukStep 2 of 5. Boil the pasta in salted water until al dente.
YouWhat does al dente mean?
kukFirm to the bite, not soft all the way through, usually a minute or two less than the package says.
YouGot it. Set a timer for 9 minutes.
kukTimer set for 9 minutes. I'll let you know when it's done.stays on step 2, doesn't advance until you confirm

Designing this meant thinking like a conversation designer and a product owner at once: what the assistant is allowed to say, when it asks versus assumes, and how it fails gracefully when it mishears something in a noisy kitchen. None of that shows up in a static frame, but all of it shows up the first time someone actually tries to use it.

Interactive prototype

The full flow, from feed to recipe detail to an active cook mode session, is built out as a clickable prototype in Figma.

kuk, Interactive Prototype View in Figma →

A cooking companion that gets out of the way while you cook

kuk gives home cooks one place to save recipes worth trusting, see at a glance what they're missing before they shop, and cook hands free without losing their place, replacing a dead phone screen and a flour dusted notebook with a guide that simply talks them through it.

32
screens designed across iOS and Android, platform adapted from one shared system
20
distinct app states mapped in the sitemap, from onboarding through post cook review
1
navigation section eliminated by relocating the shopping list into the recipe context

The best UX decision on this project was never a screen

The strongest move on kuk wasn't a layout choice, it was recognizing that the product's value lived in a moment with no screen at all, the thirty seconds where your hands are covered in dough and you just need to know what's next. Designing for that meant designing behavior, dialogue, and failure recovery, not just hierarchy and spacing.

It reinforced something I learned on Amorea from a different angle: the best reframe isn't the one that adds the most features, it's the one that tells you what to leave out. Here, that meant trusting voice as the primary interface and treating the screen as the backup, the opposite of how most mobile apps default to thinking.

Video demo

Click on the video to see the app demo