collections-page-guide-part-2
min read
Crafting a story through design hierarchy
Published:
Updated:
Crafting a story through design hierarchy
min read
Your design hierarchy needs to tell a story. Draw users in at the top, and take them on a journey full of paved paths and clear skies (i.e. keep it simple and clear).
Here’s a few tips on how to best do that:
Suggestion 1: Lead off with your reviews. This breaks down the trust barrier and says ‘Hey, don’t sweat, you’re not the first person to try this!’
Suggestion 2: Place your payment plan option where it’s most relevant – right below the product price.
Suggestion 3: Brand trust is built off the details. Across every interaction, use consistent styling. In this case, there are 2 different variant selectors styled differently (one of which really isn’t accessible or easy to use). Give every interaction the same care.
Suggestion 4: Offering alternate payment options is great, but they need to feel alternate. Create separation and contrast between your purchase buttons to avoid click confusion.
Suggestion 5: Brand-first CRO is all about reigning in the excess. There are 6 fonts being used in this small section of the site experience. Cap your font-set to 2 fonts maximum – this forces you to use consistent styling across the UX and helps the brand and site feel more intentional.
Want us to look at your website? Grab a FREE Oddit or book a call to chat with our team!
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.”