Advertisement
  1. Business
  2. BigCommerce

15+ Consejos de Diseño de BigCommerce para Crear Mejores Sitios Web de Comercio Electrónico

by
Read Time:11 minsLanguages:
This post is part of a series called How to Use BigCommerce to Make Your Online Store (Starter Guide).
How to Use a BigCommerce Theme to Design Your Online Store
BigCommerce vs Shopify: How to Choose the Best Online Store Software

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Cuando se trata de sitios web de comercio electrónico, el diseño desempeña un papel crucial, no importa la platoforma que utilices. El diseño de tu sitio web se hace con la intención de que tu sitio sea visualmente atractivo pero también tiene que guiar a los potenciales clientes a través de tu sitio y ayudar a convertirlos en compradores reales.

Mientras que hay muchas plataformas de comercio electrónico disponibles, BigCommerce ciertamente destaca gracias a su atención al detalle y dedicación para crear una plataforma de eCommerce diseñada para conversiones.

Cuando los clientes pueden navegar fácilmente por tu sitio web, encontrar los productos que quieren, agregarlos rápidamente a su carrito, y ver toda la información importante antes de llegar a la página de checkout, tienes una oportunidad mucho mejor de convertirlos.

Is your online store optimized for salesIs your online store optimized for salesIs your online store optimized for sales
¿Está el diseño de tu tienda online optimizado para las ventas? (origen del gráfico)

Por eso es crucial pasar algún tiempo evaluando el diseño de tu tienda y mejorarlo antes de invertir en publicidad. De otra manera, no importa cuanto tráfico generes, todos esos visitantes abandonarán tu sitio sin realizar una compra.

En el tutorial previo de ésta serie, aprendiste cómo establecer un tema de BigCommerce premium y personalizar la configuración de tu tienda online:

En el artículo de hoy compartiremos 15+ fabulosos consejos de diseño que te ayudarán a llevar tu tienda BigCommerce al siguiente nivel. Hacer no solamente que tu diseño web de BigCommerce destaque estéticamente, sino que también convierta magníficamente.

15+ Consejos de Diseño de BigCommerce: Para Hacer Fabulosa Tu Tienda Online

Cada elemento en tu sitio web, desde imágenes de producto hasta menús de navegación; juega un papel en la decisión del visitante si comprar o no tu producto. Aquí están nuestros cuatro mejores consejos de diseño web para ayudar a que tu tienda atraiga y convierta más visitantes.

1. Manten Limpio y Organizado Tu Dieseño de BigCommerce

Solo porque tu tienda está online, no significa que puedas organizar tus productos aleatoriamente. Piensa en la experiencia general que quieres que tus clientes tengan cuando visitan tu tienda BigCommerce. Si organizas tus productos en categorías adecuadas, los clientes pueden ver fácilmente los diferentes tipos de productos que ofreces y descubrir qué productos están actualmente a la venta.

Manten los precios y las descripciones de tu producto claramente etiquetadas y usa un diseño de cuadrícula para mantener el diseño de la página general luciendo prolijo y ordenado. Evita poner demasiados productos en tu página de inicio en una fila y mejor opta por imágenes grandes con menos productos. Ello agregará más espacio alrededor de cada elemento.

2. Haz que sea Fácil de Navegar Tu Sitio BigCommerce

Tu menú es una de las partes más importantes de tu sitio web. Ayuda a los clientes a llegar de una página a la siguiente, lo que enfatiza por qué es tan vital un menú de navegación intuitivamente estructurado.

Evita agregar demasiados vínculos en el menú principal y mejor opta por un menú desplegable o un mega menú que te permita agregar más enlaces que conduzcan a varias categorías de productos. Otra manera efectiva de facilitar la navegación por tu sitio es usar un menú que se despliegue desde un extremo cuando coloques el cursor sobre él.

Afortunadamente, hay muchos temas de BigCommerce como Modez que vienen con un menú prefabricado que te ayudará a mejorar la experiencia de compra para tus clientes:

Modez BigCommerce themeModez BigCommerce themeModez BigCommerce theme
El tema Modez de BigCommerce incluye opciones de menú intuitivas.

Descubre más magníficos temas BigCommerce en ThemeForest, o explora nuestra curada selección de los mejores para el 2017:

3. Haz que sea Sencillo el Contactarte

Hay veces donde tus clientes pueden tener preguntas sobre un producto específico o métodos de pago aceptados. Asegúrate de que puedan fácilmente encontrar tu información de contacto y que puedan comunicarse contigo. La manera en que respondas a sus preguntas y los ayudes contribuye a una decisión de compra.

Austin Bazaar, un sitio que usa la plataforma BigCommerce, hace bien al colocar su número telefónico en un lugar muy visible junto con sus horas de operación:

Austin BazaarAustin BazaarAustin Bazaar
El sitio web de Austin Bazaar presenta prominentemente su número telefónico.

4. Agrega Calificaciones de Clientes

