Instant

×

×

ConvertMate

Investigación del equipo de Instant y ConvertMate.

Qué ponen 312 marcas de belleza en la primera pantalla

Qué ponen 312 marcas de belleza en la primera pantalla

Qué ponen 312 marcas de belleza en la primera pantalla

Analizamos el hero —la primera pantalla de la home— de 312 marcas de belleza y skincare. Sin que nadie lo anunciara, la primera pantalla se convirtió en una landing de campaña.

Analizamos el hero —la primera pantalla de la home— de 312 marcas de belleza y skincare. Sin que nadie lo anunciara, la primera pantalla se convirtió en una landing de campaña.

7 de agosto de 2026

Heroes de home de marcas de belleza

Abre casi cualquier home de belleza y caes en plena campaña. Un lanzamiento nuevo, una edición de verano, una foto de modelo con mucha atmósfera, una línea de copy enorme. Se ve muy bien. Y también se salta la pregunta que la marca más necesita responder: qué es esto y por qué debería comprarlo.

Esa es la tensión que todo hero de belleza tiene que resolver. La home quiere sentirse como una campaña. El comprador, aun así, necesita entender el producto, el motivo y el siguiente clic en unos cinco segundos.

La categoría no converge hacia un solo look. Converge hacia una sola forma de trabajar: un hero que se actualiza como una campaña y se comporta como una landing. La jugada ganadora no es minimalista ni maximalista. Es mucha expresión de marca con poca fricción.

Esto es lo que dicen los datos, y lo que vale la pena copiar.

La imagen estática sigue ganando; los sliders se acabaron

La imagen estática sigue ganando; los sliders se acabaron

Tres de cada cuatro marcas usan un hero estático. Lo estático da control sobre el encuadre, el copy y la primera impresión exacta, y facilita cambiar la campaña cada semana. El video aparece cuando el movimiento es la historia real del producto: textura, aplicación, agua, cabello, acabado en la piel. Los carruseles murieron en silencio. Solo el 5% usa uno, porque pedirle a un comprador que espere o deslice es pedirle que se vaya.

Hero de Gisou

Hero de Gisou

Formato del hero

Imagen estática
234 (75%)
Video de fondo
58 (19%)
Slider
17 (5%)
Formato mixto
3 (1%)
050100150200250300
n = 312 marcas · una sola categoría por marca

Las marcas que eligen video dejan clara la lógica. Vacation, Ultra Violette, ILIA y K18 recurren al movimiento porque el producto de verdad se mueve: el protector solar al extenderse, el cabello al caer, la textura al esparcirse. Las pocas que siguen con sliders, como KraveBeauty y Farmacy, son la excepción que confirma la regla.

Las personas venden deseo. Los productos venden claridad.

Las personas venden deseo. Los productos venden claridad.

En esta división está toda la historia. Muestra una persona y el comprador desea el producto. Muestra el producto y lo entiende. Los mejores hacen las dos cosas: una cara o una atmósfera para el deseo, más un producto reconocible o un titular centrado en el resultado para la comprensión. Cuando aparece solo una de las dos, la modelo se roba toda la atención y el producto se pierde.

Hero de Curology

Hero de Curology

Sobre qué está construido el hero

Protagonismo de personas
131 (42%)
Protagonismo del producto
109 (35%)
Persona + producto
50 (16%)
Ilustración / mosaico
22 (7%)
0255075100125150175
n = 312 marcas · una sola categoría por marca

Curology muestra bien cómo hacer las dos cosas a la vez: dos rostros a mitad de rutina con el frasco sostenido hacia la cámara, así el deseo y el producto llegan juntos. Kosas y Tower 28 convierten la piel misma en la prueba. rhode va para el otro lado con atmósfera pura, «Summer on the skin» sobre una sola modelo, y se apoya en su copy y su CTA para completar lo que la imagen deja fuera.

La mayoría de los heroes vende un producto, no una marca

La mayoría de los heroes vende un producto, no una marca

