Design Agent for Web Suite turns simple prompts into fully designed, ready-to-launch campaigns. By using highly structured prompts, you can create high-converting campaigns in seconds. This library is designed to help you unlock proven UX patterns across acquisition, engagement, and retention.
Each use case in this guide includes a ready-to-use prompt template, crafted to improve conversion rates, enhance engagement, and accelerate design workflows.
You can use them as-is or adapt them to your brand, campaign, or product needs.
Conversion boosters
Two-step newsletter conversion flow
Goal: Capture emails with a frictionless entry and reward-driven confirmation.
Prompt Template:
Create a 2-page newsletter signup pop-up.
Page 1: Minimal signup screen with bold uppercase headline 'Subscribe Now!', a short subtext, email input field, a Terms of Use and Privacy Policy checkbox, and a full-width blue 'Subscribe' button.
Page 2: Celebratory confirmation screen with a party popper illustration on a soft circular background, bold headline 'Amazing!', short message with coupon validity info, a dashed coupon code box, and a full-width blue 'Copy' button.
Both pages: white background, rounded corners, consistent blue accents, centered layout, and Cardo font throughout.
App download boost
Goal: Drive mobile users to install the app with a persuasive banner – mobile-first campaign.
Prompt Template:
Create a smart app download notification banner that appears in the bottom-right corner of the screen for mobile web visitors.
The banner should include a download/app icon at the top center, a short persuasive message like 'Get a smoother experience by using our app!', and a bold CTA button labeled 'DOWNLOAD NOW' in a contrasting color (e.g., yellow on blue). The banner background should use a gradient from deep blue to teal.
Free shipping conversion banner
Goal: Increase purchase intent by highlighting a key incentive.
Prompt Template:
Create a sticky bottom-free-shipping promo banner with a rounded card layout.
Include a delivery truck icon on the left, and on the right: a headline “Enjoy Free Shipping on Your Order”, a highlight badge (e.g., “Limited time offer”), and subtext “Shop now and get it delivered for free”.
Use a clean, minimal style with soft shadows, a light background, and a subtle pattern.
Lead capture
Sticky mini newsletter capture
Goal: Capture emails with a compact, non-intrusive widget.
Prompt Template:
Create a small circular sticky newsletter signup widget fixed to the bottom-right corner of the page.
Include a bold uppercase headline 'Stay Tuned' in white, an email input field with placeholder text 'Enter your email', and a full-width green CTA button labeled 'Sign Me Up.'
Add a small 'Terms & Conditions' link at the bottom.
Style: pink circular background.
Instant callback capture pop-up
Goal: Generate high-intent leads by offering instant assistance.
Prompt Template:
Design a callback popup with a soft mint green background and rounded corners.
Show an animated ringing phone icon at the top, followed by a bold headline 'Need help?' and a short subtext about receiving a callback in seconds.
Include:
Phone number input with country flag/dial code selector
A custom input field ('I want help about...')
A full-width dark pulsing CTA button labeled 'Waiting your call!'
Engagement and Gamification
Seasonal gamification: Easter edition
Goal: Increase engagement through themed interactive experiences.
Prompt Template:
Style this as an Easter Tic Tac Toe game.
Replace X and O markers with Easter eggs and bunny faces. The grid should look like it's drawn on a woven Easter basket texture.
Use a warm spring palette: coral, lavender, and mint.
Add small decorative flowers at the grid intersections. Victory highlight should animate like cracking an egg.
Gamified campaign: “Buy One Get One” challenge
Goal: Turn promotions into interactive, reward-driven experiences.
Prompt Template:
Design a Guess the Word game with a summer BOGO campaign twist.
Use a turquoise-to-coral beach gradient background. Hidden words should relate to summer shopping and deals (OFFER, BUNDLE, SUMMER, DISCOUNT, FREE SHIPPING).
Letter tiles should look like colorful popsicles or surfboards.
Each correct word reveals a reward message like 'You unlocked Buy 1 Get 1 Free! 🎉'.
Wrong guesses show a melting ice cream animation.
After completing the game, display a bold reward banner: 'SUMMER IS HERE — YOUR BOGO DEAL IS READY! 🌊' with a 'SHOP NOW' CTA button in sunburst yellow.
Navigation and UX enhancements
Smart scroll recovery button
Goal: Improve navigation and reduce friction on long pages.
Prompt Template:
Design a small circular 'Back to Top' pop-up (24x24 px) at the bottom-right of the website. When clicked, it should smoothly scroll the page to the top.
Ensure it’s unobtrusive, visually clear, and of a modern style.
Retention and Promotions
Interactive coupon reveal
Goal: Encourage interaction while delivering discounts.
Prompt Template:
Create a sticky-side coupon icon positioned at the right-center edge of the website.
In the first state, show it as a compact menu icon. When clicked, expand into a second state displaying a coupon code.
Use a modern style with 3D assets.
Social growth
Social follow booster
Goal: Increase social media engagement and followers.
Prompt Template:
Design a floating Instagram icon button fixed to the right-center edge of the screen.
Use the official Instagram icon as a button.
Add:
Smooth bounce-in animation on page load
Hover effect with slight scale and glow
Tooltip on hover: 'Follow us on Instagram!' (appears to the left)
On click, open the Instagram account URL in a new tab.
