Project: Reliant Peppermint Oil Bug Spray — Product Page Bundle Section
Platform: Shopify + Replo
Goal: Increase average order value with a volume discount buy box
The challenge
Most Shopify brands add a bundle app to power quantity pricing. These apps cost $15–$35/month, can slow down page load, and often clash with the existing theme or Replo setup.
My approach
I built the full bundle buy box natively inside Replo — no additional app, no extra cost.
Key components delivered:
→ 4-tier quantity selector with hover + active state styling
→ Per-unit price display with real-time updates
→ Discount percentage badges per tier (20%, 30%, 45% OFF)
→ "Best Value" badge logic on the top bundle option
→ Interactive slider showing tier progression visually
→ Crossed-out original pricing to anchor the discount perception
→ Trust badge row with iconography
→ Mobile-first, responsive layout
The result is a polished, conversion-focused buy box that feels native to the store — built entirely within Replo's editor, saving the client recurring app costs.
Skills demonstrated: Replo, Shopify, CRO design, component architecture, conditional rendering, AOV optimization.