Las homes de belleza giran alrededor del producto, no del «esto somos nosotros». Dominan los lanzamientos, las ediciones de temporada y las historias de un solo producto. El posicionamiento de marca amplio es poco frecuente, y la educación pura lo es todavía más. Una buena prueba rápida: un visitante que llega por primera vez debería responder tres preguntas en cinco segundos. ¿Qué es esto? ¿Por qué debería importarme? ¿Dónde hago clic?

Hero de Tower 28

Hero de Tower 28

El trabajo que hace el hero

Lanzamiento / producto destacado
92 (29%)
Campaña de temporada
70 (22%)
Beneficio / resultado
67 (21%)
Promoción
47 (15%)
Posicionamiento de marca
22 (7%)
Educación / demostración
14 (4%)
0255075100125150175
n = 312 marcas · una sola categoría por marca

Los titulares siguen el mismo orden. Los nombres de producto y los resultados van adelante; las frases de campaña vagas quedan atrás. Cada titular fuerte hace un solo trabajo: nombrar el producto, prometer el resultado o plantear el problema, como «Sweat happens. Breakouts don’t have to.» El patrón en los datos es simple: lo específico le gana a lo poético. El «+110%» de hidratación de Youth to the People rinde más que «Made for Summer».

Con qué abre el titular

Producto primero
84 (27%)
Beneficio / resultado
75 (24%)
Campaña / temporada
64 (21%)
Promoción primero
47 (15%)
Problema primero
25 (8%)
Marca / credibilidad
17 (5%)
0255075100125150175
n = 312 marcas · una sola categoría por marca

Los números hacen el mismo trabajo aún más rápido. Curology apila «93% report effective, 5M+ treated, 9K+ reviews» directo en el hero, y Lume abre con «300,000+ 5 star reviews». En una categoría ahogada en promesas amplias, una cifra real es la credibilidad más barata que puedes comprar.

Una acción clara, generalmente a la izquierda

Una acción clara, generalmente a la izquierda

El 70% de los heroes apuesta por un solo CTA. Es la decisión correcta. La primera pantalla debería tomar una sola decisión, no ofrecer cinco opciones.

Hero de Jones Road Beauty

Hero de Jones Road Beauty

Llamados a la acción visibles

Un CTA
217 (70%)
Dos CTA
59 (19%)
Sin CTA claro
25 (8%)
Tres o más
11 (4%)
050100150200250
n = 312 marcas · una sola categoría por marca

El copy va a la izquierda más de la mitad de las veces: así no se monta sobre rostros ni fotos cargadas, y se lee fácil.

Dónde se ubica el copy

Alineado a la izquierda
178 (57%)
Centrado
70 (22%)
Alineado a la derecha
42 (13%)
Distribuido en varios paneles
22 (7%)
050100150200250
n = 312 marcas · una sola categoría por marca

Fíjate en lo conservador que se mantiene el texto del CTA incluso cuando la dirección de arte grita: Shop Now, Shop the Collection, Take the Quiz. La primera pantalla no es el lugar para ser críptico. Y la oferta casi nunca vive dentro del hero. La barra de anuncios, delgada, se encarga del envío gratis, las rebajas y los regalos, para que el hero pueda mantenerse editorial, sin ofertas encima.

Qué hace la barra de anuncios

Envío gratis / entrega
120 (38%)
Promoción / rebaja
72 (23%)
Ninguna o poco clara
50 (16%)
Lanzamiento / novedad
42 (13%)
Regalo / recompensas
28 (9%)
0255075100125150175
n = 312 marcas · una sola categoría por marca

OSEA es el ejemplo más limpio de esto. El hero dice «30 Years of Skincare from the Sea» con una sola acción, «Explore our story», mientras el envío gratis se queda tranquilo en la barra, encima del nav (el menú de navegación). Trátalos como un solo sistema: que la barra responda «por qué comprar ahora» y el hero responda «por qué esto».

Claro, neutro y con fotografía real

Claro, neutro y con fotografía real

Casi la mitad de la muestra se inclina por lo claro y neutro; otro 20%, por la fotografía natural. El color brillante y maximalista se recuerda, pero es una apuesta minoritaria, y es el más difícil de mantener legible una vez que le apilas encima el nav, el copy, los sellos de confianza y una burbuja de chat.

