# Material de Marketing

> Assets visuales y de comunicación para que el reseller use en su propia promoción.

---

## 🎯 Estado actual (2026-05-16)

| Asset | Estado |
|---|---|
| Logos BewPro (varios formatos) | 🟡 A producir / dejar en Drive compartido |
| Brand guidelines | 🟡 A formalizar |
| Screenshots de demos | ✅ Disponibles vía demo en vivo (captura propia) |
| Decks comerciales pre-armados | 🟡 A producir (template del playbook-demo está disponible) |
| Material para redes (1080x1080) | ❌ Por producir |
| Casos de éxito | 🟡 Algunos disponibles, hay que formalizarlos |

---

## 1. Logos y marca

### Versiones disponibles (cuando estén)

**Ubicación prevista**: Google Drive compartido `bewpro-reseller-assets/`

| Asset | Formato | Uso |
|---|---|---|
| Logo principal BewPro | PNG transparente + SVG | Web, propuestas, decks |
| Logo BewPro horizontal | PNG transparente | Headers, firmas email |
| Logo BewPro vertical | PNG transparente | Casos donde alto > ancho |
| Logo blanco (para fondos oscuros) | PNG transparente | Dark mode, slides oscuros |
| Logo negro (para fondos claros) | PNG transparente | Light mode |
| Favicon | ICO 32x32 | Si usás sitio propio |

### Versión "Reseller Oficial"

Versión del logo con badge "Reseller Oficial de BewPro":

| Asset | Uso |
|---|---|
| Logo + badge "Reseller Oficial" | Tu firma de email, tu LinkedIn, decks |
| Badge solo (sin logo BewPro) | Cuando ya tenés el logo BewPro en otro lugar |

### Reglas de uso

✅ **Sí podés**:
- Usar el logo en tu firma de email
- Usar el logo en tus decks comerciales
- Usar el badge "Reseller Oficial" en tu LinkedIn / web propia
- Mencionar "Reseller oficial de BewPro" en cualquier comunicación

❌ **NO podés**:
- Modificar el logo (cambiar colores, agregar texto encima, deformar)
- Usar el logo como si fuera tu marca propia
- Decir "yo creé BewPro" o "BewPro es de mi empresa"
- Usar el logo en productos no relacionados con sitios web

---

## 2. Colores de marca BewPro

| Color | Hex | Uso |
|---|---|---|
| Primary | `#XXXXXX` | A definir oficialmente |
| Secondary | `#XXXXXX` | A definir |
| Accent | `#XXXXXX` | A definir |
| Dark | `#1a1a1a` | Textos, fondos oscuros |
| Light | `#f5f5f5` | Backgrounds claros |

> Mientras no estén definitivos, usar los colores del demo `demo-digital-agency-2` como referencia provisional.

---

## 3. Tipografías recomendadas

| Tipo | Familia | Uso |
|---|---|---|
| Headers | Inter / Poppins | Títulos grandes |
| Body | Inter / Roboto | Textos corridos |
| Mono (código) | JetBrains Mono | Solo si mostrás código |

**Importante**: si vas a usar BewPro como referencia visual, mantené esta tipografía. Si usás tu propia marca, podés usar la que prefieras.

---

## 4. Screenshots de los demos (banco visual)

### Cómo conseguir screenshots de calidad

Para usar en tus propuestas/decks:

1. **Navegá al demo en vivo** (ej: `demo-maxi-personal-brand.bewpro.com`)
2. **Setteá tu navegador en resolución desktop** (1920x1080 o 1440x900)
3. **Capturá pantalla** con herramientas:
   - Mac: Cmd+Shift+5 (área específica)
   - Windows: Snipping Tool
   - Browser extension: GoFullPage (capturas largas)
4. **Editá si es necesario** (recortar bordes, agregar mockup de browser):
   - Online: cleanmock.com, screely.com
   - Apps: Figma (gratis)

### Mockups recomendados

| Mockup | Cuándo usar |
|---|---|
| Browser desktop (con barra de URL) | Mostrar el sitio "completo" en una slide |
| Browser mobile (iPhone/Android) | Probar mobile-first appeal |
| Combo desktop + mobile lado a lado | Mostrar responsive en 1 imagen |
| iMac con sitio dentro | Para casos de éxito formales |

### Banco visual sugerido (por producto)

Para cada uno de los 9 productos, tener al menos:
- 1 screenshot de home (desktop)
- 1 screenshot de home (mobile)
- 1 screenshot del módulo principal (gallery/services/menu/etc.)
- 1 mockup combo

**Total**: ~36 screenshots base, listos para usar.

---

## 5. Decks comerciales pre-armados

### Deck "Pitch general BewPro" (10 slides)

