olsch01
20c7813363
- deploy.sh: Zero-downtime deployment script for HOALedgerIQ - content/: Generated content files (blog outlines, social posts, images) - marketing/: Marketing content and daily summaries - marketing-content/: Archived marketing content with research and tracking - marketing-content-2026-03-25.md: Initial marketing content archive
309 lines
8.9 KiB
Markdown
309 lines
8.9 KiB
Markdown
# Image Concepts & Visual Assets - March 27, 2026
|
|
|
|
## Campaign Theme: "Stop Flying Blind"
|
|
|
|
### Overview
|
|
This date's visual content focuses on the contrast between chaotic manual financial management and the clarity provided by AI-powered tools. The messaging emphasizes transformation, relief, and professional competence.
|
|
|
|
---
|
|
|
|
## Primary Image Concepts
|
|
|
|
### Concept 1: "The Fog" (Awareness/Problem)
|
|
**Purpose:** Top-of-funnel awareness, resonates with pain point
|
|
|
|
**Visual Description:**
|
|
- Person (gender-neutral silhouette) at desk with multiple monitors/screens
|
|
- Literal fog/cloud effect obscuring the numbers on screens
|
|
- One small clear area showing a single metric
|
|
- Moody lighting, dramatic contrast
|
|
|
|
**Text Overlay:** "Stop Flying Blind"
|
|
|
|
**Color Palette:**
|
|
- Background: Dark charcoal (#2D3748)
|
|
- Fog: Light gray gradient with opacity
|
|
- Accent: Electric blue (#4299E1) for the clear area
|
|
- Text: White
|
|
|
|
**Dimensions:** 1200x627 (LinkedIn), 1080x1080 (Instagram square), 1080x1920 (Stories)
|
|
|
|
**Use Cases:**
|
|
- LinkedIn post primary image
|
|
- Twitter thread header
|
|
- Blog post featured image
|
|
- Facebook/Instagram awareness ads
|
|
|
|
**Emotional Trigger:** Frustration, uncertainty, relatability
|
|
|
|
---
|
|
|
|
### Concept 2: "Before/After Dashboard" (Solution)
|
|
**Purpose:** Mid-funnel consideration, shows transformation
|
|
|
|
**Visual Description:**
|
|
- Split screen design
|
|
- LEFT SIDE: Chaotic desk scene - multiple spreadsheets open, sticky notes everywhere, calculator, coffee cups, stressed posture
|
|
- RIGHT SIDE: Clean laptop showing HOA LedgerIQ dashboard, person relaxed, single tablet showing clear metrics
|
|
- Divider line down middle with arrow pointing right
|
|
|
|
**Text Overlay:** "From Chaos to Clarity"
|
|
|
|
**Color Palette:**
|
|
- Left side: Warm, slightly desaturated (stress colors)
|
|
- Right side: Cool blues and clean whites (calm, professional)
|
|
- HOA LedgerIQ brand blue for dashboard elements
|
|
|
|
**Dimensions:** 1200x627, 1080x1350 (portrait for Instagram)
|
|
|
|
**Use Cases:**
|
|
- LinkedIn post (recommended primary)
|
|
- Product page hero
|
|
- Email campaign header
|
|
- Comparison page visual
|
|
|
|
**Emotional Trigger:** Relief, aspiration, "I want this"
|
|
|
|
---
|
|
|
|
### Concept 3: "Numbers That Matter" (Proof)
|
|
**Purpose:** Bottom-funnel conversion, social proof
|
|
|
|
**Visual Description:**
|
|
- Clean infographic style
|
|
- Three key statistics in large, bold typography:
|
|
- "18 hrs/month → 5 hrs/month"
|
|
- "$47k special assessment avoided"
|
|
- "60% less meeting time on finances"
|
|
- Minimal icons accompanying each stat
|
|
- HOA LedgerIQ logo at bottom
|
|
|
|
**Text Overlay:** "What Could Your Board Do With This Much Time Back?"
|
|
|
|
**Color Palette:**
|
|
- Background: White or very light gray
|
|
- Numbers: HOA LedgerIQ blue (#4299E1)
|
|
- Icons: Complementary colors (green for savings, orange for time)
|
|
- Text: Dark gray for readability
|
|
|
|
**Dimensions:** 1080x1080 (square), 1200x627 (landscape)
|
|
|
|
**Use Cases:**
|
|
- LinkedIn carousel (second slide)
|
|
- Twitter thread supporting image
|
|
- Instagram post
|
|
- Case study page visual
|
|
|
|
**Emotional Trigger:** FOMO, logical decision-making, ROI focus
|
|
|
|
---
|
|
|
|
### Concept 4: "Board Meeting Reality" (Relatability)
|
|
**Purpose:** Top/mid-funnel, emotional connection
|
|
|
|
**Visual Description:**
|
|
- Top panel: Traditional board meeting - long table, stacks of paper, laptops, stressed expressions, clock showing late evening
|
|
- Bottom panel: Modern board meeting - tablets, clean dashboards, people actually making eye contact, clock showing reasonable hour
|
|
- Subtle visual cues: coffee cups (many vs. one), papers (thick vs. thin folder)
|
|
|
|
**Text Overlay:** "There's a Better Way"
|
|
|
|
**Color Palette:**
|
|
- Top: Warmer, slightly yellowed (old, tired)
|
|
- Bottom: Cooler, brighter (modern, fresh)
|
|
- Consistent brand blue accent in bottom panel
|
|
|
|
**Dimensions:** 1080x1350 (portrait works best for split)
|
|
|
|
**Use Cases:**
|
|
- Instagram/Facebook post
|
|
- Blog post supporting image
|
|
- Email newsletter
|
|
- Webinar/promotional material
|
|
|
|
**Emotional Trigger:** Empathy, shared experience, hope
|
|
|
|
---
|
|
|
|
### Concept 5: "AI Co-Pilot" (Innovation)
|
|
**Purpose:** Differentiation, tech-forward positioning
|
|
|
|
**Visual Description:**
|
|
- Modern UI mockup showing AI suggestion:
|
|
- "Operating funds under-utilized. Deploy $40k to short-term CD?"
|
|
- Two buttons: [Approve] [Decline]
|
|
- Small explanation: "Boosts interest without compromising liquidity"
|
|
- Clean, friendly interface design
|
|
- Subtle AI indicator (sparkle icon or pulse effect)
|
|
|
|
**Text Overlay:** "Your AI Co-Pilot for HOA Finances"
|
|
|
|
**Color Palette:**
|
|
- Interface: White background, brand blue buttons
|
|
- AI indicator: Subtle purple/blue gradient
|
|
- Text: Professional dark gray
|
|
|
|
**Dimensions:** 1080x1080, 1200x627
|
|
|
|
**Use Cases:**
|
|
- Product feature highlight
|
|
- Tech-focused publications
|
|
- LinkedIn (positioning as innovative)
|
|
- Demo request landing page
|
|
|
|
**Emotional Trigger:** Curiosity, modernization, competitive advantage
|
|
|
|
---
|
|
|
|
## Secondary Visual Assets
|
|
|
|
### Concept 6: "Reserve Timeline" (Educational)
|
|
**Purpose:** Educational content, demonstrates capability
|
|
|
|
**Visual Description:**
|
|
- Horizontal timeline showing 5-year reserve planning
|
|
- Markers for major capital projects (roof, paving, pool, etc.)
|
|
- Color coding: Green (on track), Yellow (watch), Red (action needed)
|
|
- Current date indicator
|
|
- Projected funding line vs. required funding line
|
|
|
|
**Text Overlay:** "5-Year Reserve Planning That Actually Plans"
|
|
|
|
**Use Cases:**
|
|
- Blog post supporting visual
|
|
- Educational webinar
|
|
- Feature explanation page
|
|
- LinkedIn carousel
|
|
|
|
---
|
|
|
|
### Concept 7: "Dashboard Close-Up" (Product)
|
|
**Purpose:** Product demonstration, feature awareness
|
|
|
|
**Visual Description:**
|
|
- High-resolution screenshot/mockup of HOA LedgerIQ dashboard
|
|
- Focus on "Fund Health" view with clear metrics
|
|
- Annotations pointing to key features (AI insights, variance alerts, cash flow projection)
|
|
- Clean, professional presentation
|
|
|
|
**Text Overlay:** "Your Community's Financial Health at a Glance"
|
|
|
|
**Use Cases:**
|
|
- Product page
|
|
- Demo request page
|
|
- Sales deck
|
|
- Comparison charts
|
|
|
|
---
|
|
|
|
## Video Content Concepts (Optional Expansion)
|
|
|
|
### Video 1: "15-Second Transformation"
|
|
- 0-3s: Stressed person with spreadsheets
|
|
- 3-7s: Transition effect (swipe/fade)
|
|
- 7-12s: Same person relaxed, viewing dashboard on tablet
|
|
- 12-15s: Logo + CTA "Get Early Access"
|
|
- Music: Upbeat, professional
|
|
|
|
### Video 2: "Feature Walkthrough" (60 seconds)
|
|
- Screen recording of dashboard
|
|
- Voiceover explaining key features
|
|
- Text overlays for emphasis
|
|
- CTA at end
|
|
|
|
---
|
|
|
|
## Design Guidelines
|
|
|
|
### Typography
|
|
- **Primary Font:** Inter, Roboto, or similar modern sans-serif
|
|
- **Headlines:** Bold, 48-72px (depending on format)
|
|
- **Body:** Regular, 16-24px
|
|
- **Hierarchy:** Clear distinction between headline, subhead, body
|
|
|
|
### Brand Colors (Assumed - adjust to actual brand)
|
|
- **Primary Blue:** #4299E1
|
|
- **Dark Gray:** #2D3748
|
|
- **Light Gray:** #F7FAFC
|
|
- **Success Green:** #48BB78
|
|
- **Warning Yellow:** #ECC94B
|
|
- **Alert Red:** #F56565
|
|
|
|
### Style Notes
|
|
- Avoid clutter - white space is your friend
|
|
- Professional, trustworthy aesthetic
|
|
- Not overly "techy" or futuristic
|
|
- Relatable to non-technical board members
|
|
- Consistent with HOA LedgerIQ website design language
|
|
|
|
---
|
|
|
|
## Platform-Specific Recommendations
|
|
|
|
### LinkedIn
|
|
- **Format:** 1200x627 (landscape) or 1080x1350 (portrait)
|
|
- **Best Concept:** #2 (Before/After)
|
|
- **Notes:** Professional tone, focus on ROI and transformation
|
|
|
|
### Twitter/X
|
|
- **Format:** 1200x675 (16:9) or 1080x1080 (square)
|
|
- **Best Concept:** #1 (The Fog) or #3 (Numbers)
|
|
- **Notes:** Bold, simple, readable at small sizes
|
|
|
|
### Instagram
|
|
- **Format:** 1080x1080 (square) or 1080x1350 (portrait)
|
|
- **Best Concept:** #4 (Board Meeting) or #5 (AI Co-Pilot)
|
|
- **Notes:** More visual, less text-heavy
|
|
|
|
### Blog/Website
|
|
- **Format:** 1200x627 (featured image)
|
|
- **Best Concept:** #2 (Before/After) or #6 (Reserve Timeline)
|
|
- **Notes:** SEO-friendly file names, alt text required
|
|
|
|
---
|
|
|
|
## Production Priority
|
|
|
|
**Week 1 (Launch Priority):**
|
|
1. Concept #2: Before/After Dashboard (LinkedIn primary)
|
|
2. Concept #1: The Fog (awareness)
|
|
3. Concept #3: Numbers That Matter (proof points)
|
|
|
|
**Week 2 (Expansion):**
|
|
4. Concept #4: Board Meeting Reality
|
|
5. Concept #5: AI Co-Pilot
|
|
|
|
**Week 3+ (Optional):**
|
|
6. Concept #6: Reserve Timeline
|
|
7. Concept #7: Dashboard Close-Up
|
|
8. Video content
|
|
|
|
---
|
|
|
|
## File Naming Convention
|
|
```
|
|
2026-03-27_hoaledgeriq_concept-[1-7]_platform-[linkedin-twitter-instagram]_size-[dimensions].png
|
|
```
|
|
|
|
Example:
|
|
- `2026-03-27_hoaledgeriq_concept-2_platform-linkedin_size-1200x627.png`
|
|
- `2026-03-27_hoaledgeriq_concept-1_platform-twitter_size-1200x675.png`
|
|
|
|
---
|
|
|
|
## Accessibility Notes
|
|
- All images need alt text describing visual content
|
|
- Minimum contrast ratio 4.5:1 for text
|
|
- Avoid text-only images where possible (use platform text features)
|
|
- Consider color blindness in chart/graph design
|
|
|
|
---
|
|
|
|
## Next Steps
|
|
1. Select 2-3 concepts for immediate production
|
|
2. Create mockups in Canva/Figma
|
|
3. Review with brand guidelines
|
|
4. Produce final assets in all required dimensions
|
|
5. Schedule for posting with accompanying copy
|
|
6. Track engagement metrics for optimization
|