# 🍪 COOKIE IA — Brief Completo para Diseño Web

**Fecha:** 2026-04-09  
**Tipo de web:** One-page (una sola página con scroll)  
**Alcance:** Latam (Argentina, México, USA)

---

## 🎯 PROPÓSITO DE LA WEB

Mostrar servicios de automatización con IA para negocios que quieren escalar, con caso real demostrable (Noa Dental) y presencia en múltiples países de Latam.

---

## 🏆 REFERENCIAS DE DISEÑO (lo que nos gustó)

| Empresa | URL | Qué nos gustó |
|---------|-----|---------------|
| **DevFactory** | devfactory.ar | Módulos numerados, demo gratis, clientes visibles, diseño limpio |
| **Stryv Studio** | stryvstudio.com | 5 sistemas claros, proceso simple, diseño minimalista |
| **InesTheTechie** | inesthetechie.com | Modelo educativo, "Comentá INFO", engagement alto |
| **Medve** | medve.com.ar | Stack tecnológico visible, casos de éxito con detalle |

---

## 📐 ESTRUCTURA DE LA WEB (One-Page)

### 1. HEADER / HERO SECTION
- **Headline:** "Automatización con IA para negocios que quieren escalar en Latam"
- **Subtítulo:** "Sistemas que responden solos, agendan solos y venden solos. Caso real: Noa Dental (Argentina) + proyectos en México y USA."
- **Elementos visuales:** Banderas (🇦🇷 🇲🇽 🇺🇸) + texto "Proyectos en Latam"
- **CTAs:** 
  - Primario: "Ver demo en vivo" (color destacado)
  - Secundario: "Hablar con un experto" (outline)

### 2. EL PROBLEMA
- **Título:** "Los negocios pierden productividad todos los días"
- **4 puntos de dolor:**
  1. Datos fragmentados (WhatsApp, Excel, Calendar, papel)
  2. Respuestas lentas (minutos/horas en vez de segundos)
  3. Pacientes/clientes que se pierden por no responder rápido
  4. El dueño es el sistema (si no estás, no vende)

### 3. SERVICIOS (4 Sistemas)
- **Título:** "4 Sistemas que escalan tu negocio"
- **Formato:** Cards numeradas (01/04, 02/04, etc.)

| # | Sistema | Descripción | Beneficios |
|---|---------|-------------|------------|
| 01 | WhatsApp Automation | Respuestas automáticas, calificación de leads, agenda sola | Respuestas en segundos, calificación automática, agenda integrada, follow-up |
| 02 | Calendar + CRM | Turnos que se agendan solos, recordatorios automáticos | Agendamiento automático, recordatorios WhatsApp, CRM en Sheets, historial |
| 03 | Reservas Online | Web → Calendar → WhatsApp → Email (cadena automática) | Formulario personalizado, confirmación automática, integración web |
| 04 | Asistente con IA | Consultas por WhatsApp, KPIs en tiempo real, alertas | Respuestas con contexto, consultas de KPIs, alertas automáticas, transcripción |

### 4. STACK TECNOLÓGICO
- **Título:** "Tecnología que funciona"
- **Herramientas:**
  - N8N — Automatización de workflows
  - Evolution API — WhatsApp sin límites
  - Google Workspace — Calendar, Sheets, Gmail
  - Make/Zapier — Integraciones adicionales
  - Groq/Whisper — Transcripción de audio

### 5. CASO REAL (Noa Dental)
- **Título:** "Caso real: Noa Dental"
- **Ubicación:** Córdoba, Argentina 🇦🇷
- **Métricas:**
  - +40% Turnos/mes
  - -60% Ausencias
  - 10h+ Ahorradas/semana
- **Testimonio:** "El sistema que armó Guille nos cambió la vida. Ahora la agenda se llena sola y yo puedo atender a los pacientes de verdad." — Agustina, dueña de Noa Dental
- **CTA:** "Quiero esto para mi negocio"

### 6. PROYECTOS LATAM
- **Título:** "Proyectos en Latam"
- **Subtítulo:** "Más de 10 negocios en 3 países confían en nuestros sistemas"
- **Países:**
  - 🇦🇷 Argentina — Noa Dental (odontología), Sancor Salud (seguros), +5 proyectos activos
  - 🇲🇽 México — Clínica dental en CDMX, Agencia de marketing, Proyectos en desarrollo
  - 🇺🇸 USA — Consultoría en Florida, E-commerce en Texas, Proyectos en desarrollo

