Case Study: Building an AI Brand Kit Designer as a Lead Magnet

A step-by-step guide to creating an interactive AI-powered brand kit generator that combines a traditional form with instant AI gratification — based on the real Example Realty implementation.

What This Is

Instead of a static lead magnet (PDF, guide, checklist), you build an interactive experience where visitors:

1. Fill out a simple form with their info
2. The form submits into an Oppy chat
3. The AI immediately goes to their website, learns about their brand, and generates a complete brand identity kit — logos, colors, typography, mockups
4. The visitor gets instant, personalized, high-value output while you capture their contact info

This is dramatically more engaging than “download our free guide” because the visitor gets something custom-made for them in real time.

The Funnel

Landing Page with Form
       |
       v
Visitor enters: Name, Email, Website URL
       |
       v
Form submits data into Oppy chat via updateChatWindow()
       |
       v
Oppy chat opens, AI responds:
"Thanks [name]! I'm reading your website now..."
       |
       v
AI crawls their website, extracts brand signals
(colors, typography, tone, niche, geography)
       |
       v
AI generates 3-6 premium logo concepts
       |
       v
AI presents logos inline in the chat + a mini brand kit
(color palette, typography recommendation, mockups)
       |
       v
Visitor engages: "I love option 2, can you try it in blue?"
       |
       v
AI iterates instantly with revised concepts
       |
       v
Lead is captured, engaged, and impressed

You now have: their name, email, phone (if SMS), detailed brand preferences from the conversation, and they’ve experienced your AI capabilities firsthand.

Step-by-Step Build Guide

Step 1: Create the Brand Kit Designer Oppy

Option A: Ask the Account Concierge

Open the concierge at app.oppy.pro and say:

“Create a new Oppy called ‘[Your Company] Brand Kit Designer’ with the category ‘design’. It should be a premium brand identity assistant that creates logos and brand kits for real estate agents. When someone submits their name and website, it should go read their website, extract brand signals, and generate multiple premium logo concepts. Make it sound like a top-tier design executive — confident, decisive, high taste. Enable ai_content_generation and web search functions.”

Option B: Create manually at app.oppy.pro/v2/oppies/new

Use this prompt template (adapted from the real Example Realty Logo Designer):

You are [Company] Brand Kit Designer, a premium brand identity
assistant for real estate agents and brokers.

CORE MISSION:
Create premium, modern logo systems and brand kits. Your work
should feel expensive, elegant, restrained, and memorable.

OPERATING PRINCIPLE:
Bias heavily toward action and generation. Use ai_content_generation
aggressively. Generate multiple options by default (3-6 directions).
Show useful visual work before asking too many questions.

WORKFLOW:
1. When you receive form data (name, email, website):
   - Greet them warmly by name
   - Say you're reading their website now
   - Use web search/read_and_extract_webpage on their URL
   - Extract: colors, typography cues, tone, niche, geography, luxury level

2. Summarize the inferred brand direction briefly (2-3 sentences)

3. Generate 3-6 premium logo concepts using ai_content_generation
   - Render each image inline with markdown: ![Option 1](url)
   - Present options clearly with brief design rationale

4. Ask for directional reaction: "Which direction resonates most?"

5. If they want changes, regenerate quickly with improved alternatives

6. If they like a direction, expand into a mini brand kit:
   - Color palette (primary, secondary, accent)
   - Typography recommendation
   - Business card concept
   - Social media avatar
   - Yard sign or signage concept

DESIGN STANDARDS:
- Sophisticated typography over generic fonts
- Strong monograms or refined symbols
- Restrained color systems
- No cliche rooflines or generic house icons
- No cheap gradients as a substitute for form
- Premium spacing and optical balance
- Every logo must work in black, reversed, at favicon scale, and on signage

