collections-page-guide-part-2
min read
Collections Page Guide - Part 1
Published:
Updated:
Collections Page Guide - Part 1
min read
Welcome to part 1 of The Collections Page guide!
We're diving deep into 5 brands and how we adjusted their collections page! You can test ALL these suggestions on your own website.
Let's jump in!
Number 1: Ohne
Suggestion 1: If you have various categories that require users to scroll the entire page then add a simple selector to help them jump to where they need.
Suggestion 2: Test trimming the headline down to get users to products faster. Remove the image completely. It’s not communicating anything of value and is just a distraction.
Suggestion 3: Add a review badge and total number of reviews to build trust and align the copy to the left for easy readability.
As well, consider trimming the images to a 1:1 aspect ratio if possible (rather than a tall portrait crop).
Number 2: Perfect Locks
Quick Tip: If your site has numerous collection pages, think about utilizing a "load more" button. In this example, the brand has 10 collections - we surfaced their top 3, and allow users to load more if they wish.
p.s. also include a secondary text link to “Shop All".
Number 3: Unreal
Quick Tip: In most cases, you should always show your product title - don’t assume users will read the packaging
Number 4: Supply
Quick Tip: Long collection page descriptions can kill conversion - test removing it to save vertical space Instead, lead off with just your header + number of products
Number 5: Blu Atlas
Suggestion 1: Your goal is to push customers further down the sales funnel to eventually convert. Remove the breadcrumbs which give customers easy access to go back to the homepage.
Suggestion 2: State the number of products clearly right next to the headline. Clarity is key here.
Suggestion 3: Crop your product images to avoid scroll fatigue, add a review badge and call-out the total number of reviews to break down any trust barriers.
Suggestion 4: Provide additional information on the product that can help entice customers. Also include the size of each product for transparency.
Want a FREE Oddit? Grab one for your website HERE!
Key Takeaways
- Psychological Impact: Loss aversion describes the tendency for people to prefer avoiding losses over acquiring equivalent gains, significantly impacting consumer decision-making.
- Marketing Strategies: Effective use of loss aversion in marketing includes limited-time offers, scarcity marketing, and money-back guarantees, all of which leverage consumers' fear of missing out.
- Ethical Considerations: While loss aversion can drive sales, marketers must ensure transparency and avoid manipulative tactics to maintain consumer trust and long-term relationships.
What’s the heck is Oddit andwhy should I care?
Learn More
Blog Post Chapter #1 (H2)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel. Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
Chapter Section #1 (H3)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Bullet List Heading
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Section Heading #1 (H4)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Quote or Stat
“Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.”
Source
SUGGESTION #1
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
SUGGESTION #2
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
SUGGESTION #3
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
Blog Post Chapter #2(H2)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel. Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
Chapter Section #1 (H3)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Bullet List Heading
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Section Heading #1 (H4)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Quote or Stat
“Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.”
Source
SUGGESTION #1
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
SUGGESTION #2
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
Learn How to“Example we mentioned in current post”
Learn More
SUGGESTION #3
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
Conclusion
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
Conversion-Optimized Design & UX for Brands that Move Fast
Our team has spent over a decade designing beautiful digital experiences for the biggest brands around the world. Now you can get the same expert design, at a fraction of the cost.
Try Oddit Free
100% Free | No Credit Card Required
“Fire your agency today. Hire Oddit tomorrow.”
roo-and-you-logo
STARTING AT $2,250
Conversion Reports
Find and fix top 'conversion-critical' friction points on your website.
Learn More
STARTING AT $2,500
Landing Page Design
A tailor-made page designed for any conversion goal.
Learn More
Not sure where to start? Book a Discovery Call
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”