De acuerdo a una investigación, el 61% de clientes online leen las calificaciones de los clientes antes de comprar un producto. Las calificaciones de clientes pueden ayudarte a generar ventas e incrementar las tasas de conversión. Eso es porque clientes potenciales estarán más inclinados a comprar si ven a otras personas que han estado satisfechas con el mismo producto. De hecho, agregar calificaciones de clientes podrían impulsar tu tasa de conversión tanto como 4.6%.

Josie Maran, otro sitio de comercio electrónico que usa BigCommerce, muestra calificaciones de producto debajo de descripciones de su producto, lo que agrega más credibilidad tanto a la tienda como a los mismos productos.

Josie MaranJosie MaranJosie Maran
El sitio de Josie Maran presenta calificaciones de productos.

5. Usa una Barra de Búsqueda

Algunos de tus clientes o visitantes ya podrían tener un producto en mente cuando vienen a tu sitio. Si ese producto no está inmediatamente visible en tu página de inicio, esos visitantes con más probabilidad querrán buscarlo y si no pueden encontrar una manera de buscarlo, se irán a otro lado.

No dejes esto a la suerte y espera que ellos usen un menú de navegación para buscarlo. No quieren andar deambulando de una categoría a la siguiente, quieren descubrir si tienes o no el producto. Asegúrate de agregar una barra de búsqueda a tu sitio para que siempre esté visible.

6. Agrega Imágenes de Alta Calidad

Una de las mayores diferencias entre una tienda física y una tienda online es el hecho de que los compradores online no pueden tocar los artículos ni probárselos. En cambio tienes que depender de las imágenes de tu producto para transmitir cómo luce el producto.

Las imágenes utilizadas en tu sitio deberían ser de alta calidad, sin desenfoque que arruine la percepción. Considera crear una galería para cada producto para que los visitantes puedan ver el artículo desde varios ángulos y mostrarlo mientras está siendo usado o mientras alguien lo tiene puesto.

También, asegúrate de que tus imágenes cuenten una historia que encaje con tu marca y ayude a generar ventas. Aprende cómo establecer la escena y tomar magníficas fotos de productos.

7. Simplifica el Proceso de Checkout

Una de mas mayores razones para una alta tasa de abandono de carro es el largo y complicado proceso de checkout. Por suerte, BigCommerce tiene un checkout de una página integrado que puede hacer maravillas para tus tasas de conversión. Puedes simplificar más la experiencia de checkout al permitir a tus visitantes realizar consultas como invitados.

Otra manera de simplificar el proceso de checkout es pedir al cliente solo la información necesaria y nada más. Si vendes productos digitales, suprime los campos que piden la dirección para envío pues no es necesaria.

8. Optimiza Tu Tienda para Dispositivos Móviles

Otro consejo importante para tener en mente es asegurarte de que tu tienda esté optimizada para dispositivos móviles. Ésto va más allá de tener un tema responsivo. Involucra asegurarse de que tus imágenes escalen agradablemente en pantallas más pequeñas así como los campos de tu formulario. Ésto facilita a tus clientes hacer click en el campo correcto y llenarlo.

Haz uso de prestaciones integradas de BigCommerce para comprar desde dispositivos móviles y agregar soluciones de pago desde dispositivos móviles para tu tienda online. Ésto facilitará el pago de tus productos usando Pay Pal One Touch o Apple Pay y puede propulsar tus conversiones hasta 12%.

BigCommerce mobile featuresBigCommerce mobile featuresBigCommerce mobile features
Aprovecha las prestaciones de dispositivos móviles de BigCommerce.

9. Elige un Tema de BigCommerce Responsivo

Directamente en línea con el consejo de arriba, funciona sin decir que tu tema debería ser responsivo pero también debería estar diseñado teniendo en mente sitios e-Commerce. Por fortuna, no hay escasez de temas BigCommerce premium que tienen todas las prestaciones necesarias: desde mega menús hasta previsualizaciones de productos y opciones de filtrado.

10. Agrega Previsualizaciones de Productos

Una gran manera de mejorar la experiencia de compra para tus clientes es habilitar las previsualizaciones de producto o vista rápida. Ésto les permite simplemente hacer click en cualquier producto y ver instantáneamente la descripción, precio, imágenes y otra información de producto en una imagen que surge.

No tienen que hacer click en la página del producto lo cual les ahorra tiempo, especialmente si tienen prisa y quieren ver rápidamente lo que tienes para ofrecer.

El sitio web de Carolina Panthers hace un excelente trabajo de la prestación vista rápida. No únicamente puedes ver los tamaños y el precio así como una imagen más grande, también puedes agregar el producto inmediatamente a tu carro.

Panthers sitePanthers sitePanthers site
El sitio de Carolina Panthers incluye una prestación de vista rápida.

11. Define las Políticas de Tu Tienda Online

Una vez que tus visitantes han pasado tiempo explorando tu tienda y están listos para comprar, quieren saber cuales son tus políticas  de envío y devolución. Si no les ofreces una manera fácil de encontrar esa información, podrían desistir de comprar, especialmente si haces difícil que te contacten.

