new_amoryroma/Arquitectura.md

Perfecto. Con tus respuestas, la arquitectura debe posicionar a Amor y Roma como una agencia boutique híbrida —creatividad + estrategia + tecnología—, pero con una experiencia principalmente orientada a conversión.

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.