### 7. PRECIOS (OPCIONAL - NO INCLUIR POR AHORA)
- **Decisión:** NO mostrar precios explícitamente
- **Alternativa:** "Consultá por tu caso específico" o "Cada negocio es único, armamos algo a medida"

### 8. CTA FINAL + CONTACTO
- **Título:** "¿Listo para automatizar tu negocio?"
- **Texto:** "Agendá una llamada de 15 minutos. Sin compromiso. Te cuento qué sistema te conviene y cuánto tardaríamos en implementarlo."
- **CTAs:**
  - "Ver demo por WhatsApp" → https://wa.me/5493518134690
  - "Agendar llamada" → Calendar
- **Nota:** "Respondemos en menos de 24 horas"

### 9. FOOTER
- Copyright + Año
- Links a redes sociales (Instagram, LinkedIn, Email)

---

## 🎨 ESTILO DE DISEÑO

### Colores Sugeridos
| Color | Uso | Hex |
|-------|-----|-----|
| Primario | Botones, destacados | Naranja coral | `#FF6B35` |
| Secundario | Headers, textos importantes | Azul oscuro | `#004E89` |
| Fondo claro | Secciones alternas | Gris muy claro | `#F8F9FA` |
| Fondo oscuro | Sección tecnología | Azul noche | `#1A1A2E` |
| Éxito | Checkmarks, métricas positivas | Verde | `#28A745` |

### Tipografía
- **Principal:** -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu
- **Títulos:** Bold/Extra Bold (700-800)
- **Cuerpo:** Regular (400)
- **Tamaños:**
  - H1 Hero: 3rem (48px)
  - H2 Secciones: 2.5rem (40px)
  - H3 Cards: 1.5rem (24px)
  - Cuerpo: 1rem (16px)

### Layout
- **Max width:** 1200px
- **Padding secciones:** 80px vertical
- **Grid:** Responsive (auto-fit, minmax)
- **Cards:** Border radius 15px, box shadow suave

### Elementos Visuales
- Banderas de países en el hero
- Iconos/emojis para cada sección de problema
- Cards con borde izquierdo de color (acento)
- Métricas en grande con color destacado
- Testimonio con borde izquierdo y cita

---

## ✅ LO QUE SÍ QUIERO

- [x] One-page (todo en una página con scroll)
- [x] Banderas de Latam (Argentina, México, USA)
- [x] Caso real visible (Noa Dental con métricas)
- [x] Stack tecnológico visible
- [x] 4 servicios numerados y claros
- [x] CTAs a WhatsApp y Calendar
- [x] Diseño limpio y moderno (tipo DevFactory/Stryv)
- [x] Responsive (mobile-first)

---

## ❌ LO QUE NO QUIERO

- [ ] Mostrar precios explícitamente
- [ ] Multi-page con navegación compleja
- [ ] Formulario de contacto largo (mejor WhatsApp directo)
- [ ] Términos muy técnicos sin explicar
- [ ] Diseño sobrecargado o corporativo aburrido

---

## 📱 INSTAGRAM (Bonus)

### Bio del Perfil
```
🤖 Automatización con IA para Latam
📍 Argentina 🇦🇷 · México 🇲🇽 · USA 🇺🇸
🦷 Caso real: Noa Dental → agenda llena
👇 Ver demo en vivo
[link a tu web]
```

### Primeros 10 Posts (ver archivo: `03-contenido-instagram.md`)

---

## 🔗 ARCHIVOS RELACIONADOS

| Archivo | Contenido |
|---------|-----------|
| `01-brief-completo.md` | Este archivo |
| `02-analisis-competencia.md` | Análisis detallado de 12 empresas |
| `03-contenido-instagram.md` | 10 posts de Instagram listos |
| `04-design-system.md` | **Sistema de diseño completo**: colores, tipografía, componentes, layout |
| `index.html` | Web completa generada (base) |

---

## 🚀 PRÓXIMOS PASOS

1. Revisar este brief con la otra IA
2. Generar diseño final (Framer, Webflow, o código)
3. Reemplazar placeholders (fotos reales de Noa Dental)
4. Configurar links reales (WhatsApp, Calendar)
5. Publicar y conectar dominio

---

**Nota para la IA de diseño:** Este brief es la fuente de verdad. Si hay duda, priorizar claridad sobre creatividad. El objetivo es convertir visitantes en demos agendadas.