26
guidelines

Collections

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#
179
Make Collection Pagination Easy to Use
Improves Browsing Efficiency
Reduces Frustration
Increases Product Discovery
context

If pagination is clunky or hard to navigate, users may struggle to explore beyond the first page, leading to missed products and lost sales. Poor pagination can create friction and lead to abandoned searches.

view guideline
#
178
Auto-Scroll Users to the Top on Pagination
Reduces Confusion
Improves Browsing Flow
Increases Product Discovery
context

When users click on pagination options that aren't scrolled back to the top, they may feel lost or assume the page hasn't updated. This damages the shopping experience and creates frustration from having to manually scroll up.

view guideline
#
177
Use a Single-Column Layout on Mobile for Info-Rich Products
Enhances Engagement
Improves Clarity
context

If your products require detailed descriptions, specs, or key features, cramming them into mobile can make the information feel cramped and harder to read. User may miss crucial information.

view guideline
#
176
Optimize Desktop Collections with a 3-4 Column Layout
Improves Product Discovery
Enhances Scannability
Increases Engagement
context

If desktop collections use too few columns, products take up unnecessary space, forcing users to scroll excessively. This can make browsing feel tedious and drawn out.

view guideline
#
175
Use a 2-Column Layout for Info-Light Products
Enhances Product Discovery
Improves Scannability
Increases Engagement
context

If your products don't require detailed descriptions or specs, a traditional single-column layout wastes space and slows down browsing. Users shouldn't have to scroll endlessly to find what they need.

view guideline
#
173
Display "Starting at" Pricing for Variant-Based Products
Manages Expectations
Improves Clarity
Boosts Conversion Rates
context

If product prices vary by size, material, or other variants, showing a single price on product cards can mislead users. If they click expecting a lower price and see a higher one, they may feel frustrated and bounce.

view guideline
#
174
End Collections with a Branded Section
Improves Engagement
Strengthens Brand Identity
Increases Conversions
context

Some users land directly on collection pages without seeing your homepage or brand messaging. If collections end abruptly without reinforcing your brand, you miss an opportunity to educate and connect.

view guideline
#
172
Enable Variant Selection on Collection Pages
Reduces Friction
Increases Conversions
context

If users have to click into a product page (PDP) just to view color or size variants, they may find it frustrating to keep going back and forth between the collection and PDP. This slows down browsing and creates unnecessary friction.

view guideline
#
171
Insert Branded Cards Between Product Rows
Reinforces Key Messaging
Improves Engagement
Increases Conversions
context

If users are only seeing product after product, they might miss out on important brand benefits, product USPs, or shopping perks. Relying solely on banners or footers to communicate these messages risks them going unnoticed.

view guideline
#
170
Add CTAs to Collection Cards for Seamless Shopping
Reduces Friction
Speeds Up Checkout
Increases Conversions
context

If users have to click into each product page just to add items to their cart, it slows them down and creates unnecessary steps. This friction can lead to drop-offs.

view guideline
#
169
Keep Product Cards On-Brand for a Cohesive Experience
Improves Engagement
Strengthens Brand Identity
Enhances Visual Consistency
context

Generic product cards that don't align with your brand's aesthetics can make the shopping experience feel disjointed. If the design feels out of place, it reduces trust and brand recall.

view guideline
#
168
Optimize Card Readability for a Seamless Experience
Increases Conversions
Enhances Engagement
Improves Clarity
context

If product cards have poor contrast, small fonts, or cluttered layouts, users may struggle to read key details. Hard-to-read cards create frustration and slow down the shopping experience.

view guideline
#
167
Clarify Customization in Collection Card CTAs
Improves Engagement
Reduces Confusion
Increases Conversions
context

If a product requires customization, a generic "Add to Cart" button can mislead users. They may expect an instant purchase but get frustrated when they're redirected for additional options.

view guideline
#
166
Display Product Count for Better Search Context
Improves Navigation
Increases Engagement
Enhances Decision Making
context

If users don't know how many products are available in a collection or after filtering, they may feel lost or frustrated. Without product count visibility, they might assume there are too many (or too few) options and abandon the search.

view guideline
#
165
Add Quick Links to Other Collections
Improves Product Discovery
Reduces Bounce Rates
Increases Engagement
context

If users don't find what they need in one collection, they might leave instead of exploring other options. Without clear paths to other collections, you risk losing potential conversions.

view guideline
#
164
Reinforce Shopping Benefits Throughout Collections
Builds Trust
Reduces Hesitation
Increases Conversions
context

Users may browse collections without fully realizing the shopping perks you offer. If benefits like free shipping, easy returns, or secure checkout aren't visible, they might hesitate before purchasing.

view guideline
#
163
Organize "All Products" by Categories for Better Browsing
Reduces Overwhelm
Improves Findability
Increases Conversions
context

"All Products" collections can feel overwhelming, especially if users are scrolling through hundreds of products with no structure. Without organization, they might struggle to find what they're looking for.

view guideline
#
161
Enable Sorting for Better Product Discovery
Improves Findability
Enhances User Control
Increases Conversions
context

Without sorting options, users are forced to scroll through products in a default order that may not match their preferences. This can feel inefficient and drop-offs, especially in large collections.

view guideline
#
162
Compress Long Collection Descriptions with a "Read More" Button
Keeps Pages Clean
Improves Readability
Maintains Seo Benefits
context

Long collection descriptions are great for SEO but they can clutter the page, pushing products too far down. If users have to scroll past a block of text before seeing products, it disrupts the shopping experience.

view guideline
#
160
Use Breadcrumbs for Clear Navigation
Reduces Confusion
Improves Navigation
Enhances Engagement
context

Without breadcrumbs, users may feel lost when browsing collections, unsure of how they got there or how to navigate back. This can lead to frustration and early exits.

view guideline
#
159
Make Breadcrumbs Clickable for Easy Navigation
Improves Navigation
Reduces Frustration
Increases Engagement
context

If breadcrumbs are static text, they lose their full potential as a navigation tool. Users may want to quickly jump back to a parent category without relying on the back button or reloading pages.

view guideline
#
157
Remove Fluff from Collection Headers
Improves Clarity
Speeds Up Browsing
Increases Engagement
context

Overly wordy collection headers slow users down. If they have to process unnecessary text, it creates friction and distracts from the main goal—browsing products.

view guideline
#
158
Keep Collection Headers Short & Punchy
Reduces Friction
Improves Clarity
Increases Product Engagement
context

Long, overly descriptive collection headers slow users down when the main goal is to get them to browse products. If users have to process too much text, it disrupts their flow.

view guideline
#
156
Use Branded Copy to Introduce Collections
Strengthens Brand Identity
Enhances Engagement
Improves Conversions
context

A generic introduction like "Browse our latest products" feels uninspired and forgettable. If your collection pages lack personality, you miss a chance to connect with users.

view guideline
#
155
Keep Collection Descriptions Short & Scannable
Improves Readability
Keeps Users Engaged
Increases Conversions
context

Long collection descriptions take up space and slow users down if they have to read past a block of text before seeing products. It disrupts their shopping flow.

view guideline
#
154
Make Filters Easy to Access & Use
Speeds Up Product Discovery
Reduces Frustration
Increases Conversions
context

If users have to dig through menus or scroll endlessly to find filters, they're more likely to abandon their search or leave frustrated. Quirky or hidden filters also slow down the shopping experience.

view guideline