Daily UI Design Challenge | Day 16 | Pop-Up / Overlay
The design is a pop-up overlay intended for a fashion retail website. This overlay serves as a promotional tool to offer a discount to new customers and encourage them to subscribe to the brand's newsletter. The design elements include:
Branding Placeholder : "WELCOME TO [YOUR BRAND NAME]" suggests that the overlay is customizable for different brand names.
Headline and Offer : The central, bold headline "Unlock Your Exclusive 20% Welcome Discount!" immediately draws attention to the main value proposition.
Imagery : The right side of the overlay features an image of a person dressed in casual fashion, against a warm, gradient background. The clothing includes graphic elements related to the anime "Naruto," which might suggest that the brand offers pop culture-inspired fashion.
Copywriting : The text under the headline is designed to entice users by suggesting they will discover the latest trends and elevate their style. It also emphasizes the quality and fashion-forward nature of the brand's offerings.
Call-to-Action (CTA) : The overlay includes a clear CTA where it asks visitors to enter their email address to claim the offer. This is supported by two clickable options: "Female Fashion" and "Male Fashion," allowing the brand to segment its audience.
Response Options : At the bottom, there are two response buttons. One is a playful opt-out with "No, thanks. I'll pay full price." The other is an affirmative "Yes, please! Give me 20% off." This provides a clear choice for the user to engage with the offer or dismiss it.
Terms : The small print at the bottom clarifies that the offer is valid for new customers only and that by signing up, customers agree to receive emails with exclusive deals and fashion tips.
In designing this pop-up, considerations likely included brand alignment, visual appeal to the target demographic, clarity of the offer, and ease of use. The design aims to be both engaging and informative, with a balance of graphic elements and text to provide a compelling reason for new visitors to take advantage of the discount and become part of the brand's community.