Anil Creates Kinky Apothecary · UX Case Study
Kinky Apothecary — Cleanse, Condition, Moisturise, Seal, Style
AI haircare conciergeLondon · LagosNEF+ finalist
UX / UI case study · Responsive web app · Client project

Kinky
Apothecary

A hair guru in your pocket — designing an AI-driven concierge for women with natural, textured hair.

My role
Hi-fi prototype, product renders & motion
Team
5-person GA team
Methods
Double Diamond · Design Studio · 15 interviews dissected · Affinity Map · Journey Map · User Flow · JTBD · Persona · Competition Analysis · HMW · Usability Testing
Client
Kinky Apothecary c/o Nibi Lawson
Timeline
3-week sprint, Dec 2022 – Jan 2023
Nibi Lawson, founder of Kinky Apothecary
01 The Founder

First, meet Nibi.

Nibi Lawson calls herself the “Chief Hair Obsessive,” and she earned the title the hard way. She moved back to Nigeria in the late 2000s, in her words “a kinky-haired oddity in a sea of shiny weaves,” and found a country with no products for hair like hers and plenty of opinions about it. So in 2010 she built the thing that didn’t exist: Nigeria’s first one-stop natural-hair shop.

A decade of community followed — events, collaborations, advice, a brick-and-mortar shop in Lagos. Then the pandemic, and a realisation: the KA family didn’t need another shelf of products, they needed a more personal way to choose them. She spent lockdown building KA 2.0 — the idea of an on-demand, AI-driven haircare concierge.

By the time the brief reached us, she wasn’t pitching a hunch. She’d taken KA 2.0 to the NEF+ accelerator’s Pitch Week and finished runner-up; she was pre-seed, with investors to convince and a Nigerian business ready to grow into the UK. The brief was blunt about the job: a demo-able MVP, good enough to put in front of funders.

She had the vision, the brand and ten years of data, but not yet a product she could demo, and that’s where we came in.

The Kinky Apothecary storefront in Lagos
The real thing. Kinky Apothecary’s Lagos storefront — a decade-old business, not an idea in a pitch deck.
02 The Approach

A diamond to keep us honest.

Five of us, three weeks, one founder with funders to impress. With a brief that open, we could easily have lost the whole sprint, so we ran the Double Diamond: widen, then narrow, twice.

Discover Define Develop Deliver

Here’s the map of what’s coming — four phases, and what we did in each.

01

Discover

  • Interview users
  • Synthesise data
  • Competitive analysis
02

Define

  • Problem statements
  • Jobs to be done
  • Persona
03

Develop

  • Sketch / design studio
  • Wireframes
  • Prototype & testing
04

Deliver

  • MVP
  • Presentation
Nibi Lawson mid-jump outside the Kinky Apothecary shop
03 Meeting Nibi

Turns out the client had done her homework.

Before we sketched a thing, we got Nibi on a call — less a kick-off, more a download. We expected an idea-stage founder. We met someone who’d been living the problem for ten years and had the receipts to prove it.

Then she opened her Miro boards, and the scale of it landed. It was far more than a quiz sketch. She’d mapped out the whole brain of the machine: variations of questions, the possible answers to each, and the branching logic that routed every combination to a tailored product recommendation. Ten years of knowing this hair, written down as a decision tree. Alongside it: the brand, the products, and the customer-discovery work to back the logic up.

And the kicker — twenty-plus recorded user interviews she’d already run with women about their hair. I was blown away by how much she’d already done; it just needed shaping.

That changed our job. Nibi already had the idea; we had to sharpen it and build something she could demo.

04 Discover · The research

So we put her interviews to work.

Nibi’s twenty-plus recordings were the gift — but a pile of audio isn’t insight. I transcribed them, and then came the slow part: synthesising fifteen of them in real depth. No mean feat, and a deliberate one. Rather than skim the lot, we chose to take a smaller set apart line by line and actually understand it. Later, with Nibi in Nigeria and time of the essence, we didn’t want to trouble her to arrange more interviewees. Instead, we found our own through our networks, for testing and follow-up questions.

15

interviews transcribed and taken apart line by line.

