DFYNE · Feature case study

Quick add

Influencers were selling DFYNE in full sets. The website sold it one garment at a time. So I moved set-building onto the collection page — and gave merchandising a place to put the stock nobody was seeing.

+13%
Average order value, year on year
+20%
Items per order — 2.0 to 2.4 per transaction
0
Page to build a full set — previously one per item
Role
Product / UX designer — first member of the digital team
Team
Shopify developers, campaign managers, buying & merchandising
Platform
Shopify (Liquid) — mobile first
01 — Where it started

The marketing knew. Digital didn't.

DFYNE's customer is an 18-to-25 year old woman in Australia or America, and 67% of them are returning customers. These are not one-off purchases — they are people who live in the brand and already know the range.

The marketing is extremely heavy on influencer partnerships, and what those influencers show is the full set: the top, the shorts, the leggings, the sports bra. That was well understood inside the marketing department. It had never made its way to digital.

I was the first member of the digital team. Nobody at DFYNE had worked with digital before, so part of this job was building those relationships from nothing and showing why bringing digital into campaign planning makes a better experience. Quick Add is what that argument looked like once it was built.

Building a set meant opening a product page, choosing a size, adding to cart, then repeating the whole sequence across several more.

Every extra page load was another chance to lose the thread — on an audience that is overwhelmingly on a phone, and on drop days when a matching set can sell out while you are still assembling it.

The collection pages had steep drop-off, and the product cards offered no way in at all: no quick-add, no swatches, no sizes.

02 — The whole flow

Six screens, one page.

The old journey was a product page per garment. Showing this end to end is the point — you can see how short it is without scrolling for a minute to find out.

The DFYNE womens sports bras collection on mobile, each card carrying a circular plus button
01 Add from the grid

A plus on every card. No product page needed to start.

The Quick Add sheet just opened, size pills unselected, the primary button greyed out reading Select a size
02 The sheet opens

The button reads Select a size and is disabled — the instruction is the control, so nothing can be tapped and fail.

The sheet with XS selected and the primary button now reading Add to Cart
03 Pick a size

The same button becomes Add to Cart. View Product stays underneath.

The confirmation sheet reading 1 item added, with a Want the matching set? carousel and running subtotal
04 Added — and the set appears

Want the matching set? sits inside the confirmation, above the subtotal.

The matching set carousel with one slot expanded into a Select a size panel
05 Size the next one in place

The picker opens inside the slot the product occupies. No new screen, no lost position.

The confirmation sheet showing 2 items added, the remaining set reading 1 of 2, and an updated subtotal
06 Two items, one fewer to go

The set counter drops from 1/3 to 1/2. It reads as completing a set, not working through a list.

The flow, end to end

Only what it takes to decide

The first version was closer to a mini-homepage in a sheet. Nothing about it failed in testing — it was simply more than the decision required, and it got stripped back across several iterations to what someone actually needs in order to say yes: the garment from a couple of angles, the name, the colourway, the price, and the sizes.

Complete the Set arrived around the third iteration — once the sheet had been reduced far enough that there was room to ask a second question without crowding the first. The feature this case study is named for was not in the brief. It emerged from cutting.

03 — Complete the set
The moment a customer has just said yes is the moment they are most willing to say it again — so the set lives inside the confirmation rather than somewhere after it.

What appears in those slots is chosen by the ecommerce team. Working with the developers and the campaign managers, I built it so buying and merchandising can decide what gets promoted there — which handed them a way to put underselling product in front of millions of customers, at the point of highest intent, with no other route to that audience anywhere on the site.

The suggestion is a complementary colourway rather than a matching one — the Raspberry bra against Blossom shorts. That came from watching influencer accounts: they were mixing colours, which DFYNE never pushed as a brand. The set follows what customers were already doing rather than what the brand was saying.

Adding a second item does not send the customer anywhere. Sizing a whole outfit at once is four decisions held in the head simultaneously; sizing one item, then the next, is the same work broken into pieces a person can actually finish.

04 — The calls

Built for the set, not the garment

Instead of

A conventional quick-add: a faster route to buying the one thing you were already looking at.

Why

Every competitor I audited — 15 plus brands — had built the single-item shortcut. None had built for the way this brand's customers were actually being sold to.

Cost

It is a heavier interaction than a one-tap add, and it asks more of a customer who genuinely only wants one thing.

Complete the Set is curated by merchandising, not by an algorithm

Instead of

Recommendations generated from purchase data, or hard-coded set relationships maintained by developers.

Why

It handed buying and merchandising a route to put underselling product in front of millions of customers at the point of highest intent. It is also where an earlier argument landed: on the mega menu I refused merchandising the six colour slots. The need was legitimate; the navigation was the wrong place for it. This is the right one.

Cost

The quality of the feature now depends on whoever is curating it. A neglected slot degrades quietly, and there is no algorithm underneath to catch it.

Suggest a colourway that complements rather than matches

Instead of

Show the same colour across the set, which is how the brand merchandised.

Why

Watching influencer accounts, the thing they were doing that DFYNE never pushed was mixing colours. Customers were already styling the brand that way.

Cost

It puts a styling opinion in the cart, and a wrong pairing is more conspicuous than no pairing at all.

05 — What moved
Before — six steps, repeated
  1. Open product page
  2. Select colour and size
  3. Add to cart
  4. Scroll to related products
  5. Click through to the next product page
  6. Repeat for each item in the set
After — one page
  1. Tap Add on the collection page
  2. Select size
  3. Item added, and the matching set surfaces
  4. Repeat inline for each item
  5. Checkout from one page

Average order value rose 13% year on year; items per order rose 20%, from 2.0 to 2.4. Broader commercial factors move those figures too, and I would not claim the feature alone did it. But the lift is in items per order rather than spend per item — which is exactly what a set-building flow should move, and the reason I think the thesis held.

Next
Athlete styles →

Putting the community on the front door, and selling the fit without forcing the bundle.

declanamalone@gmail.com