El sitio no debería funcionar simplemente como un catálogo de servicios. La idea central debería ser llevar al visitante desde **“necesito mejorar mi negocio” → “Amor y Roma entiende mi problema” → “esta es la solución que necesito” → “quiero hablar con ellos”**. La estructura propuesta se apoya directamente en el manual: posicionamiento boutique, servicios recurrentes y proyectos cerrados, los cuatro arquetipos de solución, el workflow de cinco etapas y la dualidad Amor/Roma. 1. Arquitectura general del multisitio ====================================== ### Dominio / ├── Home ├── Servicios ├── Planes ├── Portfolio ├── Nosotros ├── Método ├── Contacto └── Diagnóstico ### Estructura interna HOME │ ├── SERVICIOS │ ├── Branding & Identidad │ ├── Desarrollo Web │ ├── Redes Sociales & Contenido │ ├── Automatizaciones │ └── Paid Media │ ├── PLANES │ ├── Plan Esencial │ ├── Plan Impulso │ ├── Plan Premium │ └── Plan Élite │ ├── PORTFOLIO │ ├── Caso 1 — Identidad + RRSS │ ├── Caso 2 — Web Corporativa │ ├── Caso 3 — Ecosistema Digital │ └── Caso 4 — Profesionalización │ ├── NOSOTROS │ ├── MÉTODO │ ├── DIAGNÓSTICO │ └── CONTACTO **Importante:** aunque los servicios individuales aparecen dentro de `/servicios`, recomiendo que cada uno pueda tener una **URL propia**. No serían necesariamente páginas independientes dentro de la navegación principal, sino landing pages específicas para campañas, SEO y conversión. * * * 2. Navegación principal ======================= La navegación debería ser deliberadamente corta: **Logo | Servicios | Planes | Portfolio | Nosotros | Método | Contacto** Y como CTA destacado: **"Encontrá tu solución"** Este CTA debería conducir al **Diagnóstico**, que funcionaría como herramienta de cualificación. Como CTA secundario recurrente: **"Hablemos de tu proyecto"** → Contacto / WhatsApp. * * * 3. HOME ======= Objetivo -------- La Home debe vender la propuesta de valor completa y derivar al visitante hacia una de tres acciones: 1. conocer servicios; 2. explorar casos; 3. iniciar un diagnóstico. No debería intentar explicar absolutamente todo. * * * Bloque 01 — Hero ---------------- ### Contenido **Propuesta principal** > Marcas con esencia, construidas con estrategia. Es el eslogan oficial definido en el manual. Debajo: Una explicación breve de la combinación entre creatividad, estrategia y estructura digital. ### CTA principal **Encontrá tu solución** → Diagnóstico ### CTA secundario **Ver nuestros servicios** → Servicios * * * Bloque 02 — El concepto Amor + Roma ----------------------------------- Dos columnas: ### AMOR Pasión · Arte · Identidad · Dirección creativa ### ROMA Estrategia · Arquitectura · Tecnología · Procesos Mensaje central: **La creatividad atrae. La estrategia la convierte en crecimiento.** ### Objetivo Diferenciación. No presentar a la agencia simplemente como "otra agencia de marketing". * * * Bloque 03 — Problemas que resolvemos ------------------------------------ En lugar de empezar inmediatamente hablando de servicios, presentar situaciones reconocibles: * "Mi marca no refleja el valor de mi negocio." * "Tengo redes, pero no generan resultados." * "Necesito una web que realmente venda." * "Estoy perdiendo oportunidades por procesos manuales." * "Necesito atraer clientes con publicidad." * "Mi negocio creció y mi presencia digital quedó atrás." ### CTA **Quiero descubrir qué necesito** → Diagnóstico * * * 4. HOME — Servicios =================== Bloque 04 — Ecosistema de soluciones ------------------------------------ Presentación resumida de los cinco grandes servicios: ### Branding & Identidad Construcción de identidad, universo visual y posicionamiento. ### Redes Sociales & Contenido Contenido, dirección de arte, estrategia y gestión. ### Desarrollo Web Activos digitales diseñados alrededor del negocio y el embudo. ### Automatizaciones Conversaciones, captación y cualificación de prospectos. ### Paid Media Publicidad, campañas, optimización y adquisición. Estos servicios están respaldados por el portafolio interno. ### CTA **Explorar servicios** → `/servicios` * * * 5. HOME — Planes ================ Bloque 05 — Planes de crecimiento --------------------------------- Introducción a los cuatro niveles: **Esencial → Impulso → Premium → Élite** No mostrar toda la tabla del manual en Home. Mostrar: * para quién es; * objetivo; * nivel de acompañamiento; * CTA. Los cuatro planes están diseñados para acompañar diferentes niveles de madurez del cliente. ### CTA **Comparar planes** → `/planes` ### CTA secundario **No sé cuál necesito** → `/diagnostico` * * * 6. HOME — Portfolio =================== Bloque 06 — Trabajo que habla por nosotros ------------------------------------------ Mostrar 3–4 proyectos destacados. Cada tarjeta: * imagen; * cliente/proyecto; * problema; * solución; * resultado o transformación; * servicios involucrados. La selección debería representar los cuatro arquetipos definidos internamente. ### CTA **Ver portfolio completo** → `/portfolio` * * * 7. HOME — Método ================ Bloque 07 — No improvisamos --------------------------- Presentar las cinco etapas: **01 Diagnóstico → 02 Estrategia → 03 Producción → 04 Validación → 05 Medición** Es exactamente la lógica operativa definida por la agencia. ### CTA **Conocé nuestro método** → `/metodo` * * * 8. HOME — CTA final =================== Bloque 08 — Conversión ---------------------- Mensaje fuerte: > **Tu próximo paso no tiene que ser otra publicación. Tiene que ser una estrategia.** CTA principal: **Empezar diagnóstico** CTA secundario: **Hablar con Amor y Roma** * * * 9. PÁGINA SERVICIOS =================== Esta será una de las páginas **más importantes del sitio**. No debe ser simplemente un listado. Debe explicar **qué problema resuelve cada solución**. * * * Hero ---- ### Título **Soluciones digitales diseñadas para hacer crecer tu marca.** Texto introductorio. CTA: **Encontrá tu solución** * * * Bloque 01 — Selector de necesidades ----------------------------------- Antes de presentar servicios: > ¿Qué necesita hoy tu negocio? Opciones: * Construir una marca. * Mejorar mi presencia digital. * Generar contenido. * Crear una web. * Conseguir clientes. * Automatizar procesos. * Escalar campañas. Esto puede alimentar el diagnóstico. * * * Bloque 02 — Branding & Identidad -------------------------------- Contenido: * diagnóstico de marca; * propuesta de valor; * personalidad; * identidad visual; * logotipo; * sistema cromático; * tipografía; * personajes/mascotas; * manual de identidad; * plantillas. El manual define este servicio como construcción de la esencia visual y conceptual de la marca. CTA: **Construir mi marca** * * * Bloque 03 — Redes Sociales & Contenido -------------------------------------- Mostrar: * estrategia; * contenido; * copywriting; * dirección de arte; * Reels/TikTok; * historias; * moderación; * reporting; * automatizaciones; * Paid Media según plan. CTA: **Ver planes** * * * Bloque 04 — Desarrollo Web -------------------------- Subbloques: ### Landing Pages Para campañas y lanzamientos. ### Sitios corporativos Para empresas y organizaciones B2B. ### Catálogos / E-commerce Para comercialización digital. Además: * Mobile First; * velocidad; * SEO técnico; * analítica; * Meta Pixel; * WhatsApp API. Todo esto está contemplado explícitamente en el manual. CTA: **Quiero una web** * * * Bloque 05 — Automatizaciones ---------------------------- Mostrar: **Interacción → Cualificación → Lead → Notificación → Seguimiento** Con: * Instagram; * Facebook; * WhatsApp; * captación; * cualificación; * notificaciones. CTA: **Automatizar mi negocio** * * * Bloque 06 — Paid Media ---------------------- Mostrar: * auditoría; * Business Manager; * conversiones; * públicos; * creatividades; * A/B testing; * CPA/CPL; * optimización. CTA: **Quiero generar más oportunidades** * * * Bloque 07 — Soluciones combinadas --------------------------------- Este bloque es **estratégicamente importante**. En vez de obligar al usuario a comprar servicios separados: ### "Tu negocio puede necesitar más de una pieza." Ejemplos: **Marca + Redes** **Marca + Web + Redes** **Web + Redes** **Web + Automatización + Paid Media** Esto refleja especialmente los arquetipos híbridos 3 y 4 del documento. CTA: **Descubrir qué combinación necesito** → Diagnóstico * * * 10. PÁGINA PLANES ================= Hero ---- **Elegí el nivel de crecimiento que necesita tu negocio.** * * * Bloque 01 — Introducción ------------------------ Explicar que existen cuatro niveles de acompañamiento: * Esencial * Impulso * Premium * Élite * * * Bloque 02 — Comparador ---------------------- Tabla visual: | | Esencial | Impulso | Premium | Élite | | -------------- | -------- | ---------- | ----------- | ----------- | | Perfil | Inicial | Validación | Tracción | Consolidado | | Contenido | ✓ | ✓ | ✓ | ✓ | | Copy | Básico | Persuasivo | Avanzado | Estratégico | | Automatización | Básica | Media | Leads | Avanzada | | Ads | — | Básico | Conversión | Embudo | | Reportes | Básico | Análisis | Estratégico | Ejecutivo | Basado en las prestaciones del documento interno. * * * Bloque 03 — Precio ------------------ Cada plan: **Desde $XXX / mes** Esto permite utilizar el enfoque que elegiste: **precios "desde"**. * * * Bloque 04 — ¿Cuál es para mí? ----------------------------- Un pequeño árbol de decisión: > Estoy empezando → Esencial > > Necesito crecer → Impulso > > Ya tengo tracción → Premium > > Necesito una estrategia integral → Élite * * * Bloque 05 — CTA --------------- **No sé qué plan elegir** → Diagnóstico **Quiero contratar** → Contacto / WhatsApp * * * 11. PÁGINA PORTFOLIO ==================== El portfolio debería ser **una herramienta comercial**, no una galería. Hero ---- **No mostramos trabajos. Mostramos lo que podemos construir.** * * * Bloque 01 — Filtros ------------------- Por: * Branding * Redes * Web * Automatización * Paid Media * Soluciones integrales * * * Bloque 02 — Casos ----------------- ### Caso 01 **Identidad Integral** Branding + personaje + RRSS + campañas. ### Caso 02 **Infraestructura Institucional** Web corporativa + credibilidad B2B. ### Caso 03 **Ecosistema Digital** Branding + Web + RRSS. ### Caso 04 **Profesionalización** Web + RRSS para firma de servicios. Son los cuatro arquetipos estratégicos definidos en el documento. * * * 12. Página individual de Case Study =================================== Aunque no necesariamente aparece en el menú, recomiendo crear esta estructura: /portfolio/caso-nombre Bloques ------- 1. Hero visual 2. Contexto del cliente 3. Problema 4. Objetivos 5. Estrategia 6. Solución 7. Producción 8. Implementación 9. Resultado 10. Galería 11. Servicios utilizados 12. CTA ### CTA final **¿Tu negocio necesita algo parecido?** → Diagnóstico Esto transforma el portfolio en una herramienta de generación de leads. * * * 13. PÁGINA NOSOTROS =================== Esta página debería ser una de las piezas más diferenciales. Hero ---- **Somos Amor y Roma.** Subtítulo: **Pasión para crear. Estructura para construir.** * * * Bloque 01 — La dualidad ----------------------- ### AMOR Arte Creatividad Empatía Dirección visual Narrativa ### ROMA Estrategia Arquitectura Procesos Tecnología Estructura La dualidad está explícitamente planteada como fundamento de la marca. * * * Bloque 02 — Qué significa ser Boutique -------------------------------------- Tres pilares: **Sin plantillas prefabricadas** **Capacidad controlada** **Foco visual y de contenido** Estos son los tres principios definidos en el posicionamiento boutique. * * * Bloque 03 — Nuestra forma de pensar ----------------------------------- Tres conceptos: **Cercanos** **Apasionados** **Estratégicos** Basado en el tono de voz establecido en el manual. * * * Bloque 04 — Qué nos diferencia ------------------------------ No vender: > "Somos creativos." Sino: > **Cada decisión creativa tiene una razón de negocio detrás.** * * * Bloque 05 — CTA --------------- **Conocé qué podemos construir juntos** → Servicios / Diagnóstico * * * 14. PÁGINA MÉTODO ================= Esta página sirve para reducir incertidumbre y aumentar confianza. Hero ---- **No empezamos diseñando. Empezamos entendiendo.** * * * Bloque 01 — Las cinco etapas ---------------------------- ### 01 — Diagnóstico Entender negocio, marca, objetivos y contexto. ### 02 — Estrategia Definir arquitectura, pilares y dirección. ### 03 — Producción Crear las piezas, contenidos o desarrollos. ### 04 — Validación Control de calidad y aprobación. ### 05 — Medición Analizar resultados y ajustar. La secuencia corresponde al workflow definido internamente. * * * Bloque 02 — Aplicación según servicio ------------------------------------- Mostrar cómo cambia el proceso para: * Branding * Web * Redes * Automatización * Paid Media * * * Bloque 03 — Control de calidad ------------------------------ Explicar brevemente: * revisión interna; * aprobación; * feedback; * estándares; * optimización. * * * CTA --- **Quiero comenzar mi diagnóstico** * * * 15. PÁGINA DIAGNÓSTICO ====================== Esta es la **pieza de conversión avanzada** del sitio. No debería sentirse como un formulario de contacto. Debe sentirse como una **herramienta de orientación estratégica**. Paso 01 ------- **¿Qué estás buscando resolver?** * Marca * Redes * Web * Clientes * Automatización * Publicidad * Varias cosas * * * Paso 02 ------- **¿En qué etapa está tu negocio?** * Estoy empezando * Ya estoy vendiendo * Estoy creciendo * Estoy consolidado * * * Paso 03 ------- **¿Qué problema te preocupa más?** Preguntas dinámicas según las respuestas anteriores. * * * Paso 04 ------- **¿Qué querés conseguir?** Objetivo comercial. * * * Paso 05 ------- **Resultado** El sistema podría recomendar: > **Por lo que nos contás, probablemente necesites:** > > Branding + Web + Redes o: > **Tu perfil parece encajar con el Plan Premium.** No debe ser presentado como diagnóstico definitivo, sino como orientación inicial. * * * Paso 06 — Captura ----------------- Nombre Empresa Email WhatsApp ### CTA **Quiero hablar con Amor y Roma** * * * 16. PÁGINA CONTACTO =================== Debe ser mucho más simple que el Diagnóstico. Hero ---- **Hablemos de tu próximo proyecto.** * * * Bloque 01 — Formulario ---------------------- * Nombre * Empresa * Email * WhatsApp * Servicio de interés * Mensaje * * * Bloque 02 — WhatsApp -------------------- **¿Preferís hablar directamente?** CTA: **Escribir por WhatsApp** * * * Bloque 03 — Qué ocurre después ------------------------------ Esto es importante para reducir fricción: **01** Recibimos tu consulta ↓ **02** Entendemos tu necesidad ↓ **03** Evaluamos la mejor solución ↓ **04** Coordinamos una conversación * * * 17. Footer ========== El footer debería contener: ### Marca Amor y Roma **Marcas con esencia, construidas con estrategia.** ### Navegación * Inicio * Servicios * Planes * Portfolio * Nosotros * Método * Diagnóstico * Contacto ### Servicios * Branding * Redes * Web * Automatizaciones * Paid Media ### CTA **Empezar diagnóstico** ### Legal * Política de privacidad * Términos y condiciones * Cookies * * * 18. Jerarquía comercial ======================= La arquitectura completa quedaría así: HOME │ ┌─────────────┼──────────────┐ ↓ ↓ ↓ SERVICIOS PORTFOLIO NOSOTROS │ │ │ ↓ ↓ ↓ SOLUCIONES CASOS DIFERENCIAL │ │ │ └─────────────┼──────────────┘ ↓ MÉTODO │ ↓ CONFIANZA │ ┌───────────┴───────────┐ ↓ ↓ PLANES DIAGNÓSTICO │ │ └───────────┬───────────┘ ↓ CONTACTO │ ↓ WHATSAPP * * * 19. Recorridos principales del usuario ====================================== No todos los usuarios deberían recorrer el sitio de la misma manera. ### Recorrido A — Usuario que sabe qué necesita Google / Ads ↓ Servicio específico ↓ Portfolio relacionado ↓ Caso de éxito ↓ CTA ↓ Contacto * * * ### Recorrido B — Usuario que no sabe qué necesita Home ↓ Problema ↓ Diagnóstico ↓ Recomendación ↓ Servicio / Plan ↓ Contacto **Este debería ser uno de los recorridos prioritarios.** * * * ### Recorrido C — Usuario interesado en redes Home ↓ Servicios ↓ Redes Sociales ↓ Planes ↓ Comparación ↓ "¿Cuál necesito?" ↓ Diagnóstico ↓ Contacto * * * ### Recorrido D — Empresa interesada en una solución integral Home ↓ Servicios ↓ Soluciones combinadas ↓ Portfolio ↓ Caso de éxito ↓ Método ↓ Diagnóstico ↓ Contacto * * * ### Recorrido E — Usuario que busca confianza Home ↓ Nosotros ↓ Amor + Roma ↓ Boutique ↓ Método ↓ Portfolio ↓ Contacto * * * 20. Arquitectura final recomendada ================================== La versión final del sitemap sería: AMOR Y ROMA │ ├── HOME │ ├── SERVICIOS │ ├── Branding & Identidad │ ├── Redes Sociales & Contenido │ ├── Desarrollo Web │ ├── Automatizaciones │ ├── Paid Media │ └── Soluciones Integrales │ ├── PLANES │ ├── Esencial │ ├── Impulso │ ├── Premium │ └── Élite │ ├── PORTFOLIO │ ├── Caso 01 — Identidad Integral │ ├── Caso 02 — Infraestructura Institucional │ ├── Caso 03 — Ecosistema Digital │ └── Caso 04 — Profesionalización │ ├── NOSOTROS │ ├── Amor │ ├── Roma │ ├── Filosofía Boutique │ └── Diferenciales │ ├── MÉTODO │ ├── Diagnóstico │ ├── Estrategia │ ├── Producción │ ├── Validación │ └── Medición │ ├── DIAGNÓSTICO │ ├── Necesidad │ ├── Madurez │ ├── Objetivos │ ├── Recomendación │ └── Captación │ └── CONTACTO ├── Formulario ├── WhatsApp └── Próximos pasos La decisión estratégica más importante -------------------------------------- Yo estructuraría el sitio alrededor de **tres puertas de entrada**, en lugar de hacer que todo dependa del menú: ### **¿QUÉ NECESITÁS?** → Servicios ### **¿QUÉ PODEMOS HACER?** → Portfolio ### **¿NO SABÉS QUÉ NECESITÁS?** → Diagnóstico Y por encima de todo: > **Marcas con esencia, construidas con estrategia.** Eso permite que Amor y Roma no se perciba como una agencia que simplemente vende _"redes, páginas web y publicidad"_, sino como una agencia que **diagnostica, diseña y construye soluciones digitales a medida**, que es mucho más coherente con el posicionamiento boutique definido en el documento. **Siguiente etapa recomendada:** convertir este sitemap en un **wireframe estructural página por página**, definiendo para cada bloque: jerarquía visual, tipo de contenido, componentes UI, ubicación de CTAs, elementos interactivos y recorrido de conversión, todavía sin entrar en HTML/CSS/JS.