9 ejemplos de personalización en sitios web

Tabla gratuita de colores HTML
Maria Coppola
Maria Coppola

Actualizado:

Publicado:

Para que tu marca gane visibilidad en línea entre tantos competidores, es necesario que les ofrezcas a tus visitantes experiencias agradables y cercanas. Una gran opción para lograrlo es la personalización de tu sitio web para tus diferentes usuarios.

Ejemplos de personalización en sitios web

Esto incluye ajustes a la página que dependen de la ubicación del visitante, el tipo de dispositivo que usa, el sitio desde donde llegó, si cuenta con suscripción o no, entre otros criterios. A continuación compartiremos contigo una serie de ejemplos para que esto te sea más claro y consigas aplicarlo en tu trabajo.   

1. AeroMéxico: personaliza sitio web con CTA

ejemplos de personalización de sitios de trabajo: AeroMéxicoImagen de AeroMéxico

La aerolínea mexicana, en su página oficial, ha colocado una ventanilla con una llamada a la acción (CTA) que invita a los usuarios a inscribirse en su Club Premier, con el fin de disfrutar de una serie de beneficios al comprar sus boletos de vuelo. Esta no solo es una excelente manera de aumentar sus conversiones, es una oportunidad de obtener leads calificados por marketing (MQL), ya que va dirigidos a personas que ya están suscritas y se les motiva a dar un paso más con la marca. 

¿Qué aprender de este ejemplo de personalización en sitio web?

La ventana con CTA está colocada al lado de la columna donde los usuarios buscan sus vuelos, por lo cual está diseñada para captar la atención de viajeros frecuentes, con el propósito de que aprovechen sus puntos, adquieran más boletos en el futuro y se fidelicen a la marca.

Para que los visitantes realicen una acción tienes que ofrecerles un beneficio a cambio, ya sea un descuento, un tutorial, una membresía, etc. Con el CRM de HubSpot puedes personalizar los CTA de tu sitio web, de acuerdo con la etapa que se encuentren los usuarios en el ciclo de compra.

2. Spotify: personaliza sitio web con recomendaciones

ejemplos de personalización de sitios de trabajo: SpotifyImagen de Spotify

Otro método con el que las marcas se acercan a sus clientes es por medio de recomendaciones de consumo o de compra. Esto se logra al estudiar el comportamiento de los usuarios en su propio sitio web y al aplicar algoritmos. Uno de los ejemplos más destacables es Spotify, que ofrece una serie de canciones a los usuarios con base en la música que ya han escuchado en la plataforma; como resultado pasarán más tiempo allí.

¿Qué aprender de este ejemplo de personalización en sitio web?

Implementar herramientas como Google Analytics para analizar el comportamiento de los usuarios en un sitio web es vital; así entenderás cuáles son las preferencias de cada uno de tus prospectos o clientes. Esto también es sumamente importante para los productos o servicios que ofreces. Otro ejemplo de ello son las recomendaciones que hace Amazon.

3. Mercado Libre: personaliza sitio web con incentivos de compra

ejemplos de personalización de sitios de web: Mercado LibreImagen de Mercado Libre

Como parte del seguimiento del comportamiento del usuario en el sitio web, la tienda en línea de origen argentino sugiere a sus suscriptores que añadan más productos a su carrito para obtener un envío gratis. Incluso al ir al carrito aparece el mismo mensaje con el monto que falta por cubrir. De esta forma las personas optan por agregar más productos, en lugar de pagar costos de envío.

¿Qué aprender de este ejemplo de personalización en sitio web?

Acompañar a los usuarios en su recorrido de compra y brindarles una opción que beneficie a ambas partes, son grandes maneras de fortalecer la relación entre clientes y empresas. Si tú también tienes una tienda en línea, procura ofrecer descuentos en los envíos o establecer un monto a partir del cual la entrega sea gratis. 

4. Starbucks: personaliza sitio web por país

ejemplos de personalización de sitios web: StarbucksImagen de Starbucks

Este es un ejemplo claro de personalización de un sitio web por ubicación. Tenemos la página oficial de Starbucks en México que durante octubre se suma a las festividades de la época y acorde a ello promociona una bebida especial alusiva al Día de muertos.

personalización de sitios webImagen de Starbucks

Por otro lado, en la página oficial de Starbucks de Brasil, encontramos una información totalmente diferente, además del cambio de idioma, el mes de octubre para ese país significa la llegada de la primavera. 

¿Qué aprender de este ejemplo de personalización en sitio web?

Para una compañía internacional es vital que adapte sus productos a los gustos de la gente de cada país. Esto se aplica inevitablemente en sus páginas web. Cualquier empresa o negocio debe realizar estas diferenciaciones desde el nivel local. El contenido inteligente de HubSpot te ayuda a personalizar las secciones de tu sitio web, dependiendo de la ubicación del visitante. 

5. Uber: personaliza sitio web por tipo de cuenta

ejemplos de cómo personalizar sitios web: UberImagen de Uber

Uber es una de las marcas más famosas de transporte privado. Mediante su aplicación móvil se encarga de coordinar, tanto a conductores como a usuarios que solicitan sus servicios. Al entrar a su página web solicita al visitante que indique qué tipo de cuenta tiene para iniciar sesión y mostrarle a cada uno una interfaz y opciones diferentes. 

¿Qué aprender de este ejemplo de personalización en sitio web?

Esta marca prioriza a sus socios y usuarios con contenido relevante para cada grupo, precisamente porque ellos obtienen beneficios diferentes de la marca. Así que no olvides darle su lugar a todos los colaboradores ya que ellos también hacen posible que tu negocio funcione y crezca.  

6. Facebook: personaliza sitio web con fechas especiales

ejemplos de personalización de sitios webImagen de Facebook

Una de las características más destacables de Facebook es que brinda publicaciones personalizadas a cada uno de sus usuarios, ya sean recuerdos del pasado, tarjetas de cumpleaños para amigos, aniversarios de relación de pareja, aniversarios de amistad, entre otros. De esta forma aumenta el uso de su plataforma. 

¿Qué aprender de este ejemplo de personalización en sitio web?

Este tipo de personalización consiste en humanizar a los usuarios, tomando en consideración fechas y personas importantes para ellos. Algunas marcas incluso mandan mails con felicitaciones de cumpleaños. Si les das un trato especial a tus clientes, ellos también valorarán a tu empresa. 

<< Tabla de colores HTML para tu sitio web [Plantilla gratis] >> 

7. Pinterest: personaliza sitio web por tipo de usuario

ejemplos de personalización de sitios web: PinterestImagen de Pinterest

Ajustar el sitio web para cada tipo de usuario es algo que destaca a una marca; de esta forma, los usuarios notan que al registrarse o suscribirse tienen acceso a contenido exclusivo u otras ventajas. Esto es algo que Pinterest entiende muy bien:  a sus visitantes les muestra una página principal que trata de demostrar sus virtudes. 

personalización de sitios web - ejemplo de Instagram

Pero a los usuarios registrados les muestra esta interfaz con imágenes relacionadas con las búsquedas y clics que han realizado en la página.  

¿Qué aprender de este ejemplo de personalización en sitio web?

Si tu marca o página web tiene como objetivo principal la creación de una cuenta, registro o suscripción es indispensable que a los usuarios se les ofrezca contenido más personalizado y que no sea de acceso público. De esta forma los visitantes se sentirán recompensados al compartir sus datos contigo. Con el CRM de HubSpot es posible personalizar tu contenido web para usuarios con membresía o suscripción

 8. Google Maps: personaliza sitio web con versión móvil

ejemplos de personalización de sitios web: Google MapsImágenes de Google Maps

Actualmente son múltiples los dispositivos con los que las personas navegan en internet. Por ello una marca debe tener preparado su diseño web para que se adapte a ordenadores, laptops, tablets y sobre todo teléfonos móviles, porque los usuarios consultan y realizan más acciones desde allí. En este caso, apreciamos la adaptación del sitio web de Google Maps: a la izquierda, la versión de computadora y, a la derecha, la versión móvil. 

¿Qué aprender de este ejemplo de personalización en sitio web?

En muchísimos casos, la versión de escritorio no se ve bien o tarda mucho en cargarse desde un teléfono inteligente, lo que representa una mala experiencia para el usuario. Esto te puede ocasionar incontables fugas de clientes, así que crea la versión móvil y sigue el ejemplo de Google Maps. 

9. Sears: personaliza sus mails desde su sitio web 

ejemplos de personalización de sitios web: Sears

Imagen de Sears

Esta tienda es un ejemplo de cómo puedes llevar la personalización un paso más adelante. Sears crea recomendaciones de productos para los usuarios que se han registrado en su página, de acuerdo con las consultas que han hecho en su sitio. Aprovecha esos datos del recorrido de sus clientes y les manda las ofertas por correo personalizadas con su nombre.

¿Qué aprender de este ejemplo de personalización en sitio web?

Además de brindarles beneficios a sus usuarios desde el momento en que se registran en su landing page, les da una atención personalizada por medio de mails, lo que resulta positivo para la fidelización de sus clientes. Recuerda que con el CRM de HubSpot puedes personalizar tu contenido web, landings pages y correos electrónicos

Hasta aquí hemos llegado con esta lista de ejemplos de personalización en sitios web de grandes marcas. Esperamos que este artículo te ayude a realizar estos ajustes en tu propia página web y logres optimizar las experiencias de tus visitantes, suscriptores o clientes. 

Tipos de colores y combinaciones para una página web
Temas: Diseño Web

Artículos relacionados

Tu privacidad es muy importante para nosotros. HubSpot utiliza la información que nos proporcionas para mantenerte al tanto de nuestros productos, servicios y contenido relevante. Puedes cancelar la suscripción a estos mensajes en cualquier momento. Para más información, consulta nuestra Política de privacidad.

Descubre la gama cromática adecuada para crear una mayor interacción en tu sitio web

CMS Hub is flexible for marketers, powerful for developers, and gives customers a personalized, secure experience

START FREE OR GET A DEMO