Etsy UX Teardown: Five Stars That Belong to the Shop
A UX teardown of Etsy's signed-out search flow: one chip row that holds applied and suggested filters side by side, a result count that doesn't move when you filter, and a five-star card for a mug nobody has reviewed yet, sitting second under Top reviews.
The second result on Etsy's search page for "ceramic mug", filtered to handmade and sorted by Top reviews, is a mug painted inside with a tiny room and a cat. Its card shows five stars and the number 17. Open the listing and the section under the photo reads "Be the first to review this item."
Both numbers are true. The 17 reviews are for the shop that made the mug, KilnSolo, and the listing page says so in plain words. The results card doesn't.
Search results
A dense four-column grid puts imagery first while badges, ratings, prices, shipping, and quick actions compete beneath each result.
Ceramic mug, 1,000+ items with ads
The results page is a four-column grid, image first. Under each photo sit up to seven kinds of information: colour swatches, a title cut off with an ellipsis, a star rating with a count, the word Ad, the shop name, a green sale price with the old price struck through and a percentage, and sometimes "Free shipping". Two buttons close each card, Add to cart and More like this. Badges sit on the photos themselves: Etsy's Pick, Bestseller, Popular now.
Three of the four cards in the first row carry the Ad label. The count at the right of the toolbar is honest about this too: "1,000+ items with ads", with an info icon beside it. Etsy doesn't hide paid placement. It prints it in small grey text at the same weight as the shop name, directly after the rating.
The chip row
Above the grid runs a row of chips: Show filters, Exclude digital downloads, Handmade only (with a small "New" tag), Ships from near Florianópolis, Brazil, Star Seller, and a price chip cut off at the edge behind an arrow.
These aren't all the same kind of thing. Exclude digital downloads is filled dark with an ✕, which means it's already on. It was on from the first results screen, so it's a default. The others are light and unfilled, which means they're suggestions. The Florianópolis chip is a location guess, presumably from where the session ran, offered as a one-tap filter. Applied state and suggestion share one row, one shape and one position, and the only difference is fill colour.
Show filters opens a left rail without covering the results. The rail repeats the chips as checkboxes and radio buttons, grouped under Etsy's best, Category, Special offers, Ships from and Item format, with a Reset link at the top. It also shows the location suggestion in its true state: Ships from is set to Anywhere, and "Florianópolis, Brazil" sits greyed in a text field under Near a city, waiting.
This is the facet pattern done by the book (NN/g on filters and facets): a persistent rail, the grid still visible beside it.
Handmade only
Tick Handmade only and close the rail. The chip turns dark, gains an ✕, and moves up to sit right after Show filters, ahead of the digital-downloads default. The URL picks up is_handmade_only=true, so the filtered search can be bookmarked or shared. A new line appears under the toolbar, "Handmade items from independent sellers", with a stack of small shop avatars.
The grid changes. The count doesn't. Before the filter it said "1,000+ items with ads" and after it says the same thing. A capped count reads fine as a single number, but it can't show the effect of a filter, and handmade-only is the filter Etsy has decided to promote with a "New" tag and a dedicated banner line. The only way to see what it removed is to compare the photos.
Sorting by Top reviews
The sort control sits at the far right of the toolbar as plain text, "Most relevant", with a small caret. It opens a five-item menu: Most relevant (checked), Price low to high, Price high to low, Top reviews, Newest. Ranking lives here. Filtering lives in the rail and the chips.
Choose Top reviews and the control's label updates to match. The URL gains order=highest_reviews. The chips all survive.
The first row barely moves. The first three cards are the same three cards in the same three positions as under Most relevant with the handmade filter on: 5 stars from 5 reviews, KilnSolo at 5 from 17, and 4.9 from 137. Only the fourth slot changes, to a listing at 4.9 from 823. All four are labelled Ad.
Read as star averages, that row is in order: 5, 5, 4.9, 4.9, with the KilnSolo mug second. The capture can't show which number Etsy's ranking actually uses, but the number on the card, the one a shopper reads the sort by, is the shop's. A mug with no reviews of its own holds the second slot on a page sorted by Top reviews.
The listing page
Open the KilnSolo mug. A "Back to search results" link sits top left, which matters on a page this far from the grid, and a six-level breadcrumb runs above it, from Homepage down to Mugs.
The right column orders its information by urgency. First, in magenta, "In 20+ carts". Then the price, BRL 632.49, with "Local taxes included (where applicable)". Then the title, the shop name with five stars and no count, a checked "Returns & exchanges accepted", and a full-width dark Add to cart button. Everything after the button is detail: made by KilnSolo, ceramic, 250 millilitres, free worldwide shipping, and in grey, "Made-to-Order | Lead Time: 15 Days".
"In 20+ carts" is social proof (NN/g) about this exact item, placed where a pressure cue goes: above the price, in magenta.
Arrow to the next photo and the mug appears on a table next to its branded gift box and a small planter, which answers the scale question a close-up of the inside can't. The thumbnail rail keeps its place and the purchase column stays still, so a buyer can flip photos without losing the price.
Delivery, returns and the shop card
Scroll down and the listing explains what the grid left out. The reviews box says "No reviews yet. See what customers say about other items from this shop", links to "Read reviews for other items", and further down, under a carousel headed "All reviews from this shop (17)", sits a link: "Why are these reviews shown?" The shop card between them gives the source of the grid's number: 5.0 from 17 reviews, 182 sales, 2 months on Etsy.
The 5-star, 17-review figure followed this mug from the results grid, through a Top reviews sort, and onto the second slot of the first row, without anything on the card marking it as a shop rating. On the listing page that same number is labelled, explained and linked.
The shipping block reads "Order today to get by Sep 30–Oct 31", a delivery window a month wide, starting about three weeks after the capture date. Returns within 30 days. Free shipping. Ships from the United States, with an editable "Deliver to Brazil". Etsy Purchase Protection sits in its own box beneath. This block is also the first place the flow says where the mug is coming from.
What this means for your product
Label an aggregate rating with what it aggregates. Etsy's listing page already has the right sentence, "See what customers say about other items from this shop", and the results card, where the decision to click is made, has only a star and a number. The same card then sat second on a sort called Top reviews. If a score on your cards can come from a parent object, a shop or a brand or an account, say so on the card, and check what any sort that promises to rank the child is really ranking by.
Keep applied filters and suggested ones apart. Etsy's chip row holds a default nobody set, three suggestions and, after one click, a real choice, told apart only by fill. Its filter rail gets this right, because every control there shows its true state.
Take it further
This teardown reads Etsy through the UX Clarity framework, the lens behind our Full UX Audit: does each signal tell a shopper what it's measuring and where it came from? For how that scoring becomes a prioritised fix list, read what a real UX audit looks like.
Capture notes: eight screens from one signed-out session on 8 September 2026, at 1440×900, in US English with the region set to Brazil and prices in reais. Ratings, prices, cart counts and delivery dates were true that day and will have changed. No item was favourited, added to a cart, bought or messaged about, and nobody signed in. The capture stops at the Add to cart decision. The Etsy homepage was outside its scope.
Sources: NN/g — Filters vs. Facets · NN/g — Social Proof.
Want to know which numbers on your product cards are measuring something other than the product? Apply for a Full UX Audit →
Related
Product Insights
User Retention Strategies That Are Not Dark Patterns
Retention and coercion move the same number. A test that tells them apart, the mechanisms that pass it, the ones that fail, and how to measure retention so the difference shows up before your support queue finds it.
TYPENORMLabs · 10 min · September 13, 2026
Interaction Design
TechCrunch UX Teardown: The Reading Mode That Drops the Date
A UX teardown of TechCrunch's read flow: one switch turns the feed into a dense scan queue and carries the preference into the next section — then removes the timestamp and the content type the returning reader came for.
TYPENORMLabs · 5 min · September 10, 2026
UX Writing
Sentence Case vs Title Case in UI: What the Major Design Systems Actually Do
Sentence case has become the default across Microsoft, GOV.UK and Material 3, while Apple still capitalises its buttons. A look at what each convention specifies, why title case is expensive to enforce, and how to write the rule so a team stops re-deciding it.
TYPENORMLabs · 7 min · September 10, 2026