Key Pages Layout Best Practices

Homepage

Layout Example

Credit: Oliver Kenyon

Revamp Example

Credit: Oliver Kenyon

• 1/ Notice Bar Update
  • → Contrasting colors that pop
  • → Click-demanding CTA
  • → Impossible to ignore
• 2/ Hero Image Fix
  • → Replaced pretty photo with practical one
  • → Added tea in mug visualization
  • → Shows the end result customers want
• 3/ Above-Fold Optimization
  • → Stronger headline
  • → Social proof front and center
  • → Full-width CTA button
  • → Clear path to collection
• 4/ Benefit Bullets
  • → 3 core outcomes
  • → Icon enhanced
  • → Customer focused
• 5/ Trust Building
  • → Publication features
  • → Strategic logo placement
  • → Instant credibility boost

A Homepage Revamp I did

Let me give you some context to help you understand the importance of saving both time and money on making website changes.

Kara founded Creative Energy Candles over 15 years ago.

Her unique, high-quality products caught the attention of celebrities and popular publications, which sparked demand for her innovative two-in-one soy massage candles.

These specialty candles melt into a healing body lotion, offering dual benefits in one product.

They have been selling wholesale to 1500+ retail stores across USA.

But they could never allocate time & resources into selling on ecommerce, until recently.

This year they wanted to grow their ecommerce sales, but they are tight on time & budget.

They applied for my mentorship, where I teach the founder & their internal team to put systems & structures in place, deploy right technology & team of affordable global talents in place.

When I saw their website (the screenshot you can see next), it did not reflect their unique story, over fifteen years of brand history and wholesale market penetration, and their incredible product quality.

Things definitely needed to change, but we were operating under time and money constraints.

So, here's what I did:

• Collected all information about the brand from our Zoom meeting notes, Kara's wholesale brochures, and their wholesale portal.
• Performed deep research using ChatGPT and Gemini, took all brand mentions and more context about this specific product category.
• Shared the above homepage layout with all the collected information with ChatGPT. Then, asked it to generate a homepage copy following that layout.
• Used Notion AI to turn the ChatGPT-generated homepage copy into this quick homepage mock-up layout on Notion: Homepage Idea
• Spend $10 on Upwork - Delegate to $3-5/hr Global Talents to migrate into a new Horizon framework Shopify Theme Dwell theme, and turn my Notion homepage mock-up into the new homepage using the the new Shopify theme sections and blocks.
• Then I must have spent one hour maximum to make the final version (V1) go live.
• Now, whenever we have some time, we are making more modifications and improvements.

Before

After (V1)

Now (V2)

Cart Page

https://x.com/dennishegstad/status/1831388710421852467

Product Pages

Product Page Carousels

For most e-commerce brands, this is a huge scope for improvement.

Make sure all the information you communicate through the entire product page is also communicated through the product page image carousels as well.

If you are wondering why:

• First, big e-commerce giants like Amazon programmed customers to look for the necessary information right there.