Analyzing Spacegoods’ Shopify homepage layout (and what makes it so effective!)

A strong homepage is the foundation of any Shopify storefront — it sets the tone for the entire customer journey. Spacegoods, a wellness brand known for its innovative mushroom-based products, has a dynamic and colorful homepage that has all the right elements to create a positive experience for new customers. 

The secret to their successful Shopify homepage layout is the use of custom sections. By crafting these sections using Instant Page Builder, Spacegoods was able to enhance the aesthetic appeal of their online store and strategically optimized their customer journey to drive conversions. 

This case study breaks down each custom home page section they built, highlighting the purpose of every element and the benefits of using sections to customize your Shopify theme without needing to write a single line of code.

The homepage: Setting the stage for engagement

The homepage is often the first stop for new visitors when they land on the Spacegoods website. Understanding the importance of a strong first impression, Spacegoods carefully enhanced their Shopify homepage with the following custom sections: 

1. Hero banner: A bold introduction

The homepage hero banner is a critical element that captures attention from the moment visitors arrive. Spacegoods designed this section to feature:

• Product image: A high-resolution image of the month’s latest product offering takes center stage, immediately drawing attention. 
  
  

• Title: A concise and impactful title that clearly communicates the product’s essence. A strong headline is crucial for quickly conveying the product’s value proposition.
  
  

• Star ratings: Positioned prominently above the CTA button, the star ratings offer instant social proof. By including this element, Spacegoods leverages the power of peer validation to reassure visitors that the product is trusted and well-received.
  
  

• CTA button: A strong call-to-action that directs users to the Rainbow Dust PDP, encouraging further exploration. This will guide customers to take the next step in their journey, reducing friction in the buying process.

Each element in the hero banner has been carefully selected to make a strong first impression, convey trust, and prompt immediate action. The combination of visual appeal and clear messaging ensures that visitors are quickly engaged and guided deeper into the Spacegoods e-commerce website.

2. Reviews section: Amplifying trust

Spacegoods incorporated this custom reviews section to further bolster credibility. This section is designed to leverage social proof by showcasing real customer experiences, making it easier for new visitors to trust the product and feel confident in their purchasing decision.

This section features the following elements:

• Headline: “The reviews speak for themselves…” this instantly positions customer feedback to reassure potential buyers of the product’s effectiveness and quality. 
  
  

• Cumulative star ratings: This element aggregates all customer reviews into a single star rating, providing a quick overview of overall customer satisfaction. It serves as a powerful trust signal for new visitors.
  
  

• Review slider: A dynamic display of individual reviews, complete with star ratings, testimonials, and images, keeps the content engaging and relevant.

The visual appeal of this slider section, combined with authentic testimonials, helps to build credibility and encourage new visitors to make a purchase. This design enhances the user experience, making it easier for potential customers to see how others have benefited from the product, thereby boosting conversion rates.

3. Rainbow Dust banner: Highlighting product benefits

Another impactful section on the homepage is the banner dedicated to Spacegoods' flagship product, Rainbow Dust. This banner serves multiple purposes—educating the customer, building emotional connections, and driving sales.

This banner includes the following elements:

• Visual image: A captivating image that helps customers visualize using the product in their daily routine.
  
  

• Product benefits text: Clear and compelling copy that highlights the key benefits of Rainbow Dust, addressing common pain points.
  
  

• CTA button: Directing users to the PDP for more information and purchase options.

This banner does more than just showcase a product; it tells a story. By highlighting the sensory experience and health benefits of Rainbow Dust, Spacegoods taps into the desires and needs of their target audience. The CTA encourages further exploration, guiding visitors to the PDP where they can learn more and make a purchase.

4. Quality guarantee section: Reinforcing brand values

Spacegoods understands that their customers value transparency and quality. This section reassures potential customers by clearly communicating the brand’s quality standards, helping to reduce purchase hesitation.

This section includes the following features:

• Headline: “Quality guarantee” sets the stage for the brand’s core values. 
  
  

• Informative copy: Detailed text explaining the brand’s dedication to quality and transparency.
  
  

• Icons: Visual icons paired with concise descriptions, making key product attributes easy to understand.
  
  

• Product image: A product image complements the text, reinforcing the message of quality through visual storytelling.
  
  

• CTA: The “Read more here” button encourages users to keep exploring the brand’s quality standards, providing a pathway for those who need additional information.

This section is crucial for building consumer confidence. By clearly communicating their quality standards and certifications, Spacegoods assures customers that they are purchasing a product backed by integrity and transparency. The icons make it easy for customers to understand the key benefits at a glance, while the CTA provides an opportunity to dive deeper into the brand’s commitment to excellence.

5. How to use section: Simplifying the customer experience

A well-informed customer is more likely to convert, which is why Spacegoods included a detailed “How to use” section on both their homepage and PDP.

This section provides a straightforward guide on how to use the product:

• Headline: Clear and direct, setting up the content that follows.
  
  

• Step-by-step process: Four simple steps accompanied by visuals and videos to ensure ease of understanding.

By breaking down product usage into easy-to-follow steps, Spacegoods removes any uncertainty, making customers feel confident and supported in their purchase decision.

How to customize your Shopify homepage like Spacegoods

All of these custom Shopify sections create Spacegood’s visually stunning and informative homepage. In order to create and publish these sections to their Shopify homepage, Spacegoods used Instant Page Builder.

How to add custom Shopify sections to your home page: 

First, connect your Shopify store to Instant Page Builder.

Next, create your custom sections in Instant (starting with a template or build from scratch!)

Then, click to publish your Shopify sections in Instant.

Next, add these sections to your homepage directly in the Shopify theme editor. 

This will allow you to add custom sections to your Shopify theme, without expensive costs or code.

To learn more about publishing custom sections to your Shopify homepage, watch this quick tutorial:

Final thoughts

By leveraging Instant Page Builder, Spacegoods has created a cohesive and compelling online shopping experience that not only looks great but also strategically guides customers through their journey.  Spacegoods’ use of Instant Page Builder to customize their Shopify store demonstrates the significant benefits of going beyond standard theme limitations. 

This case study highlights how the ability to customize your Shopify theme without coding can lead to a more engaging and effective online store, ultimately contributing to the brand’s success. It worked for Spacegoods, and it can work for any Shopify brand. All you need is Instant Page Builder.