What makes a great Shopify hompage?

"This is too long to read" summary:
What should a homepage do for your business? What makes for a great homepage? Do's, don'ts, and an example breakdown.

The job of the Shopify homepage

When someone lands on your homepage for the first time, you have just a few seconds to win the battle for their attention. Think of them like a drunk toddler (in the kindest possible way). They owe you nothing, they are completely self-interested, and they get bored very quickly.

Within just seconds, visitors should know and internalize:

  • What do you offer?
  • Who is it for?
  • Is this the right place for me?

So your homepage has to:

  1. Immediately show the value in buying from you. (What can you do for me, the customer?)
  2. Get the person to understand whether or not they are in the right place for what they want.
  3. Drive further action towards shopping.

In short: The homepage’s job is to to make it insanely easy to see that you have what they want, then take the next step to give you money.

Homepage do’s and don’ts


Do: Feature a compelling hero image (Not carousel)

The first thing anyone is going to see when they visit your homepage is your masthead. This is the topmost section (aside from the thin strip of navigation area) of the page. Use this area to show off high-quality photography, your unique selling proposition, and a call-to-action

I say not to use a carousel. There are cases where carousels are ok, but they have to be extremely well done, and most of them are just bad. They distract, they dilute the message of your value proposition. Carousels aren’t inherently bad, but most of them end up bad anyway.


Do: Offer a clickable, shopping oriented call to action

Use your homepage to invite visitors to shop a featured item or collection, check out new arrivals, etc. You want to draw them further on towards category and product pages. When someone has taken a step towards making a purchase after arriving on the homepage, it’s work is done.


Do: Use easy to read fonts

Ideally, you’ll have a well-chosen font pair. One for headings, and one for body text. Color and size variations when appropriate are fine. But it’s no fun to show up on a site and not be able to read anything.


Don’t: Tell your entire brand or personal story

When someone lands on your homepage, they probably don’t care that much about your story. They DO care about what kind of value you offer in return for their attention and (maybe) their money.

Showing off a bit of personality and your “why” is fine. What you don’t want to do is use a lot of text telling your story. Your in-depth story has it’s own place, but this ain’t it.


Don’t: List every product you sell on up front

You don’t propose on the first date, and you probably won’t make the sale on the front page. The homepage is a great way to draw browsers into categories, or to feature a flagship/popular product. But don’t throw everything you’ve got at the wall just to see what sticks. Your product pages sell things, that’s their job.

Example of an amazing homepage

Let’s look at Huron’s homepage and see what they’re doing right. I will say I am not affiliated with Huron or the agency that built their site at all. I just think it’s a great example.

  1. They have a great header section. Both the image and headline make it immediately clear what’s going on.

    Let’s play out a scenario: The customer is drunk. Just got paid. He is browsing Facebook or Reddit on his phone. He sees an ad or a comment directing him to Huron. He clicks through. And even in his inebriated state, he can perfectly grasp what is going on here, because everything is crystal clear.

    Drunk or stoned impulse purchases are a thing, folks. Optimize for the kind of clarity and relevance that makes them possible.
  2. They’ve go multiple, specific calls-to-action. Shop all, shop this category, shop “kits”. I might test a color for the button that stands out a bit more (Yes, button colors are an over-talked about thing that usually don’t matter. I’m just thinking these white ones blend in too much with the white background.) I would test them with the same red as the text in the header and see if click-through rate goes up for them.
  3. They drip out reinforcement for the brand story and unique value proposition in little bits. Not overwhelming, easily digested.
  4. Bit of social proof showing what customers say.

Breakdown of Huron's homepage


0 0 vote
Article Rating
Notify of
Inline Feedbacks
View all comments
Would love your thoughts, please comment.x