“Synthesising” sounds tidy. In reality it was the mother of all affinity maps: nearly a thousand stickies, one observation each, sorted into a first version, then sorted again into a second, until we had nineteen themes, the ones we’d come to understand these women through:

Ethnicity pride & backgroundCurrent knowledgeEducation & lack ofHair challengesHair challenges from changing circumstancesStyle, attitude & preferenceRelationship with their hairPerception of good hairComparison & self-esteemFrustrationTrial & errorRegimen & productProduct spendHairdressing spendShopping habitsExpert opinion & trustLoyaltySalon / hair specialistGoals & aspirations

Across all nineteen themes, three things kept coming up: trust, overwhelm and control. Those clusters, and the jobs-to-be-done that fell out of them, are what we’d later distil into a single persona.

“I’m buying it based on what it says on the bottle. So, trial and error.”

Tosin · interview
Sorted affinity map — hundreds of interview observations clustered into themes
Affinity mapping. Every interview observation onto a sticky, then sorted and re-sorted into themes. Nearly a thousand notes, clustered until patterns emerged.

“I’d like a process that is simple; something that would tell me: Hey, this week do this, this week do that.”

“When I find a brand, I’m someone who sticks with it if it works.”

“I actually don’t swim because of my hair, which is really sad.”

Three that rose to the top. The stickies we kept coming back to — the wish for a simple routine, the loyalty once something works, and the quiet cost of not trusting your hair.
05 Define · The journey

We mapped the journey — and found a loop.

Plotting the emotional journey we’d heard across the interviews, one thing jumped out: the women we’d spoken to weren’t moving forward, they were circling. Trial and error → seek advice → try again → back to trial and error. Stuck near the bottom, never climbing.

And there was a trapdoor. When a product changed or went out of stock, it sent them all the way back to discovery — every time. That single note is why a subscription went straight onto the roadmap.

Why doesn’t my hairlook like hers? Search for aregimen → trial & error Seek advice ·understand consultation Purchase ·plan a regimen Achieve &maintain She doesn’t climb — she circles. When a product changes or sells out, she’s thrown all the way back to discovery.
The journey map. Our interviewees’ emotional path — dipping into the trial-and-error loop, never climbing out, until a regimen finally sticks.
06 Define · The stakes

The existing path had a terrifying dead end.

When we mapped the current user flow, the magnitude of it all struck home. If nothing worked, the journey didn’t just stall. It ended in “fail / cut off hair.”

That’s what we were designing for. A conversion metric was the last thing on our minds; we wanted to save a woman from cutting her hair off because nothing helped.

Start Search for a hair-care regimen Will this improve it? Trial the product Goal achieved? Buy & plan the regimen Achieve goals Seek expert advice Online or IRL? Take an online quiz → see results Salon / specialist → consultation Continue? New info — keep searching Still looking? Fail / cut off hair yes yes no no yes no yes no
The current user flow. Every path she could take — and the one terminal state that says it all: fail / cut off hair.
07 Define · The insight

The real problem was self-trust.

When these women said “there’s too much choice”, what they really meant was that they’d stopped trusting their own judgement about their own hair.

“Not really trusting yourself to know your hair well enough to know what to do.”

Kit · interview

That changed how we saw the whole project. A better product list wouldn’t fix much if these women didn’t trust their own judgement, so every feature had to help rebuild that trust.

08 Define · The persona

Fifteen women became one: Danielle.

Danielle is the woman behind the journey and the dead-end flow you just saw — one character carrying every pattern the interviews turned up. From here on, every feature had to work for her.

Danielle and her daughter
Danielle, 38
London · Full-time · Married · Two mixed-race daughters
“I really want expert advice from someone who understands my hair condition and who I trust to help me build a simple care regimen — so I can fall in love with my hair again!”
Story

In her late teens she spent years chemically straightening her hair under pressure from family and peers to fit Western standards.

Leaving uni, she saw the damage — and spent a fortune, and years, undoing it. Now in her late 30s, after children, her hair has changed again. She won’t repeat that trial-and-error, and wants her daughters to have a better relationship with their hair early on.

Needs & goals
  • Products for her hair type that align with her values
  • A routine that fits her lifestyle
  • Authentic advice, results from people with similar hair
  • A system so she never runs out
  • To understand what she’s been doing wrong