CHAT RENDERING:
Always render generated images inline with markdown image tags:
![Logo concept](https://example.com/logo.png)

QUALIFICATION (after delivering value):
- "By the way, are you with a brokerage or independent?"
- "How many agents on your team?"
- "Are you looking to rebrand or is this your first brand identity?"
If they seem like a serious prospect, set needs_attention.

RULES:
- Deliver visual value FIRST, qualify SECOND
- Never claim an image was sent unless it was actually generated
- Generate multiple options, not just one
- Iterate quickly when they want changes
- Keep commentary short and confident

Step 2: Build the Landing Page

Create a landing page (any platform — WordPress, Squarespace, Webflow, Replit, or plain HTML) with:

1. A headline that sells the outcome:

   “Get a Free AI-Generated Brand Kit for Your Real Estate Business — In 60 Seconds”

2. A simple form (3-4 fields max):
   • Your Name
   • Email
   • Your Website URL
   • (Optional) Phone Number
3. The Oppy embed widget (paste before </body>):

   <script type="text/javascript">
     var embedKey = 'your-embed-key-here';
     function handleOppyLoad() {
    if (typeof window.renderChatPopup === "function") {
      window.renderChatPopup(embedKey);
    }
     }
     (function () {
    var oppy = document.createElement('script');
    oppy.src = 'https://e.oppy.pro//chat_popup.js';
    oppy.onload = handleOppyLoad;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(oppy, s);
     })();
   </script>
   

4. The form-to-chat bridge (the magic): ```html

**What happens when they click "Generate My Brand Kit":**
1. The form data is sent as a chat message
2. The Oppy chat widget opens automatically
3. The AI greets them by name, says it's reading their website
4. Within 30-60 seconds, logo concepts start appearing in the chat
5. They can interact, request changes, and explore options
6. Meanwhile, you've captured their name, email, and website

### Step 3: Add the QR Code for Events

For conferences, webinars, or marketing materials:

1. Go to the Oppy's **Share** tab at [app.oppy.pro](https://app.oppy.pro)
2. Copy the **live page URL** for the landing page (or the Oppy's direct chat URL)
3. Generate a **Web Chat QR** that opens the landing page
4. Or generate an **SMS QR** with pre-filled message:

> Hi! I'd love a free AI-generated brand kit for my real estate business. My website is ___

**Presenter script:**
> "We built an AI that creates a complete brand identity for you in 60 seconds.
> Scan the QR code, enter your website, and watch it design your logos, colors,
> and marketing materials live. It's free — keep everything it creates."

### Step 4: Configure Follow-Up

After someone gets their brand kit, follow up to convert them:

In the Oppy's prompt, add:

FOLLOW-UP (after brand kit delivery): After delivering the brand kit and the conversation goes quiet:

• 24 hours: “Hey [name], did you get a chance to look at the brand concepts? Want me to refine any of them or try a different direction?”
• 3 days: “I can also create matching [business cards / social templates / yard signs] if any of the logo directions resonated.”
• 7 days: “Just checking in — the brand kit concepts are saved in our chat if you want to revisit them anytime.” ```

Step 5: Set Up Notifications

Add your email as a Manager on the Oppy so you get notified when someone:

• Completes a brand kit session (set via conversation tag)
• Is identified as a serious prospect (set via needs_attention)
• Wants to discuss working together (set via needs_attention)

Why This Works Better Than a PDF Lead Magnet

Variations for Other Industries

Mortgage: AI Rate Comparison Tool

Form: Name, email, property value, loan amount AI: Runs comparison of conventional vs specialty programs, generates personalized rate sheet

Insurance: AI Coverage Analyzer

Form: Name, email, property address AI: Researches the property, identifies likely risks, generates a coverage recommendation summary

SaaS: AI Product Demo

Form: Name, email, company website AI: Reads their site, identifies pain points, generates a personalized demo walkthrough showing how your product solves their specific issues

Marketing Agency: AI Website Audit

Form: Name, email, website URL AI: Crawls their site, analyzes SEO, design, content quality, and generates a visual audit report with specific improvement recommendations

Real Results (Example Realty Implementation)

The Example Realty brand kit designer was:

• Set up in 5 minutes during a demo call
• Built on a simple landing page (hosted on Replit)
• Form data flowed directly into the Oppy chat
• The AI generated premium logo concepts within 60 seconds of form submission
• Visitors spent 5-20 minutes engaging with the AI designer
• Every interaction captured: name, email, website, brand preferences, engagement level

The demo was so compelling that it became a recurring talking point across all subsequent customer calls as an example of what’s possible with Oppy beyond basic lead qualification.

Back to Master Guide