The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I redesigned this mobile offer section of product page on @Figma to create a clearer, more persuasive buying experience.
The original page presented the essential information, but the benefits, product options and purchase controls were difficult to scan.
For the redesign, I improved:
• Product and offer hierarchy
• Benefit-focused messaging
• Product gallery and visual presentation
• Flavour and bundle selection
• Pricing and savings visibility
• Trust signals near the CTA
• Mobile usability and buying flow
The goal was to help shoppers understand the product, compare their options and move toward purchase with less friction.
This is a concept redesign created to demonstrate my approach to conversion-focused Shopify product page design.
Good hierarchy fix, the before version buries the flavor picker and quantity discount below a wall of bullet points. On the bundle tiers, are the 10/20/30% discounts pulled from a real margin model for a shake product, or placeholder numbers for the concept? That third tier...
Great observation. The 10/20/30% bundle discounts are placeholder values for this concept redesign, not based on a real margin model. In a live store, those tiers would be calculated around product margins, shipping costs, AOV goals, and customer buying behavior to ensure...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Impressive design
In recent days I’ve been practicing designing around an image.
Sometimes an image can have great potential and reinforce the message we want to convey. I’m not saying this is the correct way to prepare a strategy, it’s simply an exercise. As a result, I created these three hero section designs, which I’ve published in the Figma community where they can be freely used for experimentation.
If you use them, I’d love to see the outcome, so make sure to tag me!
So beautiful
Nice design