Artículo

6 tiendas con impresionantes páginas de productos

Las páginas de productos son lo último que ven los compradores antes de realizar la compra.

O, si las cosas no salen según lo planeado, lo último que ven antes de llegar a la salida.



Analicemos seis tiendas de seis nichos diferentes, cada una con impresionantes páginas de productos. Pondremos sus páginas de productos, todas las cuales fueron creadas con Shopify, bajo un microscopio para ver lo que están haciendo y que usted pueda replicar en su tienda.



Contenido de la publicación

¿Cómo hago un geofiltro para Snapchat?

No espere a que alguien más lo haga. Contrate usted mismo y comience a tomar las decisiones.



Empiece Gratis

La página de producto estándar

Lo más probable es que sea cual sea la plantilla de diseño que uses para tu tienda Shopify, el backend de la página del producto se verá así:

Así es más o menos cómo las páginas de productos salen de la caja: imagen en la descripción de la izquierda y Añadir al carrito botón a la derecha elementos opcionales como botones sociales, selector de cantidad, etc.

Cuando páginas como esa se envían en vivo, se parecerán más o menos a esta:



Nada de malo con eso. Todos los elementos esenciales están ahí. Múltiples imágenes, opciones de color y (por supuesto) la Añadir al carrito botón.

Pero veamos cómo un puñado de tiendas ingeniosas convierten las páginas de productos estándar en páginas de productos llamativas.


Allbirds

Allbirds, que vende zapatos, creó la página del producto que vimos arriba. Ya sabes, el de apariencia normal.

Pero las páginas de productos de Allbirds solo son normales si no se desplaza hacia abajo. Una vez que se sumerge, encontrará algunas de las mejores páginas de productos.

Hay mucho que adular aquí. En primer lugar, Allbirds se adhiere al viejo adagio de que 'la forma sigue a la función'. Es decir, tienen una descripción del producto que encaja perfectamente en el espacio provisto, junto a la imagen destacada, sin interrumpir la simetría del diseño.

¡Pero no hay escasez de información! Porque cuando hace clic en Más información, se le redirige a un ancla en la parte inferior de la página del producto.

Ahí es donde encontrará una sección enorme y colorida dedicada a los detalles que no encajan perfectamente en la parte superior:

No existe una regla que diga que las descripciones de los productos deben limitarse a ese pequeño rincón sobre el botón del carrito. Mover esos detalles hacia abajo le da a Allbirds lo mejor de ambos mundos: toneladas de detalles e imágenes que destacan el producto, y un diseño que es intuitivo. (Este diseño también asegura que el Añadir al carrito El botón permanece sujeto por encima del pliegue. Que es donde pertenece.)

Otra cosa asombrosa de las páginas de productos de Allbirds son los videos atrevidos que incluyen:

Cuando hace clic en esa 'imagen', se le trata con un video en lugar de otra foto de producto. El video es simple: solo dura unos segundos. No hay nominaciones al Emmy aquí. Pero este tipo de toques pueden revolucionar las páginas de sus productos.

https://www.datocms-assets.com/22581/1603987525-woolloungerfemale1-1.mp4

Un par de cosas más para señalar con las páginas de productos de Allbirds.

¿Quiere que las páginas de sus productos sean memorables? ¿Qué tal una gran imagen en alta definición de un animal extraño?

Luego, hay una serie de beneficios que van desde la comodidad hasta la conveniencia y las preocupaciones ambientales, cada una con su propio ícono ingenioso:

¿Enchufes de redes sociales en la página de un producto? Si, Por qué no:

Ver más: Ejemplos de páginas de productos de Allbirds

Corredores de lana para hombre

Corredores de árboles para hombres

Tumbonas de lana para mujer


Él

El siguiente es Hem, una marca de muebles escandinava. Hem emplea algunas tácticas inteligentes para convertir las páginas de productos en una experiencia propia.

Muy bien, aquí está la página básica del producto, sea la parte superior de la página. Si alguien ya ha decidido comprar, puede seguir adelante y realizar su pedido de inmediato.

Hem tiene su propia forma de ser económica con detalles adicionales. En lugar de vincular a otras partes de la página del producto, utilizan una función de contracción. Esta…

... se convierte en esto:


Este diseño hace que no tenga que desplazarse hacia abajo para obtener información vital. Por supuesto, si tu hacer desplácese hacia abajo, las cosas se ponen bastante interesantes.

Estas son las dos primeras imágenes con las que te encuentras: una es un video, la otra un cactus.

