Actualmente hay más de 3 millones de sitios web de compras que utilizan WooCommerce como su plataforma preferida. Esto significa que hay muchos sitios de WordPress para examinar cuando busque inspiración para su último proyecto.
En este artículo, hemos elegido 12 sitios web de compras de WordPress bellamente diseñados. Todos estos muestran una variedad de elementos de diseño interesantes, útiles y, a veces, simplemente impresionantes. Así que eche un vistazo, decida qué funcionaría para su tienda de comercio electrónico de WordPress y luego comience con su propio diseño.
Anteriormente, Yes es una tienda de comercio electrónico creativa y hermosa. Minimal es la clave aquí, con un diseño limpio, simple y organizado. Todas las imágenes que se muestran tienen el mismo tamaño y todos los productos se muestran sobre un fondo gris. Un nombre de tienda discreto y posicionado artísticamente (anteriormente Yes) se adhiere al lado derecho de la página para que se vea, pero no distraiga, de los elementos de la página.
La página Acerca de le da a este negocio una sensación íntima. Aquí se muestra una imagen de pantalla completa de los propietarios y una reseña sobre ellos y su inspiración empresarial. A esto le sigue la dirección de su tienda, un mapa que muestra su ubicación para que los clientes puedan encontrarlos fácilmente y los horarios de apertura más importantes.
2. bata
Bata brinda una experiencia divertida y vibrante para su audiencia, muy en línea con la imagen que han creado para su colección de zapatos. Una imagen de pantalla completa con superposición de texto da la bienvenida a los visitantes, preparando el escenario para un sitio web elegante y de moda.
Un collage de imágenes y videos ocupados y coloridos conforman la página de inicio, alentando a la audiencia a conocer la compañía, los productos, las noticias y más. Una segunda barra de menú se muestra en la parte inferior de cada página, lo que ayuda a los visitantes a navegar por el sitio. Y el pie de página muestra una gran cantidad de botones de redes sociales para alentar a los seguidores.
3. Sal y Paja
Salt and Straw es un sitio lleno de fotografías, que utiliza impresionantes imágenes en primer plano y elementos visuales de sus productos. Desde el control deslizante de página completa en la página de inicio hasta las múltiples imágenes de sabores de helado que se muestran en un diseño de cuadrícula, este sitio web de WordPress ha dedicado tiempo a considerar qué imágenes atraerán mejor a los visitantes para que realicen una compra.
Salt and Straw no es solo una tienda de comercio electrónico, tiene numerosas tiendas físicas en los EE. UU. En ‘Ubicación’, muestran fotografías grandes de ancho completo de los diferentes escaparates. Esta es una forma inteligente de ayudar a su base de clientes a encontrar y reconocer sus tiendas.
4. Zapatos hechos a mano Quero
La página de inicio de Quero Hand Made Shoes muestra un control deslizante de ancho completo, que muestra imágenes de sus zapatos y el proceso de diseño, cautivando de inmediato a la audiencia. Debajo, un segundo control deslizante muestra los periódicos y revistas en los que se ha mencionado a Quero, lo que ayuda a elevar la marca Quero ante los ojos de sus visitantes.
El resto de la página de inicio está dominada por imágenes de sus productos. Estos se muestran clásicamente en un diseño, dividido por bordes blancos. Cuando pasa el cursor sobre un producto, se muestra otra imagen de ese artículo desde un ángulo diferente, así como un botón discreto para agregar al carrito.
5. Barras quisquillosas
Picky Bars tiene un estilo y una sensación brillantes, divertidos y refrescantes, lo que lo ayuda a destacarse de los numerosos otros sitios web de compras en línea. El sitio web utiliza colores llamativos, texto y botones para lograr un fuerte impacto. Un control deslizante de pantalla completa muestra imágenes, con superposición de texto que comparte noticias y promociones, captando la atención de la audiencia.
Se muestra una ventana emergente en la página de inicio para recopilar correos electrónicos e impulsar las ventas con una oferta de descuento del 10 %. Los botones de redes sociales también se muestran en el menú en la parte superior de la página y en el pie de página, para ayudar a aumentar el número de seguidores. En la tienda, los artículos se pueden buscar fácilmente usando el menú detallado del producto en el lado izquierdo de la pantalla.
6. El buen lote
The Good Batch utiliza una combinación de marrones oscuros y claros para su combinación de colores. Esto encaja perfectamente con los productos que están vendiendo. El sitio también muestra un logotipo grande en la esquina superior izquierda de cada página, lo que ayuda a arraigar su marca en la mente de la audiencia.
El menú desplegable hace que el sitio sea fácil de navegar y ayuda a los visitantes a encontrar rápidamente los productos que les interesa comprar. El pie de página en la parte inferior de cada página también tiene un trabajo muy funcional, que muestra la dirección de la tienda, un enlace a la página de contacto, botones de seguimiento de redes sociales y un formulario de suscripción por correo electrónico.
7. Entrenadores Mooshu
Mooshu Trainers se destaca de otros sitios web de compras con sus imágenes impresionantes, brillantes y vibrantes. La página de inicio utiliza un efecto paralelo. Las secciones muestran una variedad de imágenes de ancho completo, productos individuales y otra información importante. Los colores llamativos se utilizan para ayudar a que el texto resalte, los botones se destaquen y entusiasmen una sensación de felicidad.
Mooshu Trainers ofrece una serie de incentivos que ocupan posiciones destacadas en la página de inicio. Estos incluyen envío gratuito para pedidos superiores a una cierta cantidad, así como un descuento para compradores primerizos si se registran en la lista de correo electrónico del sitio. También se muestra una barra de búsqueda y un impresionante feed de Instagram en la parte inferior de la página de inicio, para ayudar a aumentar la participación.
8. Cóctel Jack Ruddy
Un sitio web de definición clásica, Jack Ruddy Cocktail utiliza la simplicidad a su favor. El uso de un esquema de color gris, blanco y negro permite que los productos ‘resalten’. En la página de inicio, un menú mínimo garantiza que no haya distracciones de la imagen de pantalla completa. Una discreta barra de saludo que ofrece «envío gratis» se muestra en la parte superior de la página para ayudar a fomentar las ventas.
La ‘Tienda’ sigue un tema similar de menos es más, mostrando solo imágenes de los productos, sus nombres y precios. Los productos se pueden comprar en el sitio, y la pasarela de pago Stripe se utiliza para procesar los pagos.
9. Estado físico de Carolina del Norte
NC Fitness da una impresión duradera de un sitio que significa negocios. Utiliza un esquema de color en blanco y negro, con un toque de naranja para agregar rayas de luz audaces y brillantes. El diseño es claro y bien organizado, con todas las imágenes, texto y botones con un propósito.
Los productos son fáciles de buscar, con opciones detalladas para seleccionar para ayudar a los usuarios a encontrar exactamente lo que están buscando. Los productos muestran un ícono de ‘lista de deseos’, lo que permite a los clientes guardar los artículos que les interesan para una posible compra futura. Esta es una excelente opción para los propietarios de sitios que usan anuncios de remarketing. Los compradores también pueden comprar productos en el sitio, y los pagos automáticos se realizan a través de varias pasarelas de pago, incluido PayPal.
10. Sobre
Over es una tienda de comercio electrónico elegante, limpia y moderna. Una gran imagen de tamaño completo con superposición de texto en negrita da la bienvenida a los visitantes en la página de inicio. Los productos se muestran en filas de tres sin otra información disponible de inmediato. Esto asegura que los elementos reciban toda la atención de la audiencia. Al pasar el cursor sobre cada producto, se mostrará el nombre y el precio de cada artículo.
Over también muestra una ventana emergente que ofrece un 10% de descuento si se suscribe a su boletín informativo. Esta es una táctica inteligente de generación de leads , ya que no solo ayuda a hacer crecer su lista de correo, sino que también incentiva a las personas a realizar una compra.
11. Caballo oscuro
Inmediatamente queda claro que Dark Horse tiene su propio estilo único, lo que lo distingue de otros sitios web de compras. El estilo vanguardista y súper genial se representa a través del diseño ordenado de su sitio. Se utiliza una combinación de colores simple que consiste solo en blanco, negro y gris. Y sus productos se muestran a través de imágenes llamativas.
En «Entrevistas», Dark Horse muestra cómo se utilizan sus productos en una selección de restaurantes, bares y casas de todo el mundo. Esto ayuda no solo a inspirar a los visitantes a usar sus productos de diferentes maneras, sino que también ayuda a crear una comunidad en torno a la marca. Un widget de Instagram también anima a la audiencia de Dark Horse a unirse a ellos en las redes sociales.
12. Tostadores de café Blue Star
Blue Star Coffee Roasters utiliza un diseño audaz, con bloques de colores, texto grueso e imágenes de primer plano. La página de inicio tiene secciones fuertemente definidas que dividen la información que se muestra y captan la atención de los visitantes.
Blue Star muestra una barra de menú pegajosa, haciendo que el menú sea visible en todo momento. Esto facilita que la audiencia seleccione nuevas páginas y navegue por el sitio. Trucos como este a menudo pueden conducir a tiempos de visualización mucho más largos, y cuanto más tiempo pasan los visitantes en un sitio, más probable es que realicen una compra.
Reflexiones finales sobre los sitios web de compras
Es fascinante notar las diferencias entre los numerosos sitios web de compras que existen. La diversidad de características, ya sea diseño, estilo, diseño u otras características, asegura que aquellos que investigan las tiendas de comercio electrónico de WordPress encontrarán fácilmente inspiración para su propio proyecto.
Sin embargo, al crear su propio sitio web de WordPress , siempre tenga en cuenta sus productos y audiencia. Cree un sitio que refleje los artículos que está vendiendo, su negocio y su marca. Y siempre considere a qué reaccionará bien su audiencia y qué los alentará a realizar una compra.
¿Tienes algún sitio web de compras favorito de WordPress? Por favor comparte en los comentarios a continuación…
Imagen destacada de A. Zakharchenko / shutterstock.com