collections-page-guide-part-2
min read
Product Page Guide - Part 2
Published:
Updated:
Product Page Guide - Part 2
min read
Welcome to part 2 of The Product Page guide!
We're diving deep into 5 brands and how we adjusted their mobile product page! You can test ALL these suggestions on your own website.
Let's jump in!
Number 1: Beacn
Suggestion 1: Remove the carousel indicators and let the next image peek instead to prompt exploration.
Suggestion 2: Pull up your positive reviews above the product title; they are a great way to build trust with users new to your brand — make it clear that reviews can be clicked to scroll down and read them.
Suggestion 3: The current product title is way too big and pushes the key elements on the PDP lower on the page. Dial this down into two lines to make it easier to read and save vertical space.
Suggestion 4: Move the variant selectors out of the dropdown and surface them side-by-side; add the variation images with labels to further guide users in their shopping journey.
Suggestion 5: Your ATC button should be the most prominent element on the page. Do this by increasing the height of the button.
Suggestion 6: Surface your most frequently used dynamic buy button below your ATC button. State that there are other alternative payment options available at checkout for clarity.
Number 2: Good Protein
Quick Tips:
1. Move your product title and review badge below the product image.
2. If you only sell two sizes, move them into swatches to reduce friction.
Number 3: Freestlye
Suggestion 1: It's not made clear that customers get both of these diapers. Add a few tags to the image calling out the number of packs of each.
Suggestion 2: Reviews are critical to conversion — call them out more clearly, and link users to read them if they want.
Suggestion 3: Underneath the product title, pull in the critical information about what users actually get here, not marketing fluff.
Suggestion 4: What's in the box vs Size chart These actions are competing too much with the rest of the interface. Delete “What’s In The Box” and make the size chart more secondary.
Suggestion 5: Simplify the size selectors — there’s no reason for them to take up so much vertical space.
Number 4: Kanga
Two Quick Tips:
1. Add-to-cart buttons should be the loudest element on product pages
2. Make sure the “More Payment Options” link actually looks like a link.
Number 5: Alex Mill
Quick Tip: Rather than dot indicators, let the next image peak in from the right to prompt exploration. This takes up less vertical space and is more clear.
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.”