Files
new_amoryroma/Arquitectura.md
T

1324 lines
21 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
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.