**Para qué**: presentar BewPro a alguien que no la conoce (potencial reseller, partner, evento).

**Estructura sugerida**:

```
Slide 1: BewPro — Sitios web profesionales como SaaS
Slide 2: El problema (negocios sin presencia digital pro)
Slide 3: Cómo otros lo resuelven mal (Wix/freelance/agencia tradicional)
Slide 4: Nuestra solución (plataforma viva + acompañamiento)
Slide 5: Los 9 productos publicados (showcase visual)
Slide 6: Cómo funciona (3 pasos: pago → provisión → uso)
Slide 7: Casos reales (clientes activos, testimonios)
Slide 8: Pricing y modelo de revenue
Slide 9: Programa de Resellers (oportunidad)
Slide 10: Contacto + próximos pasos
```

**Formato**: Google Slides editable. Cada reseller puede adaptarlo con su marca + nombre.

### Deck "Propuesta cliente B2B" (6 slides)

Ver: [`../kit-comercial/propuestas-al-cliente.md`](../kit-comercial/propuestas-al-cliente.md) sección C.

### Deck "Caso de éxito" (4 slides)

**Para qué**: mostrar un cliente real exitoso a otros prospects.

```
Slide 1: Cliente X — Industria Y
         Antes vs Después en 6 meses

Slide 2: ANTES
         - Pain points
         - Limitaciones
         - Frustración

Slide 3: DESPUÉS (con BewPro)
         - Resultados tangibles
         - Tiempo ahorrado
         - Beneficio percibido
         - Quote del cliente

Slide 4: ¿Querés resultados similares?
         CTA + Contacto
```

---

## 6. Material para redes sociales

### Carruseles Instagram (1080x1080)

Templates pre-armados:

| Tema | Slides | Uso |
|---|---|---|
| "5 errores que tu [industria] comete en su web" | 6 slides | Educativo, lead generation |
| "Antes vs después: cliente X" | 4 slides | Caso de éxito |
| "Por qué tu sitio en Wix te está limitando" | 5 slides | Comparativo, captar prospects |
| "Cómo se ve el sitio de tu sueños en 25 minutos" | 4 slides | Promo del programa |
| "El costo real de NO tener una web profesional" | 5 slides | Pain-driven |

### Imágenes para Stories (1080x1920)

| Tema | Uso |
|---|---|
| Demo mockup mobile + CTA "Mirá el demo" | Diario / lanzamientos |
| Quote de cliente + tu marca | Validación social |
| "DM 'WEB' para más info" | CTA directo |
| Behind the scenes: armando un sitio | Engagement |

### Posts estáticos LinkedIn

| Tema | Uso |
|---|---|
| "Acabo de entregar el sitio de [cliente]" | Showcase semanal |
| "El reseller exitoso del mes" (con tu nombre/cara) | Personal branding |
| "Lo que aprendí cerrando mi primer cliente" | Lessons learned |
| "5 industrias que más necesitan web profesional" | Educativo |

---

## 7. Plantilla de email marketing (newsletter)

Si tenés base de leads y querés mandar email periódico:

```
Asunto: [Tip / Caso / Novedad] — [Tema específico]

Hola [Nombre],

Te dejo esto para tu semana:

[CONTENIDO PRINCIPAL — 1 idea valiosa, accionable, en 2-3 párrafos]

[CASO RÁPIDO]
Un cliente del rubro [industria] me preguntó esto la semana pasada:
"[pregunta real]"
La respuesta:
"[respuesta de 2-3 párrafos]"

[CTA]
Si querés que conversemos sobre [tema], te escribo.

[Tu firma]
P.D.: Si conocés a alguien que podría sumar, reenviáselo.

📩 [Sumate a la newsletter — link signup]
🌐 [Tu sitio web]
```

---

## 8. Material para video (videos cortos para redes)

### Formato corto (15-60 seg) para Reels/TikTok

| Tema | Estructura |
|---|---|
| "En 25 minutos te armo un sitio así" | Time-lapse de provisión |
| "Antes" + "Después" cliente | Split screen |
| "Mirá este detalle del panel admin" | Pantalla + voz |
| "Por qué tu sitio actual te está perjudicando" | Talking head + b-roll |

### Formato medio (1-5 min) para YouTube/LinkedIn

| Tema | Estructura |
|---|---|
| "Tour de un demo de [industria]" | Pantalla compartida |
| "Caso de cliente: [Nombre] en [industria]" | Entrevista corta |
| "El proceso completo de armar un sitio" | Documental ligero |

---

## 9. Recursos de terceros recomendados

### Diseño / Mockups

