A Shopify collection page should help customers narrow down choices, not make them scan harder. A...

A Shopify collection page should help customers narrow down choices, not make them scan harder. A...A Shopify collection page should help customers narrow down choices, not make them scan harder. A...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Asif Younas

pro

• Aug 20

A Shopify collection page should help customers narrow down choices, not make them scan harder.

A common mistake is treating collection pages like simple product grids.

But when a store has more than a few products, shoppers need help answering:

• Which product is right for me? • What’s the difference between these options? • Can I filter by what actually matters? • Can I compare key details without opening every product page?

Good collection-page UX usually comes down to a few things:

• Useful filters • Clear product titles and pricing • Relevant badges or attributes • Logical sorting • Product cards that show enough information to make the next click easier

The goal is not to show more products.

It is to help customers reach the right product faster.

Shopify shopifydeveloper ecommerceredesign

Julio Gómez

pro

• Sep 13

Which size selector feels clearer and easier to use when choosing a bouquet? #Ecommerce #UIDesign #UXDesign #ABTesting

Figma Shopify Instant

15 voted

79%

4 voted

21%

19 votes

Closed

Maty Sandoval

max

• Sep 13

Icon cards for me, bouquets are such a visual purchase that a scannable icon beats reading "small/medium/large" every time. Did the compact chips version convert worse in testing, or are you still gathering data on that?

R. Qule

max

• Sep 14

Need design without hiring a team? FANCY works as your design team on subscription.

Mobile Design UI Design UX Design Figma

Kris Anfalova

pro

• Sep 13

Ledger — AI CFO Platform Ledger is an AI platform that acts as an always-on Chief Financial Officer for founders — connecting to accounts, learning cash rhythm, and surfacing risks before they become real problems. I designed the full landing page. My role: UI/UX Design Scope: Landing page Financial tools for founders usually feel either cold (dashboards) or intimidating (accounting software).

For Ledger, we borrowed from old-world institutional finance instead — serif type, oil-painting textures, classical architecture — so an AI CFO feels like real authority, not another app.