Cómo una web puede impulsar una campaña

Una de las principales preocupaciones al crear una web es cómo influirá en una campaña de marketing, ya que esta determina en gran medida la percepción del público y puede marcar una gran diferencia en el éxito o fracaso del proyecto.

Tomemos como ejemplo el lanzamiento de un nuevo producto. No basta con que el producto sea bueno, también es clave comunicar su valor de forma funcional y creativa. Y aquí es donde una web moderna se convierte en un activo estratégico, capaz de captar la atención, generar interés y, sobre todo, convertir leads de alta calidad en clientes.

Hoy de lo que quiero hablarte es precisamente de eso, de cómo un sitio web con un enfoque creativo y bien ejecutado puede convertirse en un poderoso impulsor de cualquier campaña. Desde el diseño visual hasta la experiencia de usuario (UX), cada detalle puede influir en la percepción del público y, por ende, en los resultados obtenidos.

Ahora pensemos en cómo las personas pueden llegar a reaccionar ante propuestas visualmente impactantes o diferentes. Una web que logra destacarse por su originalidad no solo es más memorable, sino que también genera conversación y fortalece la identidad de marca.

Un caso reciente, aunque algo polémico, es el de la tienda de Kanye West (o más bien, la ex tienda yeezy.com). El sitio fue completamente transformado para mostrar un único producto (y vaya qué producto), lo que generó una oleada de reacciones, comentarios e  impresiones negativas. Si bien en este caso la percepción fue mayormente negativa, el impacto mediático fue innegable. Este ejemplo nos deja una lección importante: las decisiones tomadas en una web pueden amplificar positiva o negativamente el alcance de una campaña.

 

Captura de pantalla de la web yeezy.com

 

Ahora bien, dejando a un lado este ejemplo negativo, ahora vamos con los temas que más nos gustan en Driza (leads, atracción de tráfico, conversiones, etc) para ver cómo una campaña se vería positivamente afectada por su web. Para ello, vamos a hablar sobre tres tipos de webs que nos solemos encontrar:

• Lanzamiento o presentación de producto
• Inmersivas
• Modernas

 

Webs de lanzamiento o presentación de producto

Estos proyectos se suelen sentir como si fuesen un comercial, porque te tratan de enseñarte todo lo que hace el producto con vídeos cargados de efectos, infografías y diversas secciones que hacen que entiendas el producto en su totalidad. Un diseño web atractivo y funcional en el lanzamiento de un producto puede aumentar la tasa de conversión y mejorar la experiencia del usuario en más de un 400%.

 

Ahora, lo importante cuando hablamos de campañas y su efectividad, ¿cómo se puede ver esto reflejado en números?

Por ejemplo, la campaña «El llamado de Papá Noel (2014)» para Coca-Cola, desarrollada por Asombro Extremo, ofreció a los niños un vídeo personalizado donde Papá Noel los saludaba por su nombre. Esta experiencia única y creativa resultó en 4.5 millones de llamadas en una semana y recibió 35 premios en concursos internacionales de publicidad.

 

 

Podemos observar en las métricas generadas un incremento notable no solo en cuanto a cantidad, sino en calidad, que es de lo más importante. En esta campaña podemos observar cómo el marketing puede llegar a conmover a las personas de manera positiva y generar recuerdos.

En esta campaña podemos destacar varias cosas:

1. Coca-Cola ganó presencia de marca generando una gran interacción y atracción de público.
2. Se crearon millones de conexiones inolvidables para estos niños, ahora adultos que todavía lo recordarán.
3. Asombro Extremo recibió reconocimiento internacional con diferentes premios que destacan su esfuerzo y sobre todo su creatividad al momento de plantear esta campaña.

 

De esta forma, nos podemos dar cuenta de que una web de lanzamiento o presentación de producto puede generar un gran impacto y atracción de público y no necesariamente tiene que tener un efecto “¡WOW!”, sino estar bien pensada para su público objetivo y cómo este interactúa con ella.

Este tipo de webs las podemos encontrar bastante en productos tangibles, como es el caso de Apple, que siempre destaca por sus elocuentes y creativas campañas web. Apple nos demuestra que la impresión que se genera al usuario al momento de presentar un producto es la parte más importante y diferencial cuando buscamos cautivar a un potencial cliente, ya que este mismo quedará maravillado de la presentación. Por eso mencionábamos antes que estas webs se sienten como un comercial que intenta mostrarnos todas las capacidades del producto.

