- ConversionMail
- Posts
- 9 design principles that convert 🎨
9 design principles that convert 🎨
Learn how to optimize homepage, product, and menu pages
Hello Optimizer,
ConversionMail here, bringing you actionable tips to improve your metrics. 📈
Highlights of Today’s Newsletter
Design: Here are 9 key conversion principles that consistently drive results
The Chosen Topic: Optimizing the 3 most important pages for supplement brand
CRO Insight: Don’t underestimate your cart pages
Video: Popular watch brand optimization (MVMT)
Weekly Content Roundup
Get the latest and greatest CRO content from around the web.
Design 🎨
I've analyzed thousands of high-converting landing pages over the past decade.
Here are 9 key conversion principles that consistently drive results (Link)
CRO Around the Web 🌐
Personal: I was on a call with Olly Hudson earlier when, all of a sudden, he went completely silent and started laughing.
I tried to keep the conversation going, assuming maybe someone in his office was cracking a joke.
But then he cut me off to let me know that he’d just discovered our 404 page. (Link)
I want to take a moment to wish a very special Happy Birthday to someone who rarely gets the spotlight but deserves it more than anyone.
Although I may often be the face of ConversionWise, and a lot of the credit seems to fall my way, the truth is, Andy is the driving force behind so much of what we’ve built together. (Link)
Shopify: Suggested replies are live for eligible merchants in Inbox, powered by Shopify Magic (Source)
Baymard: Deconstructing E-commerce Search UX: the 8 most common search query types (41% of sites have issues) (Source)
Academy 🎓️
New audits for our members: 👩 Skin Care - Solar, Home Lightening - Leather Bags - Tax Incentive - Guitar Store (Link)
Client’s Result
BIG or small, we'll do everything in our power to get you results! 🫡
High Converting Design Inspiration
TATTOO CARE PRODUCTS🧴
Mad Rabbit sells millions of Tattoo care products per year.
Let's optimize!
1️⃣ Homepage Optimization
I've:
1. Added a clear value proposition along with the number of customers served.
2. Added a full width CTA with clear and engaging messaging.
3. Added social proof top on of the fold to build more trust.
4. Showcased product features and benefits.
2️⃣ PDP Optimization
I've:
1. Adjusted the toolbar padding to fit the messaging in one single line.
2. Changed the image layout for better UX.
3. Added the social proof.
4. Showcased product features and benefits.
5. Added a “Best Value” icon to encourage subscribing and saving.
3️⃣ Cart Page Optimization
I've:
1. Added a visual shipping prompt to encourage customers to buy more to get free shipping.
2. Added product recommendations in a horizontal slider to free up more space.
3. Used the freed up space to showcase customer reviews to build trust.
CRO Insight
I think I can't emphasize this enough...
Do NOT UNDERESTIMATE your CART PAGES!
I've seen it time and time again.
Brands obsess over their homepage, product pages, and ads...
...but completely neglect their cart page.
It's a $1.5M mistake.
Here's how we added over $127K in MRR by optimizing a client's cart:
Our client's shopping cart was a conversion killer.
It lacked clear communication, had a clunky upsell process, and left customers guessing about delivery and payment details.
It all led to high cart abandonment rates and lost sales.
Our hypothesis:
If we improve clarity and ease of navigation in the cart, we could boost customer confidence and increase conversions.
Here's what we did:
1. Added clear USPs in the cart
2. Implemented intuitive upsell navigator
3. Displayed estimated delivery times
4. Strategically positioned payment options
The results:
📈 Monthly Revenue Increase: +💲127,867
📈 Yearly Revenue Forecast: +💲1,534,404
📈 Revenue per Session: +💲8.56
Optimizing the 3 Most Important Pages for Supplement Brand
1️⃣ Homepage Optimization
I've:
1. Condensed the toolbar to free up more space above the fold.
2. Added much-needed social proof.
3. Added an emotive headline to convey the benefit.
4. Enhanced the CTA button with more precise messaging.
5. Used a 3-step for the transformation.
2️⃣ PDP Optimization
I've:
1. Added a benefit driven toolbar top of the page to build more trust.
2. Enhanced the image slider.
3. Added the reviews section for more trust and social proof.
4. Added pricing and savings section top of the fold.
5. Added product bundle section.
3️⃣ Menu Page Optimization
I've:
1. Added product images right next to the menu items for enhanced visual appeal.
2. Added a customer review below the menu for social proof and trust.
3. Brought log in, contact, and search section together with relevant icons for easy access.
What do you want to learn next Wednesday?Vote below and your wish will come true: |