Good Sort

Good Sort sells wearables for dogs and the people walking them: harnesses, rope leads, jackets, tees and caps. The brief I set was to build the storefront properly rather than mock it — a real front end with a working collection, cart and product flow, so the design could be judged by using it.

It is one page with a lot going on: a hero, a category strip, the collection at “The collection”, a campaign panel, a set builder called Shop the Walk, and a community grid. All the commerce state runs client-side; there is no checkout backend behind it yet.

Pet gear online usually splits two ways: utilitarian and cheap, or so styled that you cannot tell what you are buying. The label sits with fashion-grade goods at fashion prices, so the store had to carry that without losing the practical information a harness needs — size by chest girth, colourways, what it is made of.

The other problem was range. Products span dogs and humans, so a single flat grid would have made a harness and an overshirt look like the same kind of purchase.

Catalogue model first: every product is one entry with kinds, colourways, sizes, a blurb, details and two image slots. Filters, search, quick view, the cart and the set builder all read from that one source, so adding a product needs no new UI.

Then the shell — header, cart drawer, quick view, search overlay, mobile menu — followed by the sections. Image slots fall back to a flat brand-tone panel with a caption when a photograph has not been shot yet, so an unfinished slot still reads as intended instead of collapsing.

A working storefront: seven pieces in the catalogue, filtering by kind, quick view with colour and size selection, a cart drawer, search, and a set builder that puts a harness, lead and bandana together as one purchase.

It is a prototype, not a trading store — there is no checkout backend yet, so no sales or traffic figures are claimed for it. What it demonstrates is the brand, the interface and the build arriving as one piece of work.