Work  /  Barback

Barback

Drinks you can actually make tonight

Six modules of product work on one question: what can the bottles you already own actually make? Research through to a tested prototype and a live landing page.

Project
Self-initiated product, 2026
Disciplines
Product Design · UX Research · UI
Deliverable
Tested prototype & design system
Role
Lead Product Designer / UX Researcher
Research
8 responses, 5 testers
Screens
15 + 12 states
Components
36
Plates
14

The work

01 Barback Cocktails at home

Cocktails you can pour, instantly

A cocktail app for the half-stocked home bar

The Barback landing page: four bottles lit on a dark shelf above a bar, with the word BARBACK set large beneath them and the line Pour more cocktails with spirits you already own
Role
Product designerSolo, research to build
Program
Modules 01–06Element Education
Year
2026Sept–Oct
Shipped
BothLanding page & prototype
01 / 14
02 Validate · the problem 8 responses · 70 observations

Five claims went in. None came out intact.

What I believed, against what people said

Method note

The module asks for five recorded conversations. This ran as eight written survey responses: above the floor on count, short of it on depth. Nobody could be asked a follow-up — which is why age is inferred rather than known, and why hosting, raised twice unprompted, was never chased down.

What I claimed in module 01
Verdict
What eight people actually said
Who. Jordan, 44, entertains at home, social about it
Corrected
Guests came up twice, unprompted — but the form never asked about hosting. 2 of 8.
The struggle. A cocktail above his skill level
Killed
Nobody named difficulty. Four of eight said what worked was making it simpler: “3 ingredients, ice, shake, pour.” 0 of 8.
The obstacle. Recipes give steps but not technique
Killed
Nobody named technique as the blocker, prompted or not. 0 of 8.
The cost. ~$50 a go, three to five times a year, ends in beer
Corrected
Six of eight try only one or two new drinks a year, and “beer” appears nowhere in the set. 1 of 8.
Not on the sheet. —
Missed
They own the bottle and still can’t make the drink. The largest cluster in the set, and it was on nobody’s module 01 sheet. 5 of 8.
Not on the sheet. —
Missed
Eyeballed pours, and the drink comes out too strong. 4 of 8.

The line that redirected the product

“I didn’t have the right ingredients on hand, so I have an open, mostly full bottle of Pimm’s sitting in my basement.”

Response 08. Bought it for a block party.

What that cost the original idea

The module 01 hypothesis was that being shown each step is what fixes it. If the blocker is stock rather than skill, step-by-step technique coaching is the wrong product — so it was cut, not parked.

02 / 14
03 Validate · the persona Persona sheet, rev 02

Meet Carlisle

Buys the bottle on a whim, then finds out what it needs

The job statement

When I want a cocktail from the bottles I already own, I want a drink those bottles can actually make, so I can pour something good tonight without buying another bottle.

Carlisle buys a bottle because of one drink: something had at a bar, on holiday, or seen on Pinterest. The bottle comes home and the drink does not. Working out what else it needs happens later, usually too late. They are not chasing difficulty — four of eight said the thing that worked was making it simpler.

Home bar

Part-stocked, bought drink by drink.

Rhythm

One or two new cocktails a year. 6 of 8.

Success rate

Most turn out fine. 5 of 8.

Tools

Often no jigger — so ounces are useless.

Goals

  • Make something good from the bottles on the shelf, tonight, without a shopping trip
  • A drink that tastes balanced the first time, without owning a jigger
  • Stop buying a bottle for one drink and never making it

Frustrations

  • Owns the bottle and still can’t make the drink
  • “Eyeball the measurements and it’s always too strong”
  • The recipe doesn’t settle what to do when something is missing

What holds them where they are

  • Google, named by five of eight as the whole process — free and already open
  • “If I haven’t already had it, I’m likely not putting in the effort”
  • The escape hatch: order it from a menu instead. 3 of 8.
03 / 14
04 Validate · the landscape 5 jobs × 5 rivals

One row is empty almost everywhere

Coverage, by the job rather than the feature list

Why it is built this way

Rivals get compared on a real task, not on a feature grid. Row 02 is the one Carlisle actually arrives with, and four of five rivals do not answer it at all. The fifth asks what you own, then caps you at five bottles from a closed list.

The job to be done
Pinterest
Google
Recipe book
The bar
Homebarmenu
01  Decide what I want to make
02  Know if I can make it with what I own
03  Know what to swap when I’m short
04  Get the ratio right for my taste
05  Know it worked before I commit a bottle

does it well half does it does not do it The highlighted rows are the opening.

The teardown · Pinterest to a blog

21 steps. 34 minutes. Not the drink that was wanted.

Five minutes to a recipe worth believing, thirty-four to a glass. Four sources opened, two disagreeing on the liquor. Then the shelf came up short — and not one source offered a substitute, so blackberries, vodka and syrup went in on a guess. Stocking the rest hit a signup wall partway through.

