We design pop-up templates with a focus on CRO. That means we’ve seen the same pattern repeated on hundreds of websites. Every time it’s the same mistake: “Make it louder. Redder. More blinking.” Because somehow we’re still pretending that users don’t immediately mentally delete something that looks like an ad. (Banner blindness 101)
This is the hill we will die on after seeing it fail again and again: pop-ups don’t underperform because of the incentive, they underperform because they are designed as a marketing banner.
When a popup focuses on UX and looks native, with the same border radius, shadows, and typography as the site, it feels like part of the interface and not an interruption. And that small shift is often the difference between “close immediately” and “okay, I’ll leave my email address to get this discount.”
Wondering if others here have seen the same thing. How do you approach this?
- Hierarchy. Do you use different patterns for different levels of urgency? (e.g. Slide-in for ‘Welcome’, modal for ‘Exit Intent’).
- Mobile patterns. Please tell me we are done with center modalities on mobile? The keyboard covers the input, the X flies off screen… it’s a nightmare. Do you use bottom sheets instead?
- Brand: suitable or not suitable. Do you force third party widgets to inherit your design system tokens (fonts/colors)? Or do you let them remain ugly? I feel like “brand match” is the biggest trust factor, but most marketers ignore this.
submitted by /u/claspo_official
[visit reddit] [comments]
#Designing #discount #popups #dont #break #Patterns #work