Resuelve éste problema al colocar los enlaces en el menú de tu navegación primaria que los conduzca a una página que claramente explique donde enviar, qué métodos de envío son usados, y cómo procesas las devoluciones. Alternativamente considera crear una página de Respuestas a Preguntas Frecuentes que responda a éstas preguntas.

12. Muestra los Costos de Envío

Otro estudio muestra que los costos de envío mostrados demasiado tarde son un factor enorme que contribuye a altas tasas de abandono de carrito. En lugar de mostrarlos al final, asegúrate de que tus clientes pueden ver el costo de envío calculado en el precio final del mismo producto.

También puedes agregar una calculadora de envío debajo del producto que da a los clientes la opción de calcular el costo final antes de ir a la página de checkout. Ésto los preparará para lo que pueden esperar una vez que terminen el proceso de compra y eviten sorpresas desagradables.

13. Incorpora Tu Marca Consistentemente

Si quieres asegurar que tu tienda destaque de tus competidores, asegúrate de incorporar los elementos de tu marca en tu sitio web. Comienza por agregar el logo de tu tienda y un favicon para que tus clientes puedan reconocer instantáneamente tu sitio en su sección de favoritos o en redes sociales.

Agrega el color primario de tu marca a elementos como el menú de navegación, botones, y enlaces para mantener consistente la apariencia y sentido. Ver los elementos de tu marca por toda tu tienda ayudará a edificar confianza en tus clientes.

El conjunto de mercados eCommerce de Envato Market ofrece una consistente experiencia de marca por todas nuestras múltiples tiendas online:

Envato Marketplace eCommerce brandingEnvato Marketplace eCommerce brandingEnvato Marketplace eCommerce branding
Marca eCommerce de Envato Marketplace

14. Manten Visible "Añadir a Carrito"

El elemento más importante en tu sitio es el botón Agregar a Carrito o Comprar Ahora. Debería estar visible y fácil de distinguir de otros elementos. Vale la pena prestar atención extra al diseño del botón, pues un mejor diseño convertirá más ventas.

Usa un color contrastante que te ayudará a destacar el botón. También, asegúrate de que sea lo suficientemente grande en todos los tamaños de pantalla, para que tus clientes que la visitan desde dispositivos móviles puedan hacer click en el botón-sin tener que manipular la pantalla para hacer un acercamiento.

15. Permite a los Clientes Filtren Productos Rápidamente

Otro consejo para ahorrar tiempo que mejorará la experiencia de compra es permitir a los clientes poner filtros a tus productos, especialmente cuando se trate de tamaños y colores. Aún poniendo filtros de tipo de producto es una sensacional forma de ayudarlos a ahorrar tiempo y encontrar sin esfuerzo el producto deseado que necesitan.

Ésto te ayudará a eliminar la frustración de descubrir que el producto no está disponible en su tamaño o color deseado después de que decidieron comprarlo y están listos para hacer el checkout.

Casi todos los temas de BigCommerce vienen con opciones de filtrado de producto así que todo lo que tienes que hacer es elegir uno que encaje con la estética de tu tienda.

Aprende más sobre vender productos exitosamente online.

16. Agrega Sellos de Confianza a Tu Tienda BigCommerce

Las personas pueden estar dubitativas cuando se trata de comprar online. Una de sus mayores preocupaciones es si pueden confiar o no en tu sitio con información sensible. Puedes mejorar instantáneamente la confianza de tu cliente al agregar sellos de confianza a tu sitio.

Ésto ayudará a asegurarles que todas las transacciones sean procesadas seguramente y su tarjeta de crédio y su información personal no terminará en manos de hackers o estafadores. Logos de marcas bien conocidas orientadas a la seguridad como VeriSign, McAfee Secure, TrustE o Better Business Bureau son a menudo usadas en sitios web de eCommerce para incrementar  la confinaza. Man Crates los muestra en cada pie de página.

Man CratesMan CratesMan Crates
El sitio de Man Crates presenta sellos de confianza en el pie de página.

17. Manten El Texto Breve y Conciso

Cuando se trata del texto de tu sitio, es importante compartir información sobre él, pero ten en mente que tus clientes no leerán toda una página de texto completa. Mejor, enfócate en usar párrafos cortos y viñetas para resaltar las prestaciones más importantes del producto.

Ésto hará que los páginas individuales de tu producto luzcan más atractivas y permitan a los clientes encontrar rápidamente información del precio.

Mejora el Diseño de Tu Tienda BigCommerce Con Éstos Consejos

Un sensacional diseño web de BigCommerce es crucial para convertir visitantes en clientes. Te ayuda a establecer tu marca y a edificar confianza. También ayuda a los clientes a tener una placentera experiencia de compra durante todo el tiempo que pasan en tu sitio. Utiliza los consejos de diseño para BigCommerce para mejorar tu tienda de comercio electrónico y asegúrate de consultar nuestra selección de temas BigCommerce si apenas estás comenzando con el establecimiento de tu tienda online. ¡La mejor de las suertes!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.