Fresh Takes > The balance between conversion & aesthetic
Back to Fresh Takes

The balance between conversion & aesthetic

Shaun Brandt
Shaun Brandt
Published on May 11, 2022
1 min read

The balance between conversion & aesthetic

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

Brand-first CRO is all about finding that perfect balance between what represents your brand best, and what represents your bottom line best (converting).

Here’s a few simple tips to make sure your header converts without losing the essence of your aesthetic:

1. Big bold images are cool, but cool doesn’t always convert. Tighten up your image to make room for some additional content.

Malbon has a great brand and name, but not every user knows who they are. It’s important to tell users who you are, and what makes you great.

2. Identify the featured product by inserting a secondary action directly connected to the product feature. This action can be subtler than your primary action for the simple fact that we don’t want it clicked as much.  

3. Size matters. Your primary action buttons should be a minimum of 44px tall (2x from what is seen in the before image). Make user engagement easy by ensuring key action buttons are full width, and descriptive – tell them exactly where they are going.


3 continued: It’s very important that your actions meet the expectation they present. The brand here is featuring a collaboration, yet the shop now button takes customers to the ‘shop all’ page. If your entire header is a featured product, link to the featured product.

Want us to look at your website? Grab a FREE quick win 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.”