No recuerdo haber visto nunca un cactus sentado en un sofá. Dicho esto, no me he olvidado de este cactus de sofá desde que lo vi. Es simplemente ... genial. Un sofá caro, por un lado, un sofá que cuenta con toda la clase que esperarías de un diseño escandinavo de alta gama, y ​​un pequeño cactus por otro lado. La rareza logra crear una escena extrañamente memorable.

Y luego el video. Una vez más, esta no es una videografía a nivel de festival de cine. Pero son imágenes en movimiento, ya la gente le encantan las imágenes en movimiento. El video de 26 segundos muestra el sofá desde una miríada de ángulos e ilustra lo fácil que es construirlo.

Después de eso, más fotos (fotos grandes y hermosas) con una pizca de palabra escrita para brindarles a los compradores cualquier detalle que puedan faltar.

Ver más: Ejemplos de páginas de productos de dobladillo

como hago un gif

Chaise Izquierdo Palo 2 Plazas

Silla Udon

Taburete de madera


Ciclos puros

El creador de bicicletas Pure Cycles incorpora más de unos pocos elementos ingeniosos en sus páginas de productos.

Centrémonos en cuatro toques sutiles pero brillantes.

1. Este pequeño corazón

Este corazón te permite agregar algo a tu lista de deseos. Este es un buen toque por varias razones: en primer lugar, facilita las compras futuras, lo que siempre es bueno. En segundo lugar, atrae a las personas a compartir sus datos de contacto, lo que permite a Pure Cycles acelerar una compra futura con correos electrónicos y códigos de descuento.

2. Esta opción de Messenger

Esto puede resultar muy conveniente para los compradores. Probablemente tampoco perjudique los esfuerzos de Pure Cycles'ove en Facebook para que los compradores interactúen con la plataforma de redes sociales en las páginas de productos.

3. ¡Más contenido!

Pure Cycles le avisa de que hay contenido adicional debajo del pliegue de esta página de producto. Por si acaso alguien pensó erróneamente que esta página comenzaba y terminaba con una simple compra.

4. Precioso video

Finalmente, el video incrustado entre las fotos del producto.

Haga clic en eso y obtendrá esto. No hay nada de malo en 50 segundos de dos personas guapas disfrutando de la vida con sus bicicletas Pure Cycles:

El resto de la página del producto Pure Cycles es predeciblemente hermoso. Pure Cycles lo carga con reseñas de clientes, fotos, enchufes de redes sociales y detalles de envío, cosas que definitivamente no encajarían allí junto al Añadir al carrito botón.

Y para aquellos que anhelan algunos detalles concretos, Pure Cycles lo tiene cubierto:

Ver más: Ejemplos de páginas de productos de Pure Cycles

Bicicleta de carretera

Bicicleta de ciudad pura

Viajero urbano

Original Plus

Un breve comentario sobre los vídeos de la página del producto

Ahora, si acaba de ver ese video de Pure Cycles, podría estar pensando: '¿Cómo &% $ ^ voy a crear algo así?'

Sin duda, ese video es bastante hábil. Cosas como esa no aparecen de la nada.

¡Pero los videos no son imposibles!

¿No me crees? Supongamos que Oberlo comenzó a vender sudaderas. Las sudaderas son un artículo como ese que definitivamente podría usar un video en la página del producto, ¡así que preparamos uno! Esto se creó en aproximadamente 45 minutos, desde la filmación hasta la edición, la exportación y la carga.

Claro, ese video no recibirá ninguna ovación de pie. Y se le perdonará si no se muere por comprar una de esas sudaderas. ¡Pero no ponga los ojos en blanco ante la idea de hacer un video! Esto no es solo algo para grandes marcas. La barrera de entrada se ha reducido a tomar un café fuerte y un iPhone.

Bien, pasando a nuestra próxima tienda.

Maestro y dinámico

Master & Dynamic vende accesorios de audio de alta gama. La parte superior de la página del producto es relativamente normal ...

... pero luego las cosas se vuelven francamente elegantes cuando miras a tu alrededor.

Aquí está la página del producto Master & Dynamic debajo de la página: una cuasi línea de tiempo de características:

Esto es bastante brillante: usar el diseño del producto real para alimentar el diseño. Claro, el cable de los auriculares es especialmente perfecto. Pero incluso si vende hilanderos inquietos, tapetes de yoga u otra cosa, crear la página del producto en torno al producto le brinda una estructura coherente con la que trabajar.

Hacia la parte inferior, después de haber sido tratado con una serie de fotos fascinantes, obtiene las especificaciones técnicas.

Ver más: ejemplos de páginas de productos maestras y dinámicas

Auriculares ME05