The substitute · the bar

Zero steps. Instant. Nothing travels.

It wins on the night every time: no stock, no measuring, no risk. It is also where the want is created, and where people retreat when the home attempt fails. You go home with the name of the drink and nothing else.

04 / 14
05 Validate · the positioning Axes taken from the matrix

The quadrant nobody owns

Both axes are rows of the coverage matrix, not a handsome guess

The positioning line

Barback is the only cocktail app for a half-stocked home bar that shows what the bottles you own can actually make — unlike Google, which hands you a recipe and a shopping list.

Thirty-three words, cut down from forty-five. Category, persona, the empty row, the named alternative and its gap: five phrases, five rows on the landscape.

What an empty quadrant is worth

One tool has started walking into it. Homebarmenu asks what is on your shelf, then caps you at five bottles, offers no substitutes, and only names a missing ingredient once you are already on the recipe. Four of five real bottles were not in its list.

Proves it before you commit Works from what you own → ← Finds you a drink The barproves it, owns nothing Pinterest Google Homebarmenucapped at five Barback
05 / 14
06 Validate · the MVP 20 candidates · 5 kept

Twenty candidates, five kept

Each one traced to a cluster or to the empty row

The rule

Everything that served the roadmap instead of the evidence is cut. Technique coaching and sharing went because they served the killed claim. Video is parked, not cut: the format was never tested.

  1. 01
    What can I make right now

    Enter every bottle on the shelf — all of them, including the ones no catalogue lists — and see only the drinks actually within reach.

  2. 02
    The one missing thing

    For drinks just out of reach, name the single ingredient that unlocks them, so a bottle never sits unopened in a basement again.

  3. 03
    Swap or skip

    Every ingredient marked essential, swappable or skippable, with what to use instead. No rival does this: row 03 is empty across the matrix.

  4. 04
    Pour in parts, not ounces

    Ratios in parts, scaled to whatever vessel they own. Four of eight eyeball it and it comes out too strong.

  5. 05
    Dial it in

    Adjust the drink to taste and keep the version, so the second pour starts where the first one ended.

Folded in · 2

An ounces-to-tablespoons converter and glassware guidance. Feature 04 never uses ounces and already scales to the vessel they own.

Parked · 8

Untested, not disproved. Batch for guests — raised twice, never asked about. Import from a link. Swap confidence, once swaps have been rated.

Cut · 5

Step-by-step technique coaching, social and sharing. They served the claim the interviews killed. “What one bottle unlocks the most” went too: the position is built on not shopping.

06 / 14
07 Design · flows 11 screens · no dead ends

Three taps to a glass in hand

Three steps is the ceiling — any longer and Google wins

Why three

Google is free and already open. A longer path does not lose to a better app, it loses to the one the user already has. So the home screen is the answer, not a search box.

Step 1

Open Barback

Tonight is the whole home screen: the drinks your bottles can actually make, right now.

Step 2

Tap a drink

The pour, in parts, scaled to whatever vessel is to hand. No ounces, no jigger.

Done

Glass in hand

Three taps, no shopping trip, no bottle bought for one recipe.

Fork 01 · no bottles yet

First run: add your bottles in free text — any bottle, no account. The rival caps the shelf at five from a closed list.

Fork 02 · nothing makeable

One bottle short, or on a first run: the two lists that unlock the most drinks.

Fork 03 · short an ingredient

Swap, skip or shop, decided on the missing thing’s own row.

Fork 04 · it came out wrong

Dial it in, and the next pour starts from the version that worked.

Screens
11
Decisions
4
Labelled arrows
24
Dead ends
0
07 / 14
08 Design · the system Tokens, not decisions

A palette, a scale, thirty-six components

Built before the pixels, so the hi-fi week invented nothing

One gold, one job

Thirteen color tokens in dark and light: one gold with two jobs, a warm hairline round cards and a stronger edge for controls. Green means you have everything; it is never decoration.

Color · 13 tokens

  • #E4963E primary — the one button per screen, the active segment
  • #F3EEE7 text, on #12100E background and #1D1A16 surface
  • #6FAF88 ready — you have every ingredient
  • #ED4512 the gap — one bottle away

Type · 5 styles on one scale

  • Display 32/36 screen titles: POUR, YOUR SHELF, DIAL IT IN. One per screen
  • Title 22/28 drink and bottle names, unlock counts, dialog titles
  • Body 15/20 ingredients, field text, the workhorse
  • Caption 13 and Micro 11 meta lines, hints, inactive tabs

Spacing · a 4-point grid

16 inside cards, 8 between them, 24 between sections, 32 above an empty state. Buttons 48 tall. Set once as variables, reused on every screen. Nothing eyeballed.

Components · 36 in six families

Inputs, buttons, cards, rows, chips and dialogs — each built from tokens, each with its hover, error and empty states, and each naming the screens that use it.

