Work / Perfumebox

Case study · Shopify Plus

Perfumebox Four hundred brands, and a way through them.

A family fragrance business of thirty years, selling more than 5,600 products from over 400 houses. On Shopify Plus the design problem is not the storefront. It is getting a shopper from a half-remembered bottle to the right one.

Client
Perfumebox
Platform
Shopify Plus
Based in
South Plainfield, New Jersey
Scope
Storefront, catalogue and SEO
The Perfumebox homepage.
The same homepage on a phone.
The brief

Nobody searches a fragrance catalogue. They search for one bottle.

Fragrance buying starts with a name, and usually a partial one. A brand somebody wore, a bottle seen on a shelf, a note recommended by a friend. A category tree built around "men's" and "women's" is almost useless against that, because the shopper already knows which one they want.

So the store is organised around the two things people actually arrive with. The brand, given its own route, through an alphabetical index that treats four hundred houses as navigation rather than as a filter value. And the tradition, given its own front door, because Arabic perfumery is not a sub-category of designer fragrance and shopping it as one loses the customer who came for it.

"100% authentic, in original manufacturer packaging." The promise the whole storefront has to carry

What it has to hold

The catalogue is the brief.

Every decision on this store is downstream of these four numbers. Design that works at forty products falls apart at five thousand.

Products
5,600+
live across the catalogue
Brands
400+
each needing its own route in
Trading since
30 yrs
family run
Customer reviews
22,700+
shown on the storefront
Inside the store

Five templates, one findability problem.

Scroll through each page from top to bottom, or open it full size.

Full homepage: the campaign hero, category tiles, best sellers, new arrivals, the designer brand strip, house collections, bundles and reviews.

Homepage

Six routes in before the first scroll ends, because a fragrance shopper arrives knowing something specific.

  • Category tiles straight under the hero
  • Best sellers and new arrivals, priced and rated
  • Designer houses as a logo strip
  • Collection blocks for the Arabic houses
On the phone

Four hundred brands, one thumb.

The brand index is the hardest thing to carry onto a phone, and the thing a fragrance shopper is most likely to need there.

Homepage on mobile, full length.
Homepage Six routes in
The brand index on mobile, full length.
Brand index A to Z, jumpable
The Arabic perfumes collection on mobile, full length.
Arabic perfumes Houses, then grid
A product page on mobile, full length.
Product page Price, size, bundle
Design language

Black, white, and one working blue.

Four hundred brands each arrive with their own packaging and their own colour. The interface holds none of its own, so the bottles never have to compete with it.

Your perfect scent at the perfect price
Authentic, in original packaging.

A family fragrance business of thirty years, carrying more than 5,600 products from over 400 houses, with free shipping on United States orders over $59.

Light Supporting lines
Regular Body and labels
Semibold Prices and headings
Ink#000000
Azure#359FD2
Grey#6B6B6B
Paper#FFFFFF
Interface kit

The pieces the store is built from.

Every component below is a screenshot of the live store, not a mockup. The filter rail is the one that carries the most weight, because it is where a five thousand product catalogue becomes a shortlist.

A product tile: a sale badge, the bottle with its box, the house name, a gender tag, the price against the original, the discount and a review count.
Product tileHouse name above the product name, because that is what the shopper is scanning for. Then price, strike-through, discount and review count. Six facts, in the same order on every tile.
The filter rail: perfume category, brands with a count beside each, and a price range slider.
Filter railEach brand carries its stock count, so a shopper can see that Lattafa has 473 lines and Bharara has 11 before clicking either. On a catalogue this size the count is the difference between a filter and a guess.
The product price row: the sale price, the original struck through, and the saving in dollars and percent.The size selector, showing 3.4 Oz with its price.
Price and sizeThe saving is stated twice, as an amount and as a percentage, because shoppers comparing across houses convert between the two anyway. Size sits underneath as a priced button rather than a dropdown.
The sort control, set to Best selling.
SortOne control, defaulted to best selling rather than to whatever the platform ships with. On a catalogue of this depth the default sort is a merchandising decision, not a setting.
The site header: a search field across the middle, with new arrivals, women's, men's, Arabic perfumes, brands, gift sets, bundles and clearance underneath.
Header, search firstThe search field takes the centre of the header rather than hiding behind an icon, because on a 5,600 product catalogue search is the primary navigation. Arabic Perfumes sits in the main bar as a peer of men's and women's, which is the whole positioning argument in one menu item.
The trust strip: free shipping over fifty nine dollars, satisfaction guaranteed, 100% authentic, safe and secure, under the line over 1 million packages shipped.
Trust stripFour claims with the shipping threshold attached, under a line about volume shipped. For a multi-brand reseller the authenticity claim is the one that has to be repeated, because it is the objection every fragrance buyer arrives with.
What we built

The work, at a glance.

  • Shopify Plus storefront
  • Custom theme
  • A to Z brand index
  • Arabic perfume category
  • Faceted filtering with counts
  • Product data standards
  • Collection page content
  • Bundles and gift sets
  • Technical and content SEO
  • Email template system

Running a catalogue this deep?

Tell us how many products and how many brands. The hard part is never the theme, and we'll tell you where it actually is.

Schedule a Strategy Call
Page