At my eCommerce site, I need to show 5 different price information. And is difficult to think different as I have already tried some alternatives.

I need to show -

  • "was/old price" [RRP (suggested by industry)]
  • the saved amount
  • the main price per item and specify that is per item
  • the price per m2 and specify it and I need to be clear that the price included VAT

My current solution is this, but I'm not fully happy. enter image description here

Any other good idea?

See full block where the price is just and component.

enter image description here

  • 1
    I think you should add some context, at least visual. Any option is valid, in fact in your example it's not known why there's a price on the left and another on the right when they could all be in a single column.
    – Danielillo
    Sep 4, 2019 at 11:22
  • @Danielillo I edited the post to add the print screen of a section where I'm displaying the price. Sep 4, 2019 at 12:48
  • I just trying to understand why people downvote an absolutely valid question to discuss user experience in a user experience community. I believe if people that are not capable to answer should skip and go to an easier question. Sep 4, 2019 at 12:50
  • 1
    Not me but I'd guess the question is too broad or opinion based - the best way will be different depending on the situation or who you ask. Also perhaps because discussions and idea gathering don't fit much with the Q&A model, you can check How to Ask for more info.
    – Luciano
    Sep 4, 2019 at 13:33
  • As said, at the moment every answer could be valid. Who are your users? Roofing tiles are not your everyday household items. This seems to be an online retail but for whom? What is wrong with your current design, why aren't you "fully happy" about it? Sep 5, 2019 at 5:07

2 Answers 2


Here sam logic behind

Here is some logic behind;

  1. Logical object should be grouped together.. On your site now rrp price to left heading, is same distance as normal price left to rrp.. Price info is one block and should be grouped together
  2. When you display old price > new price > saving in %, in a flow, it looks like calculation and user understands it better
  3. It is more appropriate to communicate saving in green than in red color, as it is positive thing, and green is already associated with success or action
  4. RRP and PER ITEM... are all markings / meta info so I suggest same position and styling for them

Hope this helps


try Baymard institute:


This answers your question.

  • 1
    Answers should have enough information in them to answer a question without having to visit links (in case the site dies, or the page is taken down).
    – TripeHound
    Sep 4, 2019 at 13:04
  • And I'm not looking for a multiple options. I just need to show a unique option but I have too much information in a single space. Sep 4, 2019 at 14:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.