08 / 14
09 Design · hi-fi A merge, not a design week

The system, merged into the skeleton

Every value from the system, every word from the flow

Three changes, made in the system first

Three times a screen needed something the system did not have. Each time the change went into the system, was rebuilt and checked, and only then appeared on a screen — a confirm row that answers three ways, a shelf row ending in × rather than a menu that was not there, and a suggesting field.

Welcome
Add staples
Shelf
Pour
Missing
Swap or skip
Recipe
Dial it in
Cheers

Click any screen to see it full size.

Screens
15Settings and saved list included
Invisible states
12Each a file beside its screen
New tokens invented
0Color, type or spacing
Onboarding
6 tapsWelcome to a drink that is ready
09 / 14
10 Design · in detail The build that is live now

Four screens that carry the idea

One job each — shown on the build running today, with the test’s fixes in it

The Pour screen: ten drinks ready to pour, a photographed best bet card for the Boulevardier with strength, glass and time, and a Make this drink button
Pour. The home screen is the answer, not a search box. The best bet is computed from the shelf and never typed in — and under it, One Trip Away names the drinks a single bottle short.
Swap, skip or shop: a Pimm's Cup card, then rows for lemonade and cucumber with Got it, Shop it and Skip it, and ingredients marked essential or swappable
Swap or skip. The row no rival covers. Each ingredient marked essential, swappable or skippable, with the decision sitting on the missing thing’s own row.
Dial it in: how it tasted chips for too sweet, too sour and too strong, then a slider per ingredient from less strong to more strong
Dial it in. Parts, not ounces, scaled to the vessel in hand. Say how it tasted and the version is kept, so next time it pours your way.
The Mixologist: every drink step by step, with yearly, monthly and lifetime pricing tiers
The Mixologist. The guided pour, with the moves recipes skip — and the one screen that asks for money. All five testers followed its four steps, stir timer included, to the end.

The recurring bug, and its one fix

Every serious bug in the build week had the same shape: the screen claiming something it could not back up. A best bet promising a Boulevardier on a shelf that could not make it. “Saved for next time” on a drink nobody saved. The fix was always the same — compute it from the shelf and the recipes, never type it in.

The edge case is the first impression

Every screen was asked out loud what it does when it is empty, when it breaks, and when it is waiting. Empty: one line and one action. Error: what broke, in plain words, with the user’s input kept. Loading: none designed, because nothing waits — everything is on the phone.

10 / 14
11 Test · five sessions October 2026

The core promise held up

Five participants, five tasks, on the live prototype

How to read it

Five sessions is a small sample, and one of the five was an AI agent run alongside the four people — so the four-person figures sit beside the totals throughout. This is a strong early signal, not proof.

Task
Unaided
Median time
Median
1  First run
5 of 5
34s
2  Pour a ready drink · the hypothesis
5 of 5
15s
3  The Mixologist
5 of 5
1:12
4  Dial it in
5 of 5
14s
5  Swap a bottle
4 of 5
1:15

Ease ran 1 to 5. Twenty-three of twenty-five attempts scored a 5 — every exception was task 5.

Finished unaided
24 / 2519 of 20 for the four people
To a drink they could make
15s34s for the four people
The old way, timed in week 2
34 minPinterest to a glass
Needed help
1Task 5, finding the swap
11 / 14
12 Test · the fixes Unshipped fixes are just regrets

Six changes, one of them a refusal

Every insight ends in a design change, or it isn’t an insight

The headline finding

The swap works once people reach it — four of five finished it unaided. Reaching it was the problem: the slowest task in the session, and the only one that needed help. So the fixes move it forward rather than explain it better.

Decided against · search

Built, then taken out.

The most direct request in the test: people expected to type a drink’s name. It was built — and removed. Searching every drink brings back the competitors’ pain point, recipes for bottles you don’t own. The need behind it is answered on Pour instead, where One Trip Away now lists the nearest drinks a bottle short, swappable ones first.

Shipped

  • Bring the almost-makeable drinks forward on Pour, with the bottle named, instead of behind a count and a link
  • Put the swap on the missing bottle’s own row, where the eye already is
  • Name the screens the way testers named them out loud
  • Keep the first run from promising that one pass is all you will ever enter
  • Let the shelf be edited from where the shortage is found
12 / 14
13 Shipped getbarback.com

Pour more cocktails with spirits you already own

The scroll film, running here — no need to leave the page

Scroll inside the frame to play the film: the camera follows the liquid down from the shelf, through the pour, into the glass. Built in GSAP and Lenis, with the world drawn in SVG rather than filmed.

13 / 14
14 Shipped · the prototype app.getbarback.com

Now pour one yourself

The tested build — the same one the five sessions ran on

Add a few bottles and it will show you what they can actually make. Everything is on the phone, so nothing waits and nothing is sent anywhere.

14 / 14