() translation by (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.
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:
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:
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.
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%.
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.
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:
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.
eCommerceCómo Comenzar a Vender Productos Online Exitosamente (en el 2017)
eCommerceCómo Elegir los Mejores Productos para Vender Online en el 2017
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.
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!