En este ejemplo del Iphone 16 Pro, podemos ver cómo Apple muestra cada función y casos de uso del mismo, incluso con una vista 3D del producto y variaciones de color. Con esto el usuario se hace una mejor idea de lo que sera el producto una vez lo haya adquirido.

 

Como vemos, estas webs son la mejor forma para deslumbrar al usuario con todas las características de un producto y Apple lo sabe muy bien, pero tenemos otros muchos ejemplos menos conocidos como Opal con su webcam Opal Tadpole o Girard-Perregaux con su colección de relojes Casquette 2.0.

 

Webs inmersivas

Estos proyectos se salen un poco de lo mencionado anteriormente, ya que muchas veces no buscan generar un impacto en cuanto a conversión. Me gusta llamarlas webs»para presumir», porque en cierto modo ese es su objetivo. Son webs que están enfocadas a conmemorar aniversarios, logros, recopilaciones o simplemente para poder decir ‘somos los mejores en esto’ y tener algo con lo que demostrarlo.

Estas páginas web se caracterizan por su enfoque conceptual, alineado con la identidad de cada marca. Buscan destacar al máximo, transmitiendo constantemente una sensación de excelencia y logrando impresionar profundamente al público, generando ese efecto “wow” que capta la atención desde el primer momento. Gracias a este impacto, suelen generar un revuelo impulsado por el boca a boca con comentarios del estilo “¿Viste lo que hicieron los de Driza?”. Además, al ser propuestas tan llamativas, originales y conceptualmente sólidas, suelen arrasar en concursos y ganarse el reconocimiento de la crítica especializada.

 

 

Si bien estos proyectos no suelen destacar por su accesibilidad al ser un tanto complejos y estar 100%enfocados en destacar, podemos observar un gran empeño en generar un impacto visual al usuario deseado.

Pero, lo importante, ¿porqué para una empresa sería beneficioso crear un sitio como este si no le genera algo? Es ahí donde nos podemos equivocar al afirmar que estos sitios no generan conversiones o no generan atracción, porque puede ocurrir todo lo contrario. Ganar un reconocimiento como Site of the Day o Site of the Year de Awwwards puede significar picos de visibilidad y tráfico orgánico. Muchas personas curiosas harán clic para ver el sitio premiado, lo que puede traducirse en un aumento sustancial de visitas en los días y semanas posteriores. Por ejemplo, los desarrolladores han observado que tras figurar en la página principal de Awwwards, el tráfico se disparó.

En efecto, la web se posiciona mejor y se vuelve más fácil de encontrar gracias a la notoriedad del premio. Este efecto de“aparición estelar” puede reducirse al corto plazo (picos iniciales), pero igualmente deja una huella. Más gente conocerá la marca/sitio, incrementando el tráfico orgánico a largo plazo mediante búsquedas de marca tras oír hablar del sitio premiado.

En resumen, ganar un premio de diseño web equivale a una campaña de marketing instantánea que atrae tráfico de calidad casi de inmediato y fortalece la visibilidad a futuro.Es como cuando una película gana un Óscar, automáticamente todos la querrán ver justamente por eso , porque es la mejor. Por eso las empresas apuestan por este tipo de sitio a pesar de tener un gran coste elevado, ya que les generará:

1. Reconocimiento y percepción de marca: Múltiples estudios de los últimos años reiteran que los usuarios juzgan la credibilidad y calidad de una empresa en gran medida por su presencia digital. Se estima que hasta el 75% de la credibilidad percibida de un sitio proviene de su diseño (estética, usabilidad, profesionalismo).
2. Incrementar el tiempo de permanencia del usuario: Estudios recientes confirman que los elementos multimedia y experiencias ricas captan la atención por más tiempo: 94% de las primeras impresiones están relacionadas con el diseño visual y los usuarios tienden a pasar un 88% más de tiempo en un sitio que incorpora elementos audiovisuales.
3. Mejora de SEO: Cada vez que un sitio gana un premio importante, típicamente obtiene un enlace desde la web oficial del premio hacia el sitio del proyecto. Estos enlaces suelen ser dofollow y provienen de dominios con alta autoridad (por ejemplo, awwwards.com tiene una autoridad de dominio elevada). Según expertos, estoss backlinks son un auténtico tesoro para SEO, ya que Google interpreta que tu sitio es relevante y confiable al ser referenciado por una fuente reconocida.

 

Estos sitios también se suelen usar para contar historias e incluso ya hace algunos años estamos viendo cómo se integran con VR/AR para hacer la experiencia lo más inmersiva posible. Un buen ejemplo es el de Active Theory, que creó un museo por los 20 años de XBOX y que, aunque ya no está activo, podemos ver en su caso de estudio en Awwwards.

