11 de los mejores ejemplos de micrositios que hemos visto

Dicen que las mejores cosas suelen venir en paquetes pequeños. Piénsalo: joyas, Snapchats, libros, las llaves de un flamante coche… todas estas cosas apoyan esta noción.

Y con nuestra capacidad de atención reduciéndose por debajo de la de un pez de colores, no debería sorprendernos que comencemos a anhelar un contenido más enfocado a una escala más pequeña, también.

Entre el aumento de los micrositios. A diferencia de los sitios web normales, los micrositios tienden a ser bastante simplistas y más fáciles de navegar. Sin embargo, esto no quiere decir que no te den ganas de hurgar un rato. De hecho, los que son realmente buenos hacen precisamente eso.Haz clic aquí para descargar nuestra colección de ejemplos de contenido interactivo. ¿Listo para ver algunos casos de uso? Echa un vistazo a la siguiente lista para ver algunos grandes ejemplos de micrositios en acción.

Nota: En el ejemplo siete hay palabras soeces, así que pasa de largo si no te gustan.

¿Qué es un micrositio?

Un micrositio es una página web individual o un pequeño grupo de páginas web que actúan como una entidad independiente para una marca. Un micrositio suele vivir en su propio dominio, pero algunos existen como subdominio.

Los micrositios pueden utilizarse para ayudar a las marcas a lograr una serie de cosas. Por ejemplo, algunas empresas los han utilizado para destacar una campaña específica o dirigirse a buyer personas concretas. Otros los han utilizado para contar una historia corta, o para inspirar una llamada a la acción específica.

11 ejemplos de micrositios ingeniosos

1) YearInMusic.Spotify.com | Spotify

Aparte de servir como un doloroso recordatorio de cuántas canciones de Justin Bieber escuché en repetición el año pasado, el Year in Music de Spotify ha demostrado ser uno de los micrositios mejor ejecutados que hemos visto.

spotify-year-in-music.png

Comúnmente referido como una «celebración» de la música que nos llevó durante el año anterior, el sitio interactivo de Spotify está personalizado especialmente para ti, basado en tus hábitos de escucha.

¿Qué significa eso exactamente? Pues que la herramienta te facilita la creación de un resumen personalizado que incorpora detalles como la primera canción que has reproducido, los artistas más importantes por temporada y el tiempo que has pasado escuchando. La experiencia es única para el usuario, lo que hace que sea divertido compartir y comparar su sinopsis con sus amigos.

Y cuando se trata de compartir, el micrositio lo hace realmente fácil. Cada estadística que el sitio saca para ti puede ser compartida en las redes sociales gracias a un práctico botón en la parte inferior derecha de la pantalla.

2) DangersOfFracking.com | Linda Dong

En un esfuerzo por ganar apoyo para la Ley FRAC (Ley de Responsabilidad y Conciencia de la Fracturación Química), la diseñadora industrial y de interacción Linda Dong diseñó un hermoso micrositio que utiliza el diseño de paralaje para contar la historia sobre los peligros de la fracturación hidráulica.

microsite-fracact

La historia comienza con una gota de agua que cae de una nube y, a medida que se desplaza por el sitio, se sigue la gota de agua mientras es llevada del camión al sitio de fracturación, convertida en fluido de rastreo y enviada a un pozo de gas en el suelo. A lo largo del recorrido, se encuentran datos y estadísticas flotantes sobre los peligros de la fracturación hidráulica hasta que se encuentran dos simples llamadas a la acción al final: «Póngase en contacto con sus funcionarios locales» y «Únase o apoye a su organización local».

microsite-fracact2

Los micrositios como éste se centran en gran medida en el uso de señales direccionales (en este caso, el movimiento de paralaje) para llevar a los usuarios a completar una determinada llamada a la acción – por lo que cualquier otra distracción o barra de navegación se elimina por completo.

Si tu micrositio se centra en una o dos llamadas a la acción, asegúrate de que sean concisas y accionables como lo es esta, y que las distingas visualmente del resto del sitio haciendo que el color de la fuente resalte o poniendo la copia en un botón.

3) UrWhatUPost.com | Bolthouse Farms

«¿Por qué la comida basura debe llevarse toda la gloria?»

Esta pregunta te la haces cuando llegas por primera vez al micrositio de BoltHouse Farms, UrWhatUPost.com. BoltHouse Farms creó el sitio para mostrar a la gente cuántas conversaciones en las redes sociales se estaban produciendo sobre los alimentos saludables frente a los no saludables. Para ello, recopilaron los hashtags #UrWhatUPost y rastrearon los tipos de alimentos que compartimos en las redes sociales, y luego enfrentaron los alimentos saludables, como las uvas, con los no saludables, como la nata. El objetivo del sitio web está en consonancia con la misión general de la empresa: Cambiar la forma en que la gente piensa (y publica) sobre la comida sana.

microsite-foodpornindex

Bolthouse Farms demuestra que los micrositios no tienen por qué ser minimalistas. Las páginas del sitio son coloridas y animadas, con palabras y números en movimiento que se convierten en zanahorias colgantes y granadas en movimiento. Al hacer clic en un alimento, se produce una magia: cada alimento es diferente. Haz clic en una granada y podrás «golpearla» con tu clicker como si fuera una piñata. Haz clic en un melón y te llevará a una página de «meditación sobre el melón», algo parecido al visualizador de iTunes.

4) Dominosdxp.com | Domino’s Pizza

El año pasado, Domino’s anunció sus nuevos coches de reparto de pizza Chevy Spark, conocidos como DXP. Los coches fueron rediseñados a propósito para la entrega de pizzas, y como resultado, cuentan con una tonelada de características impresionantes – como un horno donde la puerta izquierda debería estar, espacio para hasta 80 pizzas, almacenamiento personalizado para salsas y bebidas.

Para mostrar esta maravilla, recientemente lanzaron un micrositio dedicado que detalla todas las cosas DXP.

dominos-microsite.png

El sitio web es muy interactivo y permite a los visitantes hacer zoom en cada una de las características para obtener una mejor comprensión del propósito y el nivel de pensamiento que entró en cada adición. Todo el sitio también está hábilmente animado, lo que hace que sea realmente interesante aprender acerca de cada característica.

Si nada más, este es un gran ejemplo de cómo tomar un producto bastante complejo o idea y promover y explicar de una manera que es a la vez divertido y fácilmente digerible. Pero no te conformes con nuestra palabra… visita la web para explorar por ti mismo.

5) EmojiTracker.com | Matthew Rothenberg

No hay ningún «punto» en emojitracker.com — fue creado por Matthew Rothenberg, ex Jefe de Producto en Flickr y Bitly, como un experimento de seguimiento en tiempo real de todos los emojis utilizados en Twitter.

Screen_Shot_2014-08-19_at_3.37.13_PM

Las únicas llamadas a la acción en el sitio son los botones de twittear y seguir en la parte inferior. Por lo demás, es sólo por puro interés. Sin barra de navegación o forma de llegar a otro sitio, en realidad podría ser confuso para algunas personas.

Técnicamente, rompe las reglas de un buen diseño de interfaz de usuario, pero sirve para demostrar que los micrositios no necesitan tener diseños complicados. Hay que mantener la sencillez para que la gente permanezca en la página sin ocupar demasiado tiempo.

6) Fu2016.com | House of Cards

Apártate, Donald Trump. Hay un nuevo candidato presidencial que está arrasando en internet con este impresionante e interactivo microsite.

Si no conoces la serie de Netflix «House of Cards», el programa sigue a un hombre llamado Francis Underwood, un político despiadado con una agenda oculta. Ahora que la serie entra en la cuarta temporada, han promocionado el estreno con un ingenioso micrositio que se burla de la política. Hablando del momento perfecto, ¿no?

frank-underwood-microsite.png

El micrositio invita a los visitantes a unirse al movimiento de Underwood y a conseguir apoyo para temas «importantes» como la desigualdad, la deshonestidad y los derechos. Pero bromas aparte, lo que más nos gusta de este micrositio es el diseño. De hecho, se podría argumentar fácilmente que el sitio funciona mejor que los de los candidatos presidenciales reales. Desde los llamativos ojos de Underwood (visita el sitio web para verlo por ti mismo) hasta los vídeos de alta calidad, el micrositio te atrae y ofrece buenas razones para que te quedes y te comprometas con el contenido.

FU_2016.png

7) WhatTheF*ckShouldIMakeForDinner.com | Zach Golden

¿No tienes un gran presupuesto? Sigue la pista de Zach Golden, autor de What The F*ck Should I Make For Dinner?, que ha creado un microsite para promocionar el libro.

¿Qué_mierda_debo_hacer_para_la_cena_.png

Orejeras, niños.

El sitio tiene un diseño muy sencillo: Una línea rotativa de «propósito de la receta», una receta rotativa del libro y tres enlaces que te permiten una especie de «elegir tu propio viaje». Tiene un tema minimalista en blanco y negro; utiliza todas las mayúsculas; y coloca una pequeña llamada a la acción en la esquina que promociona su libro. Eso es todo.

La empresa de medios Digiday siguió el ejemplo de Golden y utilizó su plantilla de micrositio para realizar un experimento propio. Crearon el micrositio WhatTheF*ckIsMyTwitterBio.com -con cero presupuesto para medios- para ver si el contenido se volvía viral y ayudaba a construir su marca.

«Gracias al WTFEngine de código abierto de Justin Windle, a un alojamiento web barato y a un registro de dominio de 12 dólares, WhatTheF*ckIsMyTwitterBio.com estuvo listo y funcionando en menos de dos horas», dice el comunicado de prensa de Digiday. «El segundo paso fue poblar el sitio con contenido, lo que llevó .»

What_The_Fuck_Is_My_Twitter_Bio_.png

¿Su mayor conclusión? Que el buen copy funciona. «No gastamos ni un centavo en promocionar el sitio, y llegó a casi 100.000 usuarios únicos ‘orgánicamente’.»

8) ElfYourself.com | OfficeMax

No pensarías que podía escribir una entrada en el blog sobre micrositios y no incluir a ElfYourself, ¿verdad? Por supuesto que no. La captura de pantalla de abajo muestra el aspecto del sitio web ahora mismo, pero cuando lleguen las fiestas, espera que tu bandeja de entrada vuelva a estar plagada de animaciones de ElfYourself este año porque ElfYourself no va a desaparecer.

Screen_Shot_2016-03-02_at_3.01.52_PM.png

¿Qué ha hecho que el sitio sea tan popular? Además de ser divertidísimo, es fácilmente compartible, tiene una única llamada a la acción y convierte a los usuarios en protagonistas.

«Dio vida a la marca para los consumidores», escribió Kenneth Hein en Forbes, «y para el público de empresa a empresa proporcionó un rostro humano para el gran minorista de cajas»

En otras palabras, Office Max utilizó el micrositio para ser creativo y dejar que su bandera friki ondeara, y funcionó a las mil maravillas. Centraron la campaña en los consumidores, no en la marca, pero el vínculo con las ventas llegó al final de los vídeos de ElfYourself en forma de cupones y promos.

9) TasteTheFeeling.Coca-Cola.com | Coca-Cola

Aceptémoslo: A todos nos gustan los GIFs. Y la gente de Coca-Cola ha aprovechado esta inevitable admiración creando una experiencia online inmersiva en forma de microsite «Taste the Feeling».

Coca_Cola_Taste_The_Feeling.png

Así es como funciona: Cuando los usuarios entran en la página, se encuentran con un vídeo musical de dos minutos ambientado con los sonidos de un himno de campaña personalizado de Avicii y Conrad Sewell. El vídeo se compone de GIFs en bucle de tres segundos que representan las muchas emociones que sienten los consumidores de Coca-Cola. Mientras lo ves, puedes seleccionar una emoción haciendo clic en uno de los 32 iconos basados en emociones, o introducir tu propia emoción para sacar el GIF correspondiente.

Todos los GIFs son fácilmente compartibles en las redes sociales, lo que sirve como una gran manera de atraer a la gente de vuelta al sitio para participar con el contenido.

Este micrositio también sirve como un gran ejemplo para aquellos interesados en globalizar sus activos de campaña, ya que está disponible en más de 20 idiomas diferentes.

10) Inside.Chanel.com | Chanel

Inside Chanel es un micrositio que «trabaja para informar a los consumidores sobre la historia y el patrimonio de la casa a través de vídeos y contenido multimedia», según Luxury Daily. El sitio alberga un montón de vídeos cortos y sociales que relatan las personas, los lugares, las cosas y los eventos que han contribuido al éxito continuado de esta icónica marca de moda.

¿El objetivo? «La estrategia de este micrositio es crear cierta accesibilidad a la historia de Chanel, pero sobre todo a su éxito a lo largo de los años», explica Dalia Strum, presidenta de Dalia Inc.

Inside_CHANEL.png

Nos encanta su enfoque centrado en el vídeo para la narración visual. Cada uno de los vídeos pretende descorrer el telón y ofrecer a los visitantes una mirada exclusiva a las fotos e historias entre bastidores, en relación con diferentes aspectos de la marca: el color, la alta costura, etc.

Es importante señalar que este sitio no es el primer intento de Chanel de crear un micrositio. De hecho, la marca ha experimentado con múltiples formatos de micrositios, incluyendo el sitio de estilo editorial Chanel News:

Chanel_News.png

11) BurgerBff.com | Mellow Mushroom

Este micrositio de la gente de Mellow Mushroom – una franquicia de pizzerías establecida en Atlanta, Georgia – fue creado para apoyar su reciente campaña «Burger BFF». La campaña se puso en marcha para dar a conocer su nuevo menú: Herb (una hamburguesa vegetariana) y Carnie (una hamburguesa de carne).

Los elementos del menú se han adaptado en BFFs de dibujos animados por el bien de la campaña … y el resultado es bastante adorable.

BFF_Burger.png

Mellow Mushroom utiliza el micrositio como una forma de promover un concurso para tener la oportunidad de ganar un viaje redondo a Denver o Seattle con su bestie. Y lo hace de varias formas realmente divertidas e interesantes. Por ejemplo, una sección del sitio invita a los visitantes a utilizar el hashtag #BurgerBFF para participar en el concurso y mostrar sus mejores fotos de hamburguesas en Instagram:

BurgerBFF_Campaign.png

Pero eso no es todo: El sitio también ofrece a los visitantes varias otras formas atractivas e interactivas de participar en el concurso, incluyendo concursos y un generador de historias al estilo Mad Libs.

Aquí tienes 11 ejemplos de páginas de precios que querrás consultar.

Nueva llamada a la acción

Deja una respuesta

Tu dirección de correo electrónico no será publicada.