Behaviours
  • Prefers vegan / natural products
  • Supports black-owned businesses
  • Likes to feel in control
Danielle, arms confident on her hips

Her frustrations.

  1. Overwhelmed when choosing products.
  2. Can’t figure out the cause of her hair problems.
  3. Fed up with product recommendations made for marketing, not for her.
  4. Her routine falls apart when products run out or get discontinued.
  5. Feels her hair is limiting her lifestyle choices.
  6. Existing routines stop working when her circumstances change.
The problem to solve

Danielle needs a better way to get trustworthy, expert advice — to understand her hair and easily build a simple routine that suits her hair type and her values. So she can elevate her hair’s condition, express her style, feel confident through life’s changes, and fall back in love with her hair.

Six frustrations. Most of them come back to feeling out of control, so that’s what the product set out to fix.
09 Define · How might we

Two questions to design for.

09 · How might we

Everything now points one way.

01 If we can match Danielle with products she’s never heard of — but that are right for her hair…
02 …and keep her feeling in control of her routine, not at its mercy…
…then she gets what she came for in the first place: to fall in love with her hair again.
Danielle, hands in her hair, delighted
10 Discover · Comparative analysis

First, I studied everyone already doing this.

Plenty of brands run a quiz that recommends products — so before designing ours, I cast the net wide. Not just haircare rivals, but skincare too, to see how the mechanic worked across categories. I mapped how each one structured their flow, where they genuinely helped the user, and where the experience fell short. The goal was to understand the mechanic properly, then find the gap worth owning.

Competitive analysis board
Comparative analysis. Competitor quiz flows and current-state teardown — what to keep, what to beat.
11 The Design Studio

The afternoon we decided what to build.

We now knew who we were building for and what hurt — but not yet what to build. So, with the research synthesised, we ran a design studio: six of us, Nibi included, sketching solutions independently and dot-voting on what mattered. By the end of the afternoon the fog had turned into two clear project goals — the brief we’d hold everything else against.

Goal 01

Create a web-based app within the website that makes the user feel they have a hair guru in their pocket — one they can consult at all times.

Goal 02

Create a product users look forward to engaging with and come back to regularly.

Put together, those two goals meant advice first and selling second, so it couldn’t be just a shop with a quiz stuck on. It had to be useful enough to open on an ordinary day, and trusted enough to come back to. Every feature from here was measured against them.

Design studio board
Design studio. Two rounds, six contributors, dot-voted to a shortlist.
12 Develop · Low-fi first

Before it was beautiful, it was grey boxes.

The design studio gave us a structure to build on. The team split into two pairs — Vikram and Ben, Helen and Livia — and wireframed the whole flow in low fidelity: welcome, quiz, recommendations, basket, dashboard, calendar, hair journey, community. No colour, no photography, no brand. Just the bones of the thing, argued over screen by screen until the journey held together.

Then, before the Christmas break, they handed that low-fi prototype to me to take to high fidelity. Everything you see after this point started its life as one of these grey boxes.

Low-fidelity wireframe flow
The team’s low-fi flow. Welcome → quiz → recommendations → basket → dashboard → journey → community, all in greyscale.
13 Develop · Raise the bar

I sprinkled some Christmas magic onto the prototype.

We broke for Christmas. It should have been rest. No one expected the course to be as intensive as the word bootcamp promised — it was everything and worse, and we'd burned the candle at both ends since the very first assignment. This was the last one, the one we'd been building toward: a real client.

So I took the quiet — no classes, no distractions — and went to town on the one prototype I had sole ownership of. This had to look a million dollars.

I'd been handed stock photography, but it was useless in a clean UI: pink-smoke backdrops, reflections, inconsistent angles. I wanted clean product shots on a white background for the MVP, so I rebuilt the entire PURE range from scratch as 3D renders in Adobe Dimension, each one colour-mapped to its place in the regimen. Then I used them to produce an in-app looping banner.

None of this was on the brief. It was the extra mile: re-rendering stock I could have left alone, building a banner that followed the brand guidelines to the letter, and making a looping video for the community sign-up. It was a labour of love, I enjoyed it too!

Five renders, side by side with the market equivalents and original stock shots.

