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

Start a Business
1

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

2 Likes
2

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

3

@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

that creates the Reviews tab, and just let the Reviews continue to appear at the bottom of the page. It’s quite visible there.

4

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 look
You can fix the spacing so the 'shipping' is easier to see and the page could have a better look2880×1356 213 KB

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)
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)2880×1360 235 KB

1 Like
5

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

1 Like
6

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.

1 Like
7

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
  1. 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
PageFly_0-1641366965463.png1600×738 83.4 KB

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
PageFly_1-1641366965495.png1214×572 219 KB

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
PageFly_2-1641366965469.png873×485 165 KB

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.

1 Like