Webs de este tipo son muy recomendables cuando las empresas lanzan experiencias novedosas (micrositios, campañas interactivas) respaldadas por analítica y feedback. Por eso solemos asociar este tipo webs a ser más conmemorativas, conceptuales o enfocadas a un algo específico.

Una buena referencia en esta sección son la gente de MSCHF, que lleva este tipo de proyectos a un siguiente nivel donde ya no buscan impresionar a un usuario, sino conceptualizar diferentes ideas en una web. Llevan lo conceptual al lado más puro de la frase: “¿Que tan loco puede ser si hacemos esto en una web?”. Solo hay que ver algunos de sus proyectos: UPBLOB, MSCHFNOTWHEELS o THEFEEMOVIE. Podría decir incluso que alguno de ellos pueden llegar a causar cierta incomodidad cuando se navega, pero de eso tratan muchas veces los proyectos conceptuales, de traer nuevas ideas y ver cómo acaban viéndose en la ejecución.

Otros buenos ejemplos son las webs de Active Theory, Alireza y The Field Hyundai.

 

Webs modernas

Ahora llegamos a las webs algo más básicas, pero que suelen ser las que más conversiones generan y que podríamos decir que tienen mejor coste-beneficio para una campaña.

 

 

Tomando como ejemplo la web de Dub podemos observar tres bloques que llaman la atención solamente al entrar al sitio:

1. El primer bloque nos indica de una manera clara y rápida lo que hace el producto: “Enlaces cortos con superpoderes», acompañado de un segundo texto para dar un mejor contexto. También observamos que contamos con dos CTAs para indicarle al usuario que puede empezar ya de forma gratuita u obtener una demo con la cual probar todas las características del producto.
2. En el segundo bloque nos da una prueba rápida de la funcionalidad principal del producto, acortar enlaces, sin tener la necesidad de registrarnos. Esto permite al usuario experimentar de inmediato su utilidad y comprender su propuesta de valor, generando así una primera interacción positiva que transmite confianza y deja una impresión favorable del producto.
3. Finalmente, se presenta un bloque destinado a reforzar la credibilidad del producto mostrando que ya es utilizado por múltiples clientes. Este respaldo social transmite confianza al usuario, al evidenciar que se trata de una solución probada y valorada por otros.

 

 

Como podemos observar, la estructura de estos sitios suele ser simple, incluso limitando la cantidad de transiciones o animaciones, pero funcional, acompañado de un diseño moderno y creativo, donde se prima la experiencia de usuario en cada apartado:

1. Que el usuario entienda al 100% el producto
2. Una navegación simple acompañada de diversos bloques demostrativos
3. Lograr un impacto visual en el usuario.
4. Maximizar conversiones y retención de público

 

Una de las razones por las que estos sitios son más usados con respecto a los dos anteriores es por su gran aceptación por parte de los usuarios y sus grandes características que permiten impulsar las métricas. Estos sitios suelen seguir “patrones de diseño” consiguiendo que a los usuarios les parezca una experiencia familiar facilitando mucho la navegación.

 

Como esta gráfica hay miles más que demuestran que el diseño aplicado de una forma inteligente y orientado al usuario genera no solo conversiones, sino también atracción, retención y aceptación por los usuarios.

Así, podemos concluir lo beneficioso que resulta contar con un sitio web moderno hoy en día, donde se apliquen las mejores prácticas de diseño y experiencia de usuario. Sobre todo, cuando buscamos una web de entrada para el usuario, ya que el objetivo es que toda la información relevante esté disponible de forma clara y fácilmente accesible. Por eso este tipo de enfoque es común en sitios corporativos o páginas de producto donde se desea presentar todos los servicios y facilitar que el usuario encuentre lo que necesita sin esfuerzo.

Algunos ejemplos relevantes serían las webs de Webflow, Strapi y Birdplane.

How much

Una de las preguntas que te estarás haciendo es “¿y cuánto cuesta hacer algo así?”. Y de forma natural podemos decir “too much”. Perono se trata solo de lo económico, si no también de la planificación y ejecución del proyecto, por eso vamos a enfocar esta respuesta según duración e inversión.

 

Duración

Cuando hablamos de los tiempos en este tipo de sitios web, debemos entender que son relativos a cada cliente y proyecto. Cada caso presenta particularidades que pueden requerir más tiempo en la fase de planificación o en la de desarrollo. Es importante aclarar que un mayor tiempo de planificación no implica necesariamente un mayor tiempo de desarrollo. De hecho, se puede invertir bastante en la planificación y, aun así, tener un desarrollo técnicamente sencillo, pero con un resultado de alto impacto.

