Fresh Takes > Crafting a story through design hierarchy
Back to Fresh Takes

Crafting a story through design hierarchy

Homepage
Shaun Brandt
Shaun Brandt
Published on January 14, 2023
1 min read

Crafting a story through design hierarchy

FREE CONVERSION TIPS

Book a 30-Minute Teardown Call

Get answers to questions like:

What do I need to fix?
Is my brand nailing the first impression?
Where should I start with CRO?
Book My Free Teardown

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!

Try Oddit Free

How It Works

  • Choose a page on your site where traffic is being driven.
  • Our team redesigns and optimizes one key section from the page.
  • We send you the designs and a mini report explaining the changes within 2 business days. view a sample
Page to Optimize
Brand Name
Email

100% Free • 2 Day Turnaround • No Credit Card Required

Sample Oddit before and after design

What’s a Section?

Think of a section like a slice of a page, containing specific content & functionality–like a product card or reviews section.

Live teardown illustration

Book a 30-Minute Teardown

Got a webpage that you’re stuck on? Book a 30-minutes with a member of our leadership team and get an expert, fresh perspective to help you move forward.

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”