diff --git a/assets/logos/logo-ciruela.svg b/assets/logos/logo-ciruela.svg new file mode 100644 index 0000000..fd097fa --- /dev/null +++ b/assets/logos/logo-ciruela.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/logos/logo-claro.svg b/assets/logos/logo-claro.svg new file mode 100644 index 0000000..d08b4ca --- /dev/null +++ b/assets/logos/logo-claro.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/contacto.html b/contacto.html index 8e264a2..0da393d 100644 --- a/contacto.html +++ b/contacto.html @@ -54,7 +54,7 @@
-

Contacto

+

CONTACTO

Hablemos de tu próximo proyecto.

diff --git a/css/styles.css b/css/styles.css index 6cccd34..309d009 100644 --- a/css/styles.css +++ b/css/styles.css @@ -35,12 +35,13 @@ --font-small: 'Jost', sans-serif; --font-script: 'WindSong', cursive; + --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.95rem); --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); --step-1: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem); --step-2: clamp(1.6rem, 1.4rem + 1vw, 2.1rem); --step-3: clamp(2.1rem, 1.7rem + 1.8vw, 3.1rem); - --step-4: clamp(2.6rem, 2rem + 3vw, 4.4rem); + --step-4: clamp(2.4rem, 2rem + 3vw, 4rem); --space-1: 0.5rem; --space-2: 1rem; @@ -110,10 +111,11 @@ p { margin: 0; max-width: 62ch; } p.lede { font-size: var(--step-1); color: var(--text-soft); max-width: 46ch; } .eyebrow { - font-family: var(--font-small); + font-family: var(--font-small); + font-style: uppercase; font-size: var(--step--1); color: var(--accent-amor); - letter-spacing: 0.02em; + letter-spacing: 0.04em; } .container { diff --git a/diagnostico.html b/diagnostico.html index bd1525a..ad0c67f 100644 --- a/diagnostico.html +++ b/diagnostico.html @@ -61,7 +61,7 @@
-

¿Qué estás buscando resolver?

+

¿Qué estás buscando resolver?

@@ -74,7 +74,7 @@
-

¿En qué etapa está tu negocio?

+

¿En qué etapa está tu negocio?

@@ -85,13 +85,13 @@
-

¿Cuál es hoy tu principal desafío?

+

¿Cuál es hoy tu principal desafío?

-

¿Qué querés conseguir?

+

¿Qué querés conseguir?

@@ -103,7 +103,7 @@
-

¿Qué tan desarrollada está tu presencia digital?

+

¿Qué tan desarrollada está tu presencia digital?

@@ -132,6 +132,7 @@
+
diff --git a/index.html b/index.html index bcbb75e..743e911 100644 --- a/index.html +++ b/index.html @@ -57,9 +57,10 @@
-

Estudio creativo · marketing digital

-

Creatividad, estrategia y tecnología para construir marcas que importan.

-

Somos una agencia boutique: sin plantillas, con capacidad controlada de cuentas y foco absoluto en la calidad visual y de contenido. Combinamos dirección de arte con estructura digital orientada a resultados.

+

ESTUDIO CREATIVO · AGENCIA BOUTIQUE

+

Marcas con esencia, + construidas con estrategia.

+

Servicios a medida para negocios que quieren crecer sin perder lo que los hace únicos.

Encontrá tu solución Ver nuestros servicios @@ -71,8 +72,8 @@
-

El concepto

-

Dos fuerzas. Una forma de construir.

+

EL CONCEPTO

+

Dos fuerzas.
Una forma de construir.

AMOR

@@ -93,15 +94,15 @@
-

La creatividad atrae. La estrategia la convierte en crecimiento. No somos "otra agencia de marketing": diagnosticamos, diseñamos y construimos soluciones digitales a medida.

+

La creatividad atrae. La estrategia la convierte en crecimiento. No somos "otra agencia de marketing": diagnosticamos, diseñamos y construimos soluciones digitales a medida.

-

Puntos de partida frecuentes

-

Desafíos que ayudamos a resolver.

+

PUNTOS DE PARTIDA FRECUENTES

+

Desafíos que ayudamos a resolver.

"Mi marca no refleja el valor de mi negocio."

"Tengo redes, pero no generan resultados."

@@ -119,36 +120,36 @@
-

Ecosistema de soluciones

+

ECOSISTEMA DE SOLUCIONES

Una estrategia construida alrededor de tu negocio.

01 -

Branding & Identidad

+

Branding & Identidad

Construcción de identidad, universo visual y posicionamiento.

  • Identidad
  • Logo
  • Sistema visual
  • Manual
02 -

Redes Sociales & Contenido

+

Redes Sociales & Contenido

Contenido, dirección de arte, estrategia y gestión de comunidad.

  • Estrategia
  • Contenido
  • Copywriting
  • Comunidad
03 -

Desarrollo Web

+

Desarrollo Web

Activos digitales diseñados alrededor del negocio y el embudo.

  • Arquitectura
  • UX
  • SEO
  • Analítica
04 -

Automatizaciones

+

Automatizaciones

Conversaciones, captación y cualificación de prospectos.

  • Conversación
  • Captación
  • Cualificación
  • Seguimiento
05 -

Paid Media

+

Paid Media

Publicidad, campañas, optimización y adquisición.

  • Campañas
  • Creatividades
  • Audiencias
  • Optimización
@@ -162,13 +163,13 @@
-

Planes de crecimiento

-

Distintos negocios. Distintas etapas. Un mismo objetivo: crecer.

+

PLANES DE CRECIMIENTO

+

Distintos negocios. Distintas etapas.
Un mismo objetivo: crecer.

-

Esencial

Para ordenar y profesionalizar tu imagen desde cero.

-

Impulso

Para crecer comunidad y validar tu propuesta.

-

Premium

Para convertir tracción en posicionamiento.

-

Élite

Para liderazgo de marca y omnicanalidad.

+

Esencial

Establecer una presencia digital profesional y consistente.

+

Impulso

Aumentar visibilidad, interacción y generación de leads calificados.

+

Premium

Consolidar y expandir la empresa comercialmente.

+

Élite

Máximo posicionamiento y gestión integral de marca.

Comparar planes @@ -180,8 +181,8 @@
-

Trabajo que habla por nosotros

-

Proyectos que combinan identidad, estrategia y estructura.

+

TRABAJO QUE HABLA POR NOSOTROS

+

Proyectos que combinan identidad,
estrategia y estructura.

Identidad Integral · placeholder
@@ -214,14 +215,20 @@
-

Cómo trabajamos

-

No improvisamos.

+

CÓMO TRABAJAMOS

+

Tu proyecto, paso a paso,
y sin sorpresas.

+

Un proceso claro y colaborativo → sabés exactamente qué pasa en cada etapa.

-
01

Diagnóstico

-
02

Estrategia

-
03

Producción

-
04

Validación

-
05

Medición

+
01

Diagnóstico

+

Reunión donde entendemos
tu proyecto

+
02

Estrategia

+

Plan de trabajo
a medida

+
03

Producción

+

Dirección de arte
y desarrollo

+
04

Validación

+

Ajustes finales
y entregas

+
05

Medición

+

Capacitación
y medición de métricas

Conocé nuestro método → diff --git a/js/diagnostico.js b/js/diagnostico.js index d0402b8..f217a49 100644 --- a/js/diagnostico.js +++ b/js/diagnostico.js @@ -194,10 +194,10 @@ resultBox.innerHTML = `

Nuestra recomendación

-

Te conviene priorizar: ${solucion}

-

Situación actual: negocio en etapa "${etapaLabel(state.etapa)}", con una presencia digital ${madurezLabel(state.madurez)}, buscando ${objetivoLabel(state.objetivo)}.

-

Próximo paso recomendado: ${planLabels[plan]} ${state.planPrevio ? "— ya veníamos conversando sobre este plan" : ""}.

-

Esto es una orientación inicial, no un diagnóstico definitivo — lo afinamos juntos en una conversación.

+

Te conviene priorizar: ${solucion}

+

Situación actual: negocio en etapa "${etapaLabel(state.etapa)}", con una presencia digital ${madurezLabel(state.madurez)}, buscando ${objetivoLabel(state.objetivo)}.

+

Próximo paso recomendado: ${planLabels[plan]} ${state.planPrevio ? "— ya veníamos conversando sobre este plan" : ""}.

+

Esto es una orientación inicial, no un diagnóstico definitivo, lo afinamos juntos en una conversación.

`; resultBox.hidden = false; captureBox.hidden = false; @@ -206,6 +206,41 @@ resultBox.scrollIntoView({ behavior: "smooth", block: "start" }); } + function showReview() { + // Oculta resultado y captura + resultBox.hidden = true; + captureBox.hidden = true; + + // Muestra todos los pasos + steps.forEach((s) => { + s.classList.add("active"); + // Marca la opción seleccionada en cada paso + const field = s.dataset.step; + if (state[field]) { + s.querySelectorAll(".diag-option").forEach((btn) => { + const isSelected = btn.dataset.value === state[field]; + btn.setAttribute("aria-pressed", isSelected ? "true" : "false"); + if (isSelected) btn.style.outline = "2px solid var(--accent, #c9a96e)"; + }); + } + }); + + // Oculta progreso y muestra botón para volver al resultado + progressWrap.style.display = "none"; + const backToResult = document.createElement("button"); + backToResult.type = "button"; + backToResult.className = "btn-secondary"; + backToResult.textContent = "← Volver al resultado"; + backToResult.addEventListener("click", () => { + progressWrap.style.display = "flex"; + steps.forEach((s) => s.classList.remove("active")); + resultBox.hidden = false; + captureBox.hidden = false; + backToResult.remove(); + }); + form.appendChild(backToResult); + } + function etapaLabel(v) { return { comenzando: "recién empezando", validando: "validando", creciendo: "en crecimiento", consolidado: "consolidado" }[v] || "sin definir"; } diff --git a/metodo.html b/metodo.html index ecdc79f..a86a145 100644 --- a/metodo.html +++ b/metodo.html @@ -54,8 +54,8 @@
-

Método

-

No empezamos diseñando. Empezamos entendiendo.

+

MÉTODO

+

No empezamos diseñando. Empezamos entendiendo.

De la esencia a la estructura: cada proyecto comienza entendiendo el negocio y termina midiendo lo que construimos.

@@ -65,27 +65,27 @@
01 -

Diagnóstico

+

Diagnóstico

Briefing a fondo e inmersión de marca. Entendemos negocio, objetivos y contexto.

02 -

Estrategia

+

Estrategia

Definición de pilares y arquitectura del proyecto.

03 -

Producción

+

Producción

Creación de piezas visuales, copys y desarrollo web.

04 -

Validación

+

Validación

Aprobación de grillas o entrega de desarrollo, con feedback estructurado.

05 -

Medición

+

Medición

Métricas, análisis y ajustes para el siguiente ciclo.

@@ -95,7 +95,7 @@
-

Aplicación según servicio

+

APLICACIÓN SEGÚN SERVICIO

El mismo método, distinto ritmo.

@@ -116,8 +116,8 @@
-

Control de calidad

-

Cada entrega pasa por un mismo estándar.

+

CONTROL DE CALIDAD

+

Cada entrega pasa por un mismo estándar.

Revisión interna, aprobación estructurada, feedback acotado en rondas definidas, estándares propios de Amor y Roma y optimización continua tras el lanzamiento.

diff --git a/nosotros.html b/nosotros.html index 7ed57f2..df8bba0 100644 --- a/nosotros.html +++ b/nosotros.html @@ -54,8 +54,8 @@
-

Nosotros

-

Amor y Roma. Dos fuerzas. Una forma de construir.

+

NOSOTROS

+

Amor y Roma.
Dos fuerzas.
Una forma de construir.

@@ -81,8 +81,8 @@
-

Posicionamiento

-

Boutique, en serio.

+

POSICIONAMIENTO

+

Boutique significa a tu medida.

Sin plantillas prefabricadas

@@ -102,8 +102,8 @@
-

El equipo

-

Las personas detrás de cada proyecto.

+

EL EQUIPO

+

Combinamos el arte del Marketing
con la Ciencia de los datos.

Foto pendiente
Nombre · Rol
Foto pendiente
Nombre · Rol
diff --git a/planes.html b/planes.html index 0447580..e4fabd5 100644 --- a/planes.html +++ b/planes.html @@ -54,8 +54,8 @@
-

Planes recurrentes

-

Distintos negocios. Distintas etapas. Un mismo objetivo: crecer.

+

PLANES RECURRENTES

+

Distintos negocios. Distintas etapas.
Un mismo objetivo: crecer.

Los cuatro planes acompañan diferentes niveles de madurez. Hacé clic en una tarjeta para ver el detalle completo.

* Precios de referencia (placeholder) — a confirmar antes de publicar.

diff --git a/portfolio.html b/portfolio.html index 4752e62..c1c966b 100644 --- a/portfolio.html +++ b/portfolio.html @@ -54,9 +54,9 @@
-

Portfolio

-

Proyectos que combinan identidad, estrategia y estructura.

-

Estos casos son placeholders representativos de nuestros cuatro arquetipos de trabajo — se reemplazan por proyectos reales antes de publicar.

+

PORTFOLIO

+

Proyectos que combinan identidad, estrategia y estructura.

+

Estos casos son placeholders representativos de nuestros cuatro arquetipos de trabajo → se reemplazan por proyectos reales antes de publicar.

diff --git a/servicios.html b/servicios.html index e7f2a5b..529edda 100644 --- a/servicios.html +++ b/servicios.html @@ -54,8 +54,8 @@
-

Servicios

-

Soluciones digitales diseñadas para hacer crecer tu marca.

+

SERVICIOS

+

Soluciones digitales diseñadas para hacer crecer tu marca.

No vendemos piezas sueltas: cada servicio resuelve un problema concreto de tu negocio, y puede combinarse con otros según tu etapa.

Encontrá tu solución
@@ -67,7 +67,7 @@

¿Qué necesita hoy tu negocio?

Construir una marca - Mejorar mi presencia digital + Mejorar presencia digital Generar contenido Crear una web Conseguir clientes @@ -82,7 +82,7 @@
-

01 · Branding & Identidad

+

01 · BRANDING & IDENTIDAD

La esencia visual y conceptual de tu marca.

Diagnóstico de marca, propuesta de valor, personalidad y todo el sistema de identidad que sostiene tu comunicación.

Construir mi marca @@ -116,7 +116,7 @@
  • Paid Media según plan
    • -

    02 · Redes Sociales & Contenido

    +

    02 · REDES SOCIALES & CONTENIDO

    Contenido con criterio, no solo calendario.

    Estrategia, dirección de arte y gestión pensadas para generar comunidad real, no solo publicaciones.

    Ver planes @@ -128,8 +128,8 @@
    -

    03 · Desarrollo Web

    -

    Activos digitales construidos alrededor de tu embudo.

    +

    03 · DESARROLLO WEB

    +

    Activos digitales construidos alrededor de tu embudo.

    Landing Pages

    @@ -152,14 +152,14 @@
    -

    04 · Automatizaciones

    +

    04 · AUTOMATIZACIONES

    De la conversación a la venta, sin perder oportunidades.

    -

    Interacción

    -

    Cualificación

    -

    Lead

    -

    Notificación

    -

    Seguimiento

    +

    Interacción

    +

    Cualificación

    +

    Lead

    +

    Notificación

    +

    Seguimiento

    Instagram · Facebook · WhatsApp · captación · cualificación · notificaciones internas.

    Quiero automatizar @@ -169,7 +169,7 @@