En la siguiente tabla vemos cómo la diferencia en los tiempos de planificación entre los sitios tradicionales y los inmersivos supera el 60%. Mientras que los sitios inmersivos pueden tardar hasta un año en llegar al lanzamiento, los sitios tradicionales podrían estar listos en aproximadamente dos meses.

 

 

Inversión

Sabiendo ya lo que podemos tardar en llevar a cabo estos proyectos, nos falta ponerles un precio. En general, crear un sitio web inmersivo con calidad para ganar premios no es barato. Suele implicar una inversión que arranca en varias decenas de miles de dólares. Sí, hablamos de las famosas cinco cifras. Y si el proyecto es más ambicioso, para una gran marca o con tecnología innovadora, el presupuesto puede escalar hasta los cientos de miles.

Para ponerlo en perspectiva, un diseñador independiente contó que su propio portafolio le habría costado unos $25,000 USD si lo hubiera cobrado como proyecto. Hablamos de unas 150 horas de diseño ($15K) y desarrollo ($10K). Y eso es solo para un sitio personal, con alcance limitado. Imagina lo que implica armar algo similar pero comercial, con equipo completo… El costo se multiplica fácilmente.

 

 

Por poner un ejemplo, hablemos de AKQA, una de las grandes ligas en experiencia digital, con miles de empleados y proyectos para marcas como Nike, Audi o Coca-Cola. Sus sitios suelen ser parte de campañas enormes y con presupuestos que no se quedan cortos. Aunque en algunos directorios figura que arrancan desde los $10k, en la práctica, un sitio inmersivo con AKQA puede costar cientos de miles de dólares. ¿La razón? Su escala, su enfoque integral y sus altos estándares. No es una referencia para un “sitio promedio”, pero sí vale la pena tenerla en el radar como ejemplo del tope de gama en agencias.

Para cerrar esta sección podemos quedarnos con que:

1. Este tipo de proyectos pueden llegar incluso a las 6 cifras.
2. Su planeación es hecha a medida mes a mes por la exigencia que representa.
3. Todas la partes implicadas deben estar en total sintonía

 

Esta clase de proyectos suelen ser muy bien diagnosticados y planteados desde un inicio. Una mala planificación puede llevar al desastre en cualquier ámbito, por eso se debe tener muy clara la dirección que se quiere tomar y cómo ejecutarla. Esto es algo que pudimos ver en la campaña de “El llamado de papá Noel (2014)”, donde la planificación pudo ser de meses por todas las implicaciones logísticas (grabar todos los nombres , hacer las llamadas, etc), pero el desarrollo era algo tan simple como un formulario de captación de datos.

 

Conclusiones

Para no seguir extendiéndome, porque hay mucho de lo que hablar sobre este tema cuando se trata de la conversiones de un sitio web, podemos llegar a las siguientes conclusiones:

1. La evidencia sugiere que los sitios web creativos y conceptuales aportan importantes beneficios medibles.
2. En realidad, la elección no se trata de enfrentar lo creativo con lo tradicional, sino de encontrar la manera de combinar lo mejor de ambos enfoques.
3. Un sitio ideal es aquel que no solo luce bien, sino que cumple objetivos de negocio.
4. La duración e inversión en los proyectos más inmersivos es algo a tomar en cuenta para el lanzamiento de la campaña.

 

En un entorno digital cada vez más saturado, las marcas que apuestan por un sitio web creativo y con potencial para recibir reconocimientos pueden obtener beneficios concretos como un mayor índice de conversión y un posicionamiento destacado, siempre que se priorice la experiencia del usuario y se alineen con los objetivos del negocio.

Y gracias a todo esto es que vemos como las campañas se ven impulsadas cuando las acompañan un buen sitio web, bien pensado y sobre todo bien diseñado.

Te comparto algunas webs que te harán preguntarte ¿Esto es realmente una web? 👽

• Aten7 hecha por Immersive Garden
• Blue Marine Foundation(The Sea We Breathe) hecha por Unseen Studio
• Vercel
• Altermind Studio
• Anime JS
• Immersive Garden
• Unseen Co

 

Y para cerrar ya del todo, hazte las siguientes preguntas: ¿quieres generar un efecto “WOW”?, ¿quieres que tu web destaque?, ¿sientes que tu web no es moderna? Si la respuesta a alguna de estas preguntas es ‘sí’, no dudes en contactarnos y te guiaremos en todo el proceso.