One question we get asked a lot by new customers (rightfully so) – "What can we expect the results to be?"
As a design-focused company, it's always hard to track results, because its up to our customers if they want to share data with us. We have amazing relationships with our
New customers discover your brand every day – make sure you’re clearly telling them:
1) What you do
2) Why it’s great
3) Plus, give them easy access to cop it.
Here’s 3 simple tweaks you can make to elevate your homepage header 👇
We’re always talking about homepage headers, but why not? It’s your front entry, your store greeter, your street signage – your first impression.
Here’s 5 staples of an effective homepage header 👇
The more clearly a user understands your product and its benefits, the more likely they become a customer.
Make sure your path to purchase is easy to scan, and the content users read adds value and educates.
Time for a thread! 👇
Don't make users guess what you sell - show them asap.
In this example, the model’s hair looks great, but we need to see the products and packaging. Pull this in without removing the impact of the current image.
The best of both worlds 👇
Homepage headers are critical conversion points. Whether it’s new customers or existing ones, clarity is key.
Here’s 6 Tips to Crafting a Clearer Homepage Header:
Never assume your product images are telling the FULL story.
All of the details on this chair are what make it fantastic – don't let users miss them.
Here's what we'd change ⬇️
The space between your product images and your "Add to Cart" is the conversion sweet spot (but it can be a gauntlet if done wrong!). The header images draw the user in (hopefully), and now you just gotta bring it home.
Here’s 6 PDP tips that get clicks 🚀
When new customers land on your homepage, give em everything they need and nothing they don't. Confirm what you sell, how many love it, why it's great, and an action to smash. Here's a breakdown of the changes: 👇
Make sure text overlaid on images is easily readable. Drop the fluff, get informative!
✔️ Separate image & copy
✔️ Boost trust with reviews
✔️ Make that action button shout your product!
✔️ Mobile-friendly full-width buttons at the bottom
The power of whitespace is amazing. In so many scenarios, whitespace is a marketer's best friend – on your PDP, it needs to be treated with respect and kept in check.
Here’s 3 Simple Ways to Tighten Page Flow 🔩
Compelling value propositions answer these questions
What problem does my product solve?
Who will benefit from using my product?
What are the values/benefits users will enjoy after purchasing?
How is my product different from competitors?
3 brands who nailed it
We see a lot of brands with a Free Shipping progress bar (inside their cart), BUT they forget to feature additional products.
Make it easy for users to reach that threshold.
For example:
The best products are easy to describe because they're simple – but copywriting can only go so far.
ALWAYS make sure your product is visualized in an engaging and easy-to-access manner.
5 tips for giving users the home header 1-2 punch🥊 (copy + visuals)
Product cards (regardless of where they are on your site) need to be easy to scan & easy to take action.
They also need to surface that sweet spot of product information that piques users' interest, without telling the entire product story.
🚨 BIG NEWS: We're launching our community called Oddit Club so we can share all of our practices and learnings!
We're opening just 100 spots for now so we can make sure it's an incredible experience for each person!
Here's what you'll get when joining 👇
🚨 REMEMBER: The variant selectors on your product page are a primary communication point.
Here’s how to make sure you aren’t forcing users to hunt for information critical to conversion 👇
Good UX comes down to common sense – if you're using an 8-line paragraph to sell toilet paper, there's something wrong with your product or content.
6 ways to simplify ⬇️
Give users a reason to believe in your brand.
Tell a story, tell it simply, and give clear actions.
🧵Here’s 5 of our current favorite DTC homepages & why we love them:
The product description on your PDP is like the front label of your product in a retail setting – it's where the product is either sold, or walked past. Make this content easy to scan by using visual cues (numbering or bullets) & clear, direct copy.
Your primary headline must be crystal clear 💎
In this example, the headline and subheading need to be switched.
“Make Moves” is a marketing tag that offers no clear communication for the user.
Variant selectors on your PDP can make or break the sale. Here's 4 ways to make sure your variants are surfacing the right information (and imagery) to users 🧵:
A simple trick to analyzing your homepage header
Ask yourself: Is every element communicated as clearly and simply as possible?
5 tips to ensure clarity…because clarity = conversion 💰
While we Oddit mostly DTC sites, 99% of the recommendations we make can be applied to any site.
Communicate clearly, build a better content hierarchy, and offer easy action!
Check out these changes 👇
Customer reviews are a powerful tool for your brand both internally + externally. Collecting feedback helps evolve your business (happened to us yesterday!) + helps new customers understand product benefits without marketing fluff.
Here's 4 tips to ensure reviews get read 👊
Test this: move your review badges and total number of reviews above the product headline. This helps build trust as early as possible.
p.s. make it actionable to navigate users to the reviews section of the page.
When it comes to your homepage header, it’s not enough to JUST tell users what you're selling – that’s step 1.
Every other element needs to focus on building trust so users feel confident (and excited) purchasing.
PRODUCT PAGES GALLERY TIP 📈
Many users won't make it past the first image in your gallery. Try adding different offers or key traits to the first image to help drive home the value.
If you do it right they don't even need to read the other page content to convert.
Bundles are an awesome way to increase AOV, but make sure you communicate the benefits – call out the potential savings
p.s. make your CTA buttons full-width on mobile
The probability of a user bouncing a site goes up by:
32% if the site load time is 1-3 seconds
90% if the site load time is 1-5 seconds
106% if the site load time is 1-6 seconds
123% if the site load time is 1-10 seconds
8 ways to speed up your site ⬇️
If you aren’t showing and telling customers exactly what you sell in your header, you're leaving money on the table – especially if your product visual and can be more clearly communicated with the use of motion.
Here’s 4 tips for a motion driven header 👊
The first fold of your product page is so key to getting customer buy-in, and your product images play a huge part in that. Some users will use your gallery as their primary source of information when shopping.
Here's 4 images we suggest adding to your gallery today:
Test This: move your review badges and total number of reviews above the product headline. This helps build trust as early as possible.
p.s. make it actionable to navigate users to the reviews section of the page.
Two small but important changes:
1. Add in quantitative social proof (# of 5-star reviews)
2. Take the press logos one step further - add a quote from the article
Increasing your conversion rate is all about building trust with people. Leverage existing customers that trust you, to build a solid foundation with new ones.
🧵 Here's 5 ways to ensure reviews are communicating the trust you deserve:
We're BIG believers in placing your key action buttons at the bottom of the fold - makes it much easier for users to access.
p.s. also make them full-width
PRODUCT IMAGE MEGA THREAD
So many of your users won't make it past the first few folds of your product page –they'll use the gallery as a primary source of information to decide whether or not your product is a fit or not.
Here's 7 images to add right now to your product pages:
While it may help SEO, long paragraphs hurt conversion, especially when it pushes your product cards down the page.
Reduce your copy, and move the rest to the bottom of the page if you really need it.