← Volver a proyectos
Caso 01 · B2B · Generación de leads

¿Cómo comunicas lo que hace diferente a una agencia creativa?

Cliente Playful Experiences
Rol Lead Diseñadora UX/UI
Duración 10 semanas · 2024
Equipo Yo · Fundador · Developer
Playful Experiences — Rediseño de homepage, 'We create connections with people'
01 — Contexto

Una agencia creativa cuya propuesta de valor no aterrizaba.

Playful Experiences es una agencia creativa que combina estrategia, tecnología y experiencias para ayudar a PyMEs y marcas a expresar su identidad y conectar con su audiencia.

El problema: el sitio existente no capturaba ese valor. La historia estaba dispersa entre redes sociales y posts de campañas, dificultando la conversión. Los visitantes no entendían qué hacía la agencia en los primeros 30 segundos — y el equipo pasaba horas respondiendo las mismas preguntas por DMs y llamadas.

02 — Objetivos de negocio

Tres metas medibles alineadas con el fundador.

Antes de cualquier boceto, el fundador y yo alineamos tres objetivos. Cada decisión de diseño a partir de ese punto tenía que servir al menos a uno de ellos.

Objetivo 01

Consolidar la identidad digital

Unificar la narrativa de marca para comunicar claramente el valor de la agencia — eliminando la dispersión entre redes sociales y web.

Objetivo 02

Generar leads calificados

Diseñar un embudo de conversión B2B que filtre las necesidades del cliente desde el primer contacto — reduciendo tiempo invertido en leads no calificados.

Objetivo 03

Optimizar canales

Reducir la dependencia de DMs y llamadas mediante una arquitectura de información que responda de forma autónoma preguntas sobre proceso, tiempos y próximos pasos.

03 — Mi rol

Tres sombreros en un solo proyecto.

La marca de la agencia tenía un tono místico pero le faltaba claridad. Mi trabajo fue traducir ese tono en una narrativa escaneable, darle estructura y hacer que el sitio fuera mantenible después del handoff.

Rol 01

UX Writing

Interpreté la misión abstracta de la marca en una narrativa clara que pudiera vivir en la home sin necesidad de un guía.

Rol 02

IA & Diseño Visual

Estructuré la arquitectura de información, diseñé la interfaz visual y aseguré cumplimiento con estándares de accesibilidad (WCAG 2.1).

Rol 03

CMS & Operatividad

Definí la lógica del CMS y grabé videos explicativos con manual de usuario para que el cliente pudiera operar el sitio de forma independiente.

04 — Research

Por dónde estaba filtrando el sistema actual.

Audité los canales existentes y los comparé con agencias que lo hacen bien. Emergieron tres patrones:

Hallazgo 01

Desajuste de canales

Alto interés en redes sociales, pero el sitio web no estaba convirtiendo esa atención. Los visitantes escaneaban, no encontraban un siguiente paso claro y se iban.

Hallazgo 02

Sin CMS implementado

El equipo necesitaba un CMS y guías editoriales para mantener el sitio actualizado — de lo contrario se volvería obsoleto en semanas.

Hallazgo 03

Brecha de referencias

Las agencias exitosas usan storytelling visual fuerte, ejemplos claros de antes/después, prueba social y CTAs específicos. El sitio actual no tenía ninguno.

05 — Proceso

Del descubrimiento a diez semanas entregado.

El timeline era ajustado. Trabajé en sprints de dos semanas con criterios claros de "listo" para cada fase — para que el cliente viera progreso sin quedarse atrapado en loops interminables de revisión.

Paso 01

Descubrir

Auditoría de canales actuales, gaps de conversión y agencias competidoras.

Paso 02

Definir

IA alineada con los tres objetivos de negocio. Prioridades de contenido acordadas.

Paso 03

Diseñar

Home narrativa-primero, flujo de formulario de diagnóstico y FAQ de autoservicio.

Paso 04

Validar

Revisión del prototipo con clientes potenciales y el equipo interno.

Paso 05

Entregar

Handoff, videos de capacitación del CMS y ajustes post-lanzamiento con base en datos.

06 — Decisiones clave

Tres decisiones de diseño que movieron los números.

Homepage narrativa-primero

La primera sección explica qué hace la agencia en una sola frase. La segunda profundiza en el cómo. La tercera es una grilla interactiva que agrupa campañas bajo los conceptos clave de la marca: Expectativa, Activación, Experiencia. Sin misterio, sin párrafos largos. Escaneas, entiendes, haces scroll.

Playful Experiences — Diseño de homepage narrativa-primero

Formulario de diagnóstico rápido

En lugar de un formulario de contacto genérico, los usuarios responden una secuencia corta de preguntas antes de enviar: ¿Eres un negocio, un individuo o un proyecto creativo? ¿En qué etapa estás? ¿Qué quieres activar?

Sí, agrega fricción. Pero reemplaza horas de correos de ida y vuelta con un solo contacto bien delimitado. El cliente obtiene contexto. El usuario obtiene una respuesta más útil. Ambos ganan.

Playful Experiences — Flujo del formulario de diagnóstico

FAQ de autoservicio como arquitectura

Moví las seis preguntas más frecuentes de los DMs directamente a la arquitectura de información — con respuestas honestas, no de copy de ventas. El objetivo era que el FAQ sonara como la voz real del equipo, porque los usuarios que aún así contactaban después de leerlo eran los que valía la pena atender.

Playful Experiences — Sección de FAQ de autoservicio
07 — Impacto en el negocio

Qué cambió después del lanzamiento.

Números medidos 90 días después del lanzamiento, comparados con los tres meses previos.

+20–30%
Conversión de leads de redes sociales a landing
+25%
Tiempo en páginas Home / Servicios / Casos
2–5 / día
Formularios de diagnóstico completados
−30%
DMs / llamadas por consultas básicas
Primero la historia, después el diseño. Sin una narrativa clara, un sitio web es solo un catálogo.
08 — Lo que aprendí

Si volviera a hacer este proyecto.

← Volver a Todos los proyectos

¿Quieres hablar sobre tu producto?

Disponible full-time, part-time y Freelance en Alemania, y Remoto en Europa, Estados Unidos y LATAM.

angie.varelab7@gmail.com