| Recurso | Uso | Costo |
|---|---|---|
| [Figma](https://figma.com) | Editar slides, mockups, banners | Gratis |
| [Canva](https://canva.com) | Templates rápidos | Gratis / USD 13/mes |
| [Cleanmock](https://cleanmock.com) | Mockups browser de captures | Gratis |
| [Mockuper](https://mockuper.net) | Mockups dispositivos | Gratis |

### Stock images / video

| Recurso | Uso |
|---|---|
| [Unsplash](https://unsplash.com) | Fotos profesionales gratis |
| [Pexels](https://pexels.com) | Idem + videos |
| [Pixabay](https://pixabay.com) | Idem |
| [Coverr](https://coverr.co) | Videos B-roll gratis |

### Edición de video

| App | Costo | Curva |
|---|---|---|
| CapCut | Gratis | Fácil |
| DaVinci Resolve | Gratis | Media |
| Premiere Pro | USD 21/mes | Alta |
| iMovie (Mac) | Gratis | Fácil |

### Iconos

| Recurso | Uso |
|---|---|
| [Iconify](https://iconify.design) | 200K+ iconos SVG |
| [Heroicons](https://heroicons.com) | Set elegante |
| [Lucide](https://lucide.dev) | Set moderno |
| [FontAwesome](https://fontawesome.com) | Set tradicional |

---

## 10. Brand voice — cómo comunicar la marca BewPro

### Tono general

- **Profesional pero cercano** (no formal aburrido, no informal poco serio)
- **Técnico cuando aporta valor** (no técnico para impresionar)
- **Orientado a resultados** (no a features)
- **Honesto** (no inflar promesas)

### Palabras / frases que SÍ usamos

- "Plataforma viva"
- "Sitio profesional"
- "Listo en 25 minutos"
- "Modular y escalable"
- "Tu sitio mejora solo"
- "Acompañamiento real"
- "Sin technicismo innecesario"
- "Crece con tu negocio"

### Palabras / frases que NO usamos

- "Disruptive" / "Innovador" (cliché)
- "El mejor del mercado" (no demostrable)
- "100% garantizado" (legalmente arriesgado)
- "Solución mágica" (no creíble)
- "Premium" sin valor que lo justifique
- "Llave en mano" (sobreusado, vacío)

### Voz del reseller (vos)

Adaptá el tono al tuyo. La marca BewPro acompaña, no te define. Si sos más casual, hablale así al cliente. Si sos más serio, idem. Lo importante: la propuesta de valor que comunicás.

---

## 11. Eventos / networking (material físico)

Cuando tengas eventos presenciales (cámaras de comercio, networking, ferias):

### Imprimibles recomendados

| Asset | Tamaño | Costo |
|---|---|---|
| Folleto pitch BewPro | A4 doblado tríptico | USD 0.50/c |
| Tarjeta de contacto tuya | 9x5cm | USD 0.30/c |
| Banner roll-up | 80x200cm | USD 50-80 |
| Demo en tablet | (alquilar tablet si no tenés) | USD 0 si tenés |

### Pitch elevator (30 seg)

> *"Soy [Tu nombre], armo sitios web profesionales para [industrias donde te especializás]. Lo hago con una plataforma propia que se llama BewPro: el cliente tiene su sitio listo en días, lo edita él mismo, y nunca queda viejo porque la plataforma se actualiza sola. Cobro un único pago de desarrollo + una suscripción mensual baja. ¿Conocés alguien que podría necesitarlo?"*

---

## 12. Checklist de material listo para usar

Para vos:

- [ ] Logo BewPro en tu firma de email
- [ ] Badge "Reseller Oficial" en tu LinkedIn
- [ ] 1 deck "Propuesta cliente" editado con tu marca
- [ ] 9 screenshots de demos en tu Drive (1 por producto)
- [ ] Plantilla de email marketing armada
- [ ] 3-5 carruseles IG pre-diseñados (esperando tu copy)
- [ ] Tarjetas de contacto impresas (si vas a eventos)
- [ ] 2-3 mockups del sitio que más te gusta vender (para mostrar en llamadas)

---

## Mantenimiento de este doc

Cuando BewPro lance nuevos assets oficiales:
1. Subir al Drive compartido
2. Actualizar links acá
3. Notificar a resellers vía email

Si un reseller crea material de calidad propio y lo quiere compartir:
1. Aprobación de BewPro (no romper guidelines)
2. Subir al Drive compartido con créditos
3. Linkear desde acá

---

## Referencias

- Plantillas (texto): [`plantillas.md`](plantillas.md)
- Videos y help center: [`videos-y-help-center.md`](videos-y-help-center.md)
- Speech de ventas: [`../kit-comercial/speech-de-ventas.md`](../kit-comercial/speech-de-ventas.md)
- Demos vivos: [`../onboarding-reseller/accesos-y-herramientas.md`](../onboarding-reseller/accesos-y-herramientas.md) sección 3