Improve sales and visitors

Topic summary

A store owner seeks feedback on their clothing and Christmas gift shop before adding new inventory. Multiple experts identified critical technical and design issues requiring immediate attention.

Critical Issues:

  • Broken store link posted (text appears reversed/corrupted)
  • Mobile responsiveness problems across multiple pages
  • Oversized header and hero banner pushing products below the fold
  • Excessive white space throughout, particularly on collection pages
  • Missing or unclear product information

Key Recommendations:

Homepage & Navigation:

  • Add countdown timer to announcement bar for promotions
  • Reduce header size and make announcement bar sticky
  • Redesign hero banner to clearly showcase products with visible CTA buttons
  • Include brand story, warranty/guarantee information, and return policy

Collection Pages:

  • Increase product listing density (currently showing too few items)
  • Improve filter positioning and expand options (price, color, size, brand)
  • Remove duplicate email subscription sections
  • Add related products, customer reviews, and cross-selling elements

Technical Fixes:

  • Ensure responsive design across all devices
  • Consider adding a symbol logo alongside store name
  • Use masonry grid layout to better utilize space

Status: Discussion remains open with actionable feedback provided but no response yet from the store owner.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

Hi @Literally ,

I’m Tracy from BON Loyalty, the top-rated Shopify loyalty app.

I’m delighted that you’ve reached out to the community, and I’m excited to offer my insights based on my experience. It’s always great to see passionate business owners seeking ways to enhance their store’s performance. My suggestions below mainly focus on your current collection page’s structure, as I believe there are a few things we can improve here:

1. Optimize the size of the hero image and banner
As I check here, the current hero image at the top is quite large, which pushes the products down. Visitors cannot see the products right away, but they have to scroll down in order to see them because of the big hero image, which is not user-friendly. Consider reducing the hero image height or using a banner with a text overlay that highlights collection-specific details, promotions, or offers.

2. Improve empty space management

  • There is also a lot of empty space around the product list and at the bottom of the page. Reduce these gaps to improve user focus on the products
  • Remove one of the “Subscribe to email” section here, it’s not neccessary to show both at the same time and create more empty space. Plus, you can make the ‘Subscribe to our emails’ section more compelling by adding a stronger CTA like “Get 10% off your first purchase!” or “Stay updated with exclusive offers and product drops.

3. Increase product listing density
As currently shown, there’s only one, or a few product cards on the entire page, which creates a significant amount of white space around it. Even if there are only a few products in the collection, consider implementing one or more of the following strategies:

  • Use a Masonry Grid Layout: Display products in a masonry grid layout (irregular grid structure) to utilize more horizontal space if product images vary in height.
  • Show Additional Information or Related Products: Instead of showing just one product card, introduce ‘related products,’ ‘frequently bought together’ items, or other collection previews below to fill in the empty space and encourage cross-selling.

4. Use engaging visual elements
If there are only a few products in the collection, add visual elements like banners, collection descriptions, or icons to fill in the empty spaces and make the page more visually dynamic. This could include:

  • A short brand story or collection description on the right/left side.
  • A small promotional banner below or to the side of the product list.
  • Customer testimonials or review highlights in any unused areas.

5. Optimize filter and sort pptions

  • Expand Filter Options: Add more filter options such as price, color, size, and brand to allow customers to narrow down their search more effectively.
  • Improve Filter Positioning: The filter currently has limited visibility. It might be beneficial to place it on the left-hand side or make it a sticky bar to ensure easy access.

I hope that these suggestions can be helpful for you to optimize your store’s interface and user experience. Good luck!

If you find these suggestions helpful for you, please let me know by giving BON Loyalty a ‘LIKE’ or marking it as a ‘SOLUTION’. :blush:

Best,

Tracy from the BON Loyalty team