Skip to content
Headless commerceWeb platform

AETHER Apparel

A deep taxonomy and a shallow navigation are in direct opposition, and resolving that was most of the build.

AETHER Apparel: the live site
Our role
Frontend engineering on the storefront and editorial templates
Timeline
Ongoing engagement
Team
Lead engineer, frontend engineer, designer

5

US flagship stores

alongside the online channel

20+

Category routes per range

before collections branch again

2

Template systems

shop and journal, side by side

01

The problem

The catalogue is the hard part

Men's and women's ranges each branch into clothing, accessories, snow and motorcycle lines, then branch again into collections and product types. That is a deep taxonomy by the time you reach an actual product.

Navigation has to stay shallow anyway. A customer will not click through four levels to find a jacket, so the structure underneath has to be deep while the path through it stays short.

02

What we did

Headless, with two template systems that leave each other alone

Built in React and Next.js against a headless commerce backend: collection and product templates, cart and checkout, and the Insider membership tier.

The Journal runs long-form editorial beside the shop. Keeping those as two template systems rather than forcing editorial into product templates is what stops either one compromising the other: a lookbook and a product grid want opposite things from a layout.

  • Headless storefront on Next.js with SSR and ISR
  • Collection and product templates built for a deep taxonomy
  • Shallow navigation paths over a deep category tree
  • Insider membership tier
  • Separate editorial template system for the Journal
03

The outcome

A deep catalogue that still feels shallow

The storefront carries a multi-level taxonomy across both ranges without the navigation deepening, and the Journal publishes alongside the shop on its own templates.

What it is built on

Frontend

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • SSR / ISR

Commerce

  • Headless commerce
  • GraphQL
  • Membership tier

Backend

  • Node.js
  • REST API
  • Redis
  • Vercel

What we learned

  • 01

    Depth of taxonomy and depth of navigation are separate decisions. Treating them as the same thing is why large catalogues end up unusable.

  • 02

    Give editorial its own templates. Commerce templates will always win the compromise, and the editorial becomes pointless.

Next step

Tell us what you are trying to build.

Thirty minutes with the engineer who would lead the project. You will leave with an opinion on what to build, what to skip, and roughly what it costs, whether or not you hire us.

2 build slots open · Next start: early next month

What happens next

  1. 1You send a few lines about the product and the deadline
  2. 2We reply within one working day with times
  3. 3A 30-minute call, no deck, no sales script
  4. 4A written summary and a ballpark range within 48 hours