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
Ever tried building a high-converting "Buy 1, Get 2 Free" offer on Shopify without relying on clunky, multi-step popups? 🤔
Recently, a client wanted a frictionless, premium "Build Your Custom Set" experience on a single landing page. The catch? We needed strict margin-protection logic to prevent offer abuse.
The Challenge: Stop customers from bypassing rules (like adding three expensive rings instead of the intended 1 Ring, 1 Bracelet, 1 Pouch combo) while keeping the entire flow on one page.
The Solution: I engineered a custom one-page UI with a dynamic, sticky "Your Bundle" summary. Using custom JavaScript validation, categories instantly lock once an item is selected—forcing the exact required combination before the Add-to-Cart button activates.
The Result: A flawless, high-converting premium bundle experience that fully integrates with Shopify's native automatic discount engine. The merchant's profit margins are protected, and the customer gets a seamless shopping experience.
Looking to upgrade your store's custom UI and conversion rate? Check out the full project details on my profile and let's chat! 👇
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Day 8/30 of designing one hero section every day.
Today: Cerro, a single-origin coffee brand. And after three days of building reveal mechanics, this one has almost no interaction at all.
→ The photograph is the design. An overhead shot of a picker at work, dark glossy foliage, red cherries. My only job was to not get in its way.
→ The light does the layout for me. The image funnels attention to the center, so the type sits in the shadowed edges where it doesn't compete. No scrims, no overlays needed.
→ The only motion is an entrance: the wordmark alone on empty plants, then the picker fades in.
Credits: Arbi Khan for the template
Image: Google Nano Banana
Built in Framer
8 down, 22 to go.
A new hero section every day for 30 days is a brutal pace. Eight days in, is it getting harder to avoid repeating yourself, or is the constraint actually making ideas come faster?
Made a thinking animation for an AI chat two weeks ago. The client's logo only had the capybara in profile — so I asked @QuiverAI for a front view, polished it, and rigged it in SVG with Claude Code. It turns, it doesn't rotate.
Super cool haha! 😍
Landing page we designed a while back for Jones Road Beauty to launch their Hero Kit.
Nice Design!