Their source images came in every size and shape and with a distracting background; mine were all kept standard and on a plain white background. So each one sits in an identical frame, scaled to fit in full — nothing cropped, nothing clashing.

01 Mongongo Oil Cleanse
Pure Mongongo Oil
Anil render
Pure Mongongo Oil
Kinky Apothecary
Mongongo Oil Exfoliating Shampoo
Market equivalent
Mongongo Oil Exfoliating Shampoo
Mielle Organics
02 Coconut Conditioner Condition
Pure Coconut Conditioner
Anil render
Pure Coconut Conditioner
Kinky Apothecary
Coconut Cowash Cleansing Cream
Market equivalent
Coconut Cowash Cleansing Cream
As I Am
03 Coconut & Avocado Moisturise
Pure Coconut & Avocado Conditioner
Anil render
Pure Coconut & Avocado Conditioner
Kinky Apothecary
Avocado & Coconut Leave-In
Market equivalent
Avocado & Coconut Leave-In
Namaste Organix
04 Native Coconut Oil Seal
Pure Native Coconut Oil
Anil render
Pure Native Coconut Oil
Kinky Apothecary
Pure Native Coconut Oil
Original stock shot
Pure Native Coconut Oil
Kinky Apothecary
05 Whipped Batter Style
Pure Whipped Batter
Anil render
Pure Whipped Batter
Kinky Apothecary
Whipped Batter
Original stock shot
Pure Whipped Batter
Kinky Apothecary
In-app banner. One of the looping ads built from the rebuilt PURE renders, following brand guidelines.
Take the Quiz, animated. A promo for the front door to the whole concierge. This never made the app — a bit of fun, to spark my creativity.
Join Us, in landscape. The community sign-up flow, looping in a tablet view.
14 Deliver · Key concepts

Then I took the grey boxes and made them real.

We shared responsibilities across the project, but the hi-fi was mine alone. Over the Christmas break I turned the team’s low-fi into a fully branded, high-fidelity prototype, and corrected the user flow and navigation problems that came up along the way. Two screens carried the most weight: the recommendations page, where the quiz pays off in a five-step routine, and the dashboard, the home a returning user opens on a Tuesday.

The research kept saying the same thing: people need to see people like them. So the brand work leaned hard on real photography — not 3A-to-4C hair charts, but actual women — and on my own product renders, so the shelf looked like a real shop.

Recommendations
RecommendationsA 5-step routine, each product a render.
Dashboard
DashboardHair-care summary, journey and community in one place.
Community & Help
Community & HelpReal faces, real situations — swimming, travel, hard water.
Original quiz, word options only
Before
Length picked from words alone — “mini afro”, “between neck & shoulder”.
Redesigned quiz with real hair photography
After
Every state shown on real hair, so you can actually see yours.
The quiz, upgraded. Interviews and competitor analysis said the same thing: people need visual aids, not labels.
15 Deliver · The user flow

One loop: quiz → results → routine → back again.

Every screen had to earn its place on a single journey. Danielle takes the quiz, meets her recommendations, buys or subscribes, and lands on a profile that keeps pulling her back — her routine saved, her hair journey building, the community a tap away. Advice first, selling second, exactly as the design studio set out.

Take the quiz→
Step 01
Take the quiz
Get results→
Step 02
Get results
Buy or subscribe→
Step 03
Buy or subscribe
Buy as a guest · or sign up to save
View profile
Step 04
View profile
One loop, four stages. Quiz → results → a fork to buy or subscribe → the profile that brings Danielle back.
16 Deliver · The features

Four features, each traced back to an interview.

The design studio had given us a longer list of things KA could become. We cut it to four — and the test for each was simple: did it trace back to something a real person actually said?

01SubscriptionInterview insight

“When I find something that works, I’m someone who just sticks to it. I panic if I run out of it.”

For her, running out is a real worry. The subscription lets Danielle save her routine to a calendar and have products arrive before she runs dry. Never caught short again.

My Routines & subscription calendar
02Hair JourneyInterview insight

“I’m developing my relationship with my hair now.”

The Hair Journey lets her log progress photos month by month, see how far she’s come, and — if she wants — share it. Seeing that progress builds her confidence.

My Hair Journey
03CommunityInterview insight