Auriculares supraaurales inalámbricos MW60

Altavoz inalámbrico


Domingo de suministro

Sunday Supply, una tienda australiana que vende sombrillas de playa, va a lo grande con sus páginas de productos. Como, literalmente grande.

Ignoran el diseño estándar de 'producto a la izquierda, detalles a la derecha' y, en su lugar, hacen todo lo posible con fotografías enormes:

Incluso la página del producto de la tarjeta de regalo presenta una imagen masiva:

No tienes que ir muy lejos para encontrar el Añadir al carrito botón, que se encuentra justo debajo de esta imagen. (Los botones de Sunday Supply dicen 'Agregar a la bolsa' porque, ya sabes, tiene un tema de playa).

Luego te encuentras con algunos detalles del producto que están escritos con una voz irresistiblemente encantadora, lo que le da al paraguas cualidades humanas como ser 'un amante de los largos días al sol y un gran compañero'.

cómo ganar amigos e influir en las personas resumen por capítulo

Otros detalles como 'Se pliega a 1.2M X 0.2M X 0.2M' o '~ 7.0KG de peso' se pueden encontrar más abajo en la página, así que eso es todo. Pero, ¿por qué no liderar con las cosas divertidas?

Como sería prudente hacer cualquier tienda que venda artículos de playa, Sunday Supply también muestra sus productos en la naturaleza. Cuando puedes usar el océano como telón de fondo, ¿por qué no?

Ver más: Ejemplos de páginas de productos de Sunday Supply

Sombrilla de playa Natural Instinct

Tarjeta de regalo

Sombrilla de playa Animal Kingdom


Estudio ordenado

Las unidades de carga y almacenamiento de dispositivos de Studio Neat tienen páginas de productos que son tan elegantes como los artículos elegantes que venden.

La infraestructura de la página es estándar pero excepcionalmente ejecutada. Las dos oraciones del texto descriptivo le permiten visualizar cómo se vería el artículo en su lugar - 'En su mesa de noche o en su escritorio ...' - y toques como la imagen circular le dan un toque.

Justo debajo de eso, nos encontramos con un video que está limpio y pulido, pero nada que requiera el conocimiento de Hollywood.

el mejor momento para publicar un evento en facebook
https://www.datocms-assets.com/22581/1603987527-studio-neat.mp4

Luego, la página del producto se convierte en un recorrido visual de las características que podría esperar si comprara esta estación de acoplamiento. Mientras tanto, hay acentos de texto informal ('Así que no importa cómo ruedes, tendrás un lugar para tus dispositivos').

Finalmente, la página del producto incluye algunas tomas de esta base para teléfono en la casa y la oficina.

Los diseños de las páginas de productos de Studio Neat varían y todos son geniales. Aquí, por ejemplo, hay algunas tomas de la página del producto para un pin de pantalla táctil. Esta lección de anatomía es tanto informativa como visualmente atractiva.

Mientras tanto, este primer plano del bolígrafo en acción realmente te da ganas de jugar con uno.

Ver más: Ejemplos de páginas de productos de Studio Neat

Muelle de material

Cosmonauta

Soporte remoto para Apple TV


Conclusiones sobre las páginas de productos

Todas estas páginas de productos comparten algunas cosas en común. Vamos a probarlos al estilo tldr.

Hay mucho espacio, utilícelo

Estas páginas de productos no permiten que los píxeles se desperdicien ni evitan que el comprador se desplace un poco. Las páginas de productos nacieron en revistas y periódicos, donde el espacio era precioso. Pero en línea, no tiene que elegir entre esa imagen adicional o esa información adicional detallada. Úsalo todo.

Vídeos e imágenes enormes

Hemos tocado los videos. ¡Deberías hacer videos! Y, por supuesto, no olvides las fotos. Estas páginas tienen imágenes exquisitas. Si eres un dropshipper, eso significa que no solo debes usar las fotos de tus proveedores. Ordene sus productos y llévese los suyos. No es necesario que venda bicicletas o equipos de audio de alta tecnología para que las fotos de sus productos cobren vida.

La conversión aún es posible en la parte superior de la página.

Estas páginas de productos asombrosas ayudarán a convertir a las personas que están indecisas acerca de las compras. Por eso vemos fotos y videos y diseños elegantes. ¡Pero no se olvide de las personas que ya sacaron sus tarjetas de crédito! Si alguien está listo para comprar, haga lo que hacen estas tiendas y posibilite la compra de artículos sin desplazarse ni buscar.

¿Querer aprender más?

¡Aquí hay algunos otros artículos que lo ayudarán a definir las páginas de sus productos!



^