How can I improve my skin care product page design for better UX?

kubrina
Excursionist
45 2 15

Hello everyone!

 

Happy New Year to you all.

 

I am looking to upgrade the design of my store's product pages, and I'd appreciate any tips you can share. 

 

Our store sells skin care products. We use the Debut theme. Our product pages currently include a product description, application directions, scientific explanation, ingredients list, and reviews. You can see an example of one or our existing pages right here.

 

Any ideas you can share? We'd naturally like to provide a pleasant UX for our visitors, minimize bounce rate, and maximize clicks on the ADD TO CART button.

 

Thanks in advance for your help.

 

AK

Replies 6 (6)

ThomasBorowski
Shopify Expert
803 71 239

One obvious issue is that the reviews aren't showing up in the Reviews tab but rather below the tabs at full width.

★ Smart Upgrades, Tips and Tutorials for Shopify themes: cartpunk.com
Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up
kubrina
Excursionist
45 2 15

@ThomasBorowski ,

 

Yes, you're right. I think that's a new development, and it's probably due to Yotpo.

 

The simplest solution would be to remove the <H6> that creates the Reviews tab, and just let the Reviews continue to appear at the bottom of the page. It's quite visible there.

AvisPlus
Shopify Partner
41 3 9

Hi @kubrina,

 

Finn here from AvisPlus Product Options - Customize Product Options & Increase Conversion Rate. I have just looked at your product page. Here is my 2 cents as a customer: The skin quiz part of your site creates a personal shopping experience and it really stands out!

 

In order to increase conversion rate, I think you can use the compare_at_price in store admin, run some promotional campaign using gift/bundle apps, or do it with Shopify Automatic Discounts. 

 

I believe you will get more feedbacks from other experts or app teams. Keep going!

 

You can fix the spacing so the 'shipping' is easier to see and the page could have a better lookYou can fix the spacing so the 'shipping' is easier to see and the page could have a better lookYou can fix right and left padding for the review part so it won't be hidden by any other components. It is great if I can look at the review right when I open the product page (which reduces bounce rate)You can fix right and left padding for the review part so it won't be hidden by any other components. It is great if I can look at the review right when I open the product page (which reduces bounce rate)

AvisPlus Product Options - FREE APP to Increase conversion rate - Quick and easy custom product options - Swatches, radiobuttons, input fields and many more!


Say hi to us at: help@avisplus.io
If you find our replies helpful, click LIKE to let us know!
kubrina
Excursionist
45 2 15

Hi @AvisPlus

 

Thanks for providing such actionable advice. We just introduced the quiz, and I'm eager to see what it can do for us.

 

I'll definitely look at the other issues with respect to padding and spacing. I'll also look into the compare_at_price in store admin.

 

I very much appreciate your input.

 

Best,

AK

AvisPlus
Shopify Partner
41 3 9

Hi @AK,

 

You're most welcome. Although our team do not partner with them, I suggest you take a look at PageFly (they're active on this community with many insightful recommendations).

 

You can find their posts/replies regarding page design here.

 

Wish you all the best and your business prosper, AK! If you try our AvisPlus Product Options app someday, I would be really happy to welcome you!

 

Best,

Finn.

AvisPlus Product Options - FREE APP to Increase conversion rate - Quick and easy custom product options - Swatches, radiobuttons, input fields and many more!


Say hi to us at: help@avisplus.io
If you find our replies helpful, click LIKE to let us know!

PageFly-Victor
Shopify Partner
7865 1785 3058

Hi @kubrina ,

This is PageFly - a Free Shopify Landing Page Builder. I would love to share my thoughts for your store based on 6 years of providing solutions for over 100.000 active Shopify merchants.

Congratulations on your store! After looking at your website, I have some feedback for your Product page and hope that they can help you increase sales.

1. What I like about your store are: 

  • Clear and simple layout: which will help your customers get a general idea about what you are selling.
  • Love the idea that you include your products’ material 
  • Terms and policy are put in clear place

2. Recommendations:

2.1. Add more margin top for the product detail section:

It is a good idea to put the product to be seen in just one scoll. However, the layout looks like being cut thus it would be better if you can add padding top. 

PageFly_0-1641366965463.png

2.2. Display price more outstanding

Many, if not most, online retail stores either display the product price near the product title or near the add-to-cart button or similar call to action. Designs that display the price adjacent to the title may prioritize price, showing it to shoppers at about the earliest possible moment in the layout, so that the shopper will see the primary product image, the product title, and the product price. 

PageFly_1-1641366965495.png

Customers adore bargains. It's a smart decision to feature pricing on since it saves both clients and you time by avoiding awkward budget concerns. As a result, it would be fantastic if the pricing were attractive to clients.

2.3. Show star ratings at the top of the page

While product specifications and price are of course important (no consumer will be convinced to buy a television that is too large for their home), it is the presence of other people's opinions which is the most influential factor in deciding to purchase. 

PageFly_2-1641366965469.png

Place star ratings at the top of the product page so that consumers can see the product's overall rating without having to navigate all the way down to the review section. Next to the star ratings, display both the average user rating and the total number of ratings so that users may instantly get a sense of the product's popularity.

Also, provide anything that will draw the user's attention to the review area.

 

If you want more flexibility to personalize your pages, I'd love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types. If you wonder how PageFly helps you build high-converting page, explore here.