“There’s so much marketing noise. I trust products proven to work on people with hair like mine.”

So we let her find them. Community shows her people with similar hair, their routines and what actually worked for them: proof from her peers instead of marketing claims.

Community profile
04HelpInterview insight

“I don’t swim because of my hair, which is really sad. I’d love to start.”

When life changes — swimming, pregnancy, travel, hard water — the routine has to flex. Help gives targeted advice and the products to match, so her hair stops being the reason she says no.

Help — targeted advice
17 Deliver · Usability testing

We tested the low-fi first, and it humbled us.

Before I built the hi-fi, the team put the low-fi greyscale prototype in front of users — and learned the usual hard things. Two problems stood out, and both got fixed on the way up to high fidelity.

Finding 01
Nobody saw the arrows.

On the greyscale build, users could swap a recommended product for an alternative — but the toggle was a pair of small arrows, and in testing almost no one noticed them.

So in the hi-fi I redesigned the layout and added a clear Alternatives button that opens a list of swaps for that step.

Tested · low-fi
Tested · low-fi
→
Alternatives button
Alternatives button
Alternatives list
Alternatives list
Finding 02
Buying was too much work.

The first idea made users add each recommended product to the basket one at a time. In testing that friction added up fast across a five-step routine.

In the hi-fi every recommendation is preselected by default, so checkout is one click — buy as a guest, or sign up to save the routine, with the sign-up given real emphasis.

Tested · low-fi
Tested · low-fi
→
One-click checkout
One-click checkout
Sign up to save
Sign up to save
18 Deliver · See it move

Don’t take my word for it — watch it work.

This is the clickable prototype, driven end to end in one continuous loop that carries Danielle from first-time visitor to hooked regular. The MVP was the quiz; the rest shows where KA would go next. Here’s her path through it, screen by screen.

↻  Plays on loop
  1. 01

    It starts with a quiz

    Danielle enters the quiz, reads what it’s about, and gets going — no account, no pressure, just a few questions.

  2. 02

    Show, don’t tell

    Standard text questions sit alongside visual ones, so she compares real images and picks the hair type closest to her own — no jargon to decode.

  3. 03

    Her results, her call

    On finishing, she sees the products recommended for her and can check out as a guest or sign up to unlock the full dashboard.

  4. 04

    Products, on her terms

    From the top of the dashboard she manages her subscriptions and explores alternative products whenever her needs shift.

  5. 05

    A routine with a rhythm

    My Routine lays her schedule on a calendar, flagging subscription renewals and wash days so nothing creeps up on her.

  6. 06

    A journey worth keeping

    She tracks progress by adding photos and diary entries — and, if she wants, shares the journey with her hair community.

  7. 07

    She’s not doing it alone

    She finds others with hair like hers, views their routines, and messages them with any questions along the way.

  8. 08

    Help when life happens

    Hit a curveball — like going swimming? The Help button offers tailored advice and optional add-on products to protect the routine she’s built.

19 Reflection

Final reflections.

01

Minimum is the key word

Looking back with a product manager’s eye, we delivered the MVP: the quiz. And minimum is the operative word. We sketched a fuller vision — the features behind the community wall — but the real product-management call was knowing what not to build. The quiz was enough to prove the idea; everything past it was roadmap, not MVP. Where we went beyond the brief was the research: really connecting with the needs of the 15 individuals we’d so carefully dissected, and with Danielle, the persona they became.

02

I’d have built it native

One call I’d remake: at the Design Studio, a responsive web app looked like the cheaper MVP route, so that’s what we chose. But the features that mattered most to Danielle only fully come alive on a native iPhone app — calendar reminders that close the loop the journey map exposed, key features that don’t force a login (testing showed friction was what lost people), and native camera access for her hair journey snaps instead of a clunky snap-then-upload. I could continue, but you get the point!

As an MVP prototype, it did more than we expected, and we truly enjoyed the many, many hours poured into this project.

I hope you enjoyed it too!

Danielle and her daughter, both with natural curls, embracing on a marigold background beneath the words PURE PROGRESS
Pure progress. Danielle — the persona we designed for — and her daughter, hair and all.
Kinky Apothecary
Anil Bhima · General Assembly UXDI