Creación de micrositios poco convencionales con Webflow

Como ingeniero de diseño sénior en la agencia digital ThreeSixtyEight, Timothy Ricks pasa sus días obsesionado con crear sitios web, páginas de destino y experiencias en línea que rompen el molde. En su tiempo libre, también dirige un canal de YouTube donde explica cómo usa Webflow para lograr exactamente eso.

Así que no tuvimos que pensarlo dos veces para pedirle a Timothy que compartiera parte de su experiencia en el mundo real en No-Code Conf 2021, donde dio una presentación increíble sobre el uso de Webflow para crear micrositios fuera de lo común. Puedes ver el video completo aquí, o seguir leyendo para conocer las claves de Timothy sobre cómo construir sitios que realmente destacan.

¿Qué son los micrositios fuera de lo común?

Primero lo primero: un micrositio es, en esencia, un sitio web pequeño —normalmente de una sola página o unas pocas— creado para un tema específico. Un micrositio fuera de lo común, como lo define Timothy, es aquel que se centra en crear una experiencia personalizada que aporta valor al visitante.

A diferencia de los micrositios tradicionales, los que se salen de lo común no están impulsados por las conversiones. No guían a los visitantes a rellenar un formulario o completar una llamada a la acción específica. En cambio, aportan valor y permiten que el visitante asocie la marca detrás del micrositio con esa experiencia positiva.

«En un mar de sitios diseñados para quitar, creemos los que están diseñados para dar, y dejemos que el resultado hable por sí solo».

- Timothy Ricks

Cuatro formas en las que un micrositio fuera de lo común aporta valor a sus visitantes

Timothy desglosa cuatro formas principales en las que un micrositio fuera de lo común puede aportar valor: animar, educar, equipar con recursos o entretener. También señala que un mismo micrositio puede lograr más de uno de estos objetivos al mismo tiempo.

Animar

Brindar apoyo puede tener un impacto duradero. Timothy relata un ejemplo concreto de cómo él y su equipo en ThreeSixtyEight crearon un micrositio fuera de lo común diseñado para animar a un público muy específico. Durante la pandemia, crearon un sitio llamado ShareViralPositivity donde cualquiera podía entrar y subir una foto o una nota de ánimo para mostrar su apoyo a los trabajadores sanitarios locales de Luisiana.

Los hospitales se asociaron con la agencia para mostrar el sitio en sus pantallas y rotar estos mensajes de ánimo a lo largo del día. Además de los mensajes positivos, el sitio recaudó más de 100 000 dólares en donaciones directas para los trabajadores sanitarios.

Educar

Compartir conocimientos no tiene por qué ser aburrido. Cuando un cliente acudió a la agencia para crear un PDF que ayudara a los propietarios de guarderías a entender cómo reabrir de forma segura tras un desastre natural, el equipo de Timothy propuso una idea alternativa. En lugar de leer un PDF sobre moho y pesticidas, ¿no aprenderían más los visitantes con un micrositio interactivo?

El equipo de ThreeSixtyEight terminó creando una experiencia digital para los propietarios de guarderías. El sitio les permitía ver lecciones animadas, hacer cuestionarios sobre lo aprendido y seguir una lista de verificación de los suministros necesarios. Cuando el huracán Ida llegó al año siguiente, el micrositio pudo ayudar a guiar a los visitantes sobre cómo reabrir de forma segura de una manera dinámica.

Equipar

Dar a los visitantes las herramientas y los recursos que necesitan para tomar una decisión o ejecutar un plan es una forma concreta de aportar un valor significativo. Por ejemplo, Timothy y su equipo crearon un micrositio interactivo para ayudar a los padres a filtrar y determinar la escuela perfecta para sus hijos.

Los padres podían visitar el sitio y responder preguntas sobre sus deseos y necesidades, desde el transporte hasta las actividades extracurriculares. Tras completar el cuestionario, obtenían resultados en tiempo real de las escuelas de su zona que se ajustaban a lo que buscaban. Aunque este tipo de experiencia normalmente requeriría programar todos los componentes desde cero, los diseñadores pudieron usar Webflow para construir la experiencia y filtrar los resultados desde el CMS.

Entretener

La forma favorita de Timothy de aportar valor es entreteniendo. Antes de su último retiro de empresa, el equipo de ThreeSixtyEight decidió generar entusiasmo creando una experiencia que comenzaba con una búsqueda del tesoro un lunes por la mañana para descubrir el lugar del retiro. A medida que cada equipo completaba la búsqueda, recibían un código QR que abría una aplicación web móvil —también creada en Webflow— donde podían iniciar sesión, ver el itinerario e incluso inscribirse en excursiones.

Aunque Timothy reconoce que esto suena a mucho trabajo para un retiro de empresa, asegura que a los miembros del equipo les encantó la experiencia y dijeron que realmente los hizo sentirse valorados y apreciados. El entretenimiento puede ser algo ligero, pero puede tener un impacto real.

Tres cosas que tienen en común los micrositios poco convencionales

Aunque los ejemplos de Timothy dejan claro que los micrositios poco convencionales vienen en muchas formas y tamaños, todos comparten tres principios rectores: convertir a otro en el protagonista, crear momentos de deleite y personalizar la experiencia.

Convierte a otro en el protagonista

Como describe Timothy, los mejores sitios de marketing ya intentan que el visitante sea el protagonista a través del lenguaje que utilizan. Solo hablan de la empresa desde la perspectiva de cómo puede ayudar al visitante a alcanzar sus objetivos o aliviar sus puntos de dolor.

Los micrositios poco convencionales van un paso más allá al poner realmente al visitante al mando de la experiencia. Con ShareViralPositivity, los visitantes subían fotos y enviaban mensajes, creando el mismo contenido que animaba a los trabajadores sanitarios. Y en el ejemplo del retiro de la empresa, los empleados fueron los responsables de completar una búsqueda del tesoro para revelar la ubicación y descargar la aplicación.

Timothy comparte otro ejemplo de creación de un sitio para celebrar el reconocimiento de ThreeSixtyEight como uno de los Mejores Lugares para Trabajar de Inc. En lugar de centrarse solo en ellos, crearon un tocadiscos en línea para su "celebración" e invitaron a los visitantes a hacer de DJ. Obtuvo muchísimas visitas y repercusión, con diseñadores reproduciendo listas de reproducción y consultando ofertas de empleo, algo que no habría ocurrido con un anuncio o una página de destino tradicional centrada solo en la empresa.

Crea momentos de deleite

Timothy describe cómo cualquier gran experiencia se compone de momentos clave, y cuando vas más allá de la funcionalidad básica para inyectar deleite en esos momentos, estás creando algo inusualmente memorable. Para los micrositios, estos momentos pueden incluir registros, el inicio de una tarea o la consecución de un hito importante. Y los diseñadores pueden añadir deleite mediante herramientas como microinteracciones, diseño de sonido o animaciones Lottie.

A veces, Timothy cree que los mejores momentos provienen de experiencias que se eliminan o que no están ahí. Por ejemplo, en el micrositio del retiro de la empresa ThreeSixtyEight, el equipo diseñó el cuestionario interactivo para que los usuarios no tuvieran que pulsar "intro" o hacer clic en "enviar" cada vez que quisieran hacer una suposición. En su lugar, podían detectar automáticamente cuándo terminaban de responder a una pregunta basándose en el número de caracteres en el campo. Y en lugar de usar lenguaje para decirle al visitante si su respuesta era correcta o incorrecta, confiaron en señales como el color, el movimiento y el diseño de sonido. Como describe Timothy, estos pequeños detalles pueden volverse casi invisibles para el usuario final, pero crean una experiencia encantadora en todo el sitio.

Personaliza la experiencia

Por último, Timothy recomienda ofrecer una experiencia personalizada, porque permite que el visitante se involucre más y se comprometa con la experiencia que estás creando. La personalización podría significar dejar que el usuario elija su propio camino, personalice su propia experiencia de visualización, cambie el contenido que ve o incluso cree el contenido en sí, como en el micrositio ShareViralPositivity.

Y a veces la personalización puede ser tan sencilla como aleatorizar el contenido cada vez que ven una página. Por ejemplo, Timothy y su equipo crearon un micrositio en Webflow donde los visitantes pasaban por una experiencia y recibían un mensaje personalizado de Santar, un adivino parecido a Santa Claus. En realidad, era solo una lista aleatoria de elementos del CMS, pero la experiencia se sentía más personalizada y animaba a los visitantes a probarla una y otra vez.

Empieza con tu propio micrositio poco convencional

Crear un micrositio poco convencional requiere algo de creatividad, pero no tiene por qué ser demasiado complicado. Empieza considerando cómo una experiencia potencialmente predecible, como una página de destino de marketing o un PDF informativo, puede incorporar interactividad, momentos de deleite o personalización. Luego, céntrate en qué tipo de valor puedes aportar, ya sea ánimo, educación, recursos o simplemente entretenimiento.

Para obtener más inspiración detallada, echa un vistazo al estudio de caso de Timothy sobre el micrositio del retiro de su agencia. O mira su guía sobre cómo crear un cuestionario CMS en Webflow para obtener consejos y trucos específicos que usar en tus propios micrositios interactivos.