Hero de Salt & Stone

Hero de Salt & Stone

La paleta dominante

Clara / neutra
142 (46%)
Fotografía natural
67 (21%)
Brillante / saturada
56 (18%)
Oscura / dramática
28 (9%)
Dividida / multicolor
19 (6%)
0255075100125150175
n = 312 marcas · una sola categoría por marca

Los maximalistas muestran el costo de esa decisión. Starface usa una cuadrícula neón de mosaicos verdes, rosas y morados que sin duda vas a recordar, pero ese mismo hero tiene que pelearse por la atención con su propio nav, las fotos de producto y una etiqueta de envío gratis. Lo claro y neutro es popular porque pierde menos de esas peleas. Lo brillante funciona cuando una marca se adueña del color y mantiene todo lo demás en silencio.

El patrón dominante en cada dimensión

El patrón dominante en cada dimensión

Dimensión

Opción más común

% del total

Formato del hero

Imagen estática

75%

75%

Construido alrededor de

Protagonismo de personas

42%

42%

Trabajo del hero

Lanzamiento / producto destacado

29%

29%

El titular abre con

Producto primero

27%

27%

Llamados a la acción

Un CTA

70%

70%

Ubicación del copy

Alineado a la izquierda

57%

57%

Barra de anuncios

Envío gratis / entrega

38%

38%

Paleta

Clara / neutra

46%

46%

En conjunto: los heroes de belleza suelen ser estáticos, alineados a la izquierda y construidos alrededor de un CTA claro, divididos entre la aspiración que aportan las personas y la comprensión que aporta el producto.

Si estás construyendo uno

Si estás construyendo uno

  1. Dale al hero un solo trabajo. Lanzamiento, bestseller, promo, categoría o marca. No los cinco.

  2. Muestra una sola prueba visual. Un resultado visible en una persona, el producto a tamaño real o la rutina completa.

  3. Escribe el valor en una sola frase. El nombre del producto, un resultado o una afirmación específica le gana a una atmósfera.

  4. Haz el CTA literal. «Compra el sérum» o «Haz el quiz», nunca un verbo críptico.

  5. Pon la urgencia en la barra. El envío gratis y las rebajas viven encima del nav, no en el hero.

  6. Diseña el mobile como un encuadre propio. Reencuadra y acorta. No te limites a encoger el hero de desktop.

Nada de esto te obliga a verte genérico. Los mejores heroes de belleza tienen una identidad inconfundible y aun así son clarísimos sobre qué está a la venta. Sé distintivo en la imagen, específico en el mensaje y predecible en la interacción. Actualiza el hero como si fuera una pieza publicitaria, no un folleto, y la home empieza a ganarse el tráfico que recibe.

Cómo se hizo este benchmark

Cómo se hizo este benchmark

Capturas de pantalla del hero de la home (versión desktop) de 312 marcas de belleza, skincare, haircare, cuidado personal, cuidado bucal y fragancias, tomadas en julio de 2026. Cada marca se clasificó en una sola categoría por dimensión, de modo que cada gráfico suma 312. Esto es una foto de un momento, no un test de desempeño: muestra qué eligen poner primero las marcas líderes, no qué elección generó más dinero. Entre las marcas del set están Glossier, Rare Beauty, Kosas, ILIA, Merit, Curology, Vacation, Youth to the People, Starface, Supergoop, Ultra Violette, rhode y OSEA.

Sigue leyendo el reporte completo

Desbloquea el análisis completo de las 312 marcas, más el PDF para compartir con tu equipo.

Al continuar aceptas los términos y condiciones y la política de privacidad.

¿Tu hero está haciendo el trabajo que debería?

¿Tu hero está haciendo el trabajo que debería?

Somos ConvertMate, la agencia de CRO para marcas DTC en Shopify en LATAM. Pide tu Blueprint gratis: un diagnóstico de conversión de tu tienda, con los problemas concretos que te están costando ventas y por dónde empezar.

Pedir mi Blueprint gratis →

Partner oficial de Shopify, Instant e Intelligems · +$60M USD desbloqueados para clientes en 2026