La mejor jerarquía de diseño de diseño para su página de inicio para captar más clientes y ventas

Establecer su tienda en línea plantea varias preguntas. Su página de inicio sirve como un centro para el Lo mejor en tu tienda en línea, con componentes como controles deslizantes de imagen, botones de carrito de compras, miniaturas y botones de productos y formularios de suscripción de marketing por correo electrónico.

Cada uno de ellos es esencial, pero ¿cómo se organizan para atraer más clientes, teniendo en cuenta que la página de inicio suele ser la más frecuentada en su sitio? Si echamos un vistazo a algunas de las tiendas de comercio electrónico más creativas y exitosas, podemos descubrir una jerarquía de diseño estándar, que genera una especie de plantilla para cada uno de estos componentes en su página de inicio.

Comenzaremos con la parte superior de la página de inicio y avanzaremos hacia abajo. Continúe leyendo para obtener información sobre la mejor jerarquía de diseño de diseño para su página de inicio para captar más clientes.

Su logotipo a la izquierda o al centro (y componentes de encabezado)

El encabezado de su página principal también abarca todo el sitio, por lo que estos módulos requieren una reflexión profunda. El objetivo de su encabezado es mostrar rápidamente a las personas de qué se trata su sitio y brindarles a los usuarios algunos de los botones y campos con más funciones para encontrar contenido.

El logo

ubicación del logotipo

Comience con su logotipo. Un logotipo muy bien diseñado ofrece el mayor valor aquí, pero debe asegurarse de que esté ubicado en la esquina superior izquierda de la mitad del encabezado. Las personas leen de izquierda a derecha, y el logotipo suele dar una idea de lo que ofrece el sitio. Si su logotipo no explica inmediatamente su empresa, incluya un eslogan corto a continuación o al costado del logotipo.

La barra de búsqueda

importancia de la barra de búsqueda

Cada sitio de comercio electrónico es un pequeño motor de búsqueda dentro de sí mismo. Si uno de sus clientes, llamémosle Steven, llega a la página de inicio buscando un collar, solo tiene algunas opciones para encontrar lo que necesita.

El primer método, y el menos eficiente, implica hacer clic en una de las categorías de navegación del menú. El segundo método, que generalmente lleva a los usuarios a la página adecuada un poco más rápido, es una barra de búsqueda. Si la barra de búsqueda está oculta debajo de su control deslizante, o está ubicada en algún lugar a lo largo de su barra lateral, obliga a sus clientes a examinar el desorden solo para realizar una búsqueda simple.

Coloque esto en su encabezado y deje en claro.

Icono y botón del carrito de compras

Captura de pantalla en 2015 06-01 11.25.00-AM

Dado que muchas tiendas en línea colocan el icono del carrito de compras en la esquina superior derecha del sitio, puede suponer que la mayoría de los clientes buscan instintivamente lo que hay en el carrito de compras.

Desafortunadamente, normalmente está atrapado en lo que su tema o plataforma de comercio electrónico ofrece en términos del módulo de carrito de compras, pero aquí hay una guía si está en el mercado para cambiar el diseño:

  • Incluir un ícono de carrito de compras
  • Incorpore un enlace o icono que proporcione un pago con un solo clic desde cualquier página del sitio
  • Mostrar un número para indicar cuántos elementos hay en el carrito de compras

Anuncios de envío

Captura de pantalla en 2015 06-01 11.25.09-AM

Una forma hermosa de crear urgencia es ofrecer envío gratuito u otros incentivos después de que los usuarios compren cierta cantidad de producto. Si elige incluir algo como esto en su estrategia, es esencial hacer el anuncio en el encabezado de su sitio web.

La captura de pantalla anterior muestra un buen ejemplo de cómo la compañía Kutoa explica su política de envío sin ocupar demasiado espacio.

Banners estacionales

Esto es similar a la política de envío de la que hablamos anteriormente, pero si tiene una promoción estacional o una oferta especial, ¿cómo espera que las personas se enteren? Reserve un espacio en su encabezado para pequeños banners promocionales. De esta forma, cuando lleguen las vacaciones, simplemente inserte un gráfico y déjelo hasta que termine la promoción.

Botón de inicio de sesión / registro

Este es uno de los pilares en las páginas principales de comercio electrónico. Mostrar un enlace de inicio de sesión / registro claramente en el encabezado. Crea un proceso de pago sin interrupciones para el cliente y usted puede recopilar parte de la información del cliente.

Un menú de navegación con las pestañas apropiadas

Los elementos del menú dependen por completo del tipo de negocio que ejecuta, pero obviamente es algo que debe incluirse en la jerarquía de la página principal. La mejor táctica es anotar dónde quiere que se muevan sus clientes primero y elegir los elementos del menú en función de eso. ¿Usted principalmente vende camisas? Haga que uno de sus primeros elementos del menú sea un enlace directo a sus camisetas más populares.

Imagen o control deslizante con llamadas a la acción superpuestas y botón

Controles deslizantes CTA

El control deslizante de la imagen se encuentra justo debajo del encabezado, y sirve como una forma de compartir impresionantes fotos de sus productos. Sin embargo, un control deslizante con solo imágenes es inútil. Incorporar llamadas a la acción y botones que impulsen a los usuarios a algunos de sus productos o promociones más populares.

Incluya cuatro o cinco diapositivas en el control deslizante y cámbielas según su propia estrategia.

Cuadrícula o control deslizante de miniatura del producto

miniatura como control deslizante o cuadrícula

El El blog Shopify explica cómo ofrecer demasiadas opciones confunde a los clientes, empujándolos a abandonar su sitio web o realizar menos compras. Aunque su página de inicio requiere una cuadrícula de producto justo debajo del control deslizante de la imagen, piense dos veces antes de empaquetar más de cuatro o cinco artículos.

Formulario de Suscripción de Email Marketing

Recopilar correos electrónicos para enviar futuras promociones y boletines informativos es una de las maneras más fáciles de retener clientes y mantenerlos informados. Esta es una de las áreas donde las tiendas populares de comercio electrónico varían en términos de dónde se encuentra el registro del boletín en la página de inicio. Sin embargo, una conclusión es clara: si desea que las personas se registren, debe colocar un formulario de registro en la página de inicio.

El primer método es golpear a los usuarios con el formulario de registro en el encabezado. Esto supone que su boletín proporciona contenido de alta calidad y no se siente avergonzado de comercializarlo de inmediato.
agregar registro en el encabezado

Otras tiendas prefieren la barra lateral o el pie de página cuando comparten el formulario de suscripción al boletín informativo. Me di cuenta de que las tiendas en línea generalmente colocan los formularios cerca de la parte inferior de la página cuando no envían muchos correos electrónicos. Simplemente están intentando recopilar correos electrónicos para enviar promociones ocasionales.
Captura de pantalla en 2015 06-01 11.25.39-AM

Mi táctica de adquisición de correo electrónico favorita es el formulario emergente, que se revela luego de que un usuario ingrese en su sitio durante unos segundos. Estos suelen generar la mayoría de las suscripciones y puede indicar claramente que el cliente recibe algo a cambio.
popups

¿Barras laterales o diseños basados ​​en cuadrícula?

La barra lateral brinda una oportunidad única para consolidar los componentes menos importantes, al tiempo que les brinda la exposición que merecen. Un método similar es lo que llamamos el diseño de cuadrícula, donde toda la página de inicio implica un patrón un tanto a cuadros con módulos cuadrados apilados uno al lado del otro.

diseño basado en la cuadrícula

¿Cuáles son algunos componentes sólidos para incluir en la barra lateral?

  • Un botón o enlace a tu blog
  • Banners promocionales o estacionales
  • Enlaces a medios
  • Módulos sociales o enlaces
  • Un widget Acerca de nosotros o un área que explica de qué se trata el sitio

Últimos tweets

El pie de página

La mayoría de sus clientes no navegará hasta el pie de página, pero se necesitan algunos enlaces importantes, pero menos urgentes.

El pie de página

A menudo encuentro que armar el pie de página de comercio electrónico perfecto es una tarea tediosa porque es fácil olvidar algunos de los artículos requeridos. Aquí hay una lista para comenzar:

  • Contáctenos enlace
  • Envíenos un correo electrónico
  • Número telefónico
  • Enlace de estado del pedido
  • Enlace de preguntas frecuentes
  • Botones sociales
  • Enlace de garantía
  • Enlace de política de privacidad
  • Enlace del blog
  • Enlace de información de envío
  • Enlace de información de devolución
  • Enlace de información corporativa
  • Enlace de trabajos

Generar una jerarquía eficaz de páginas de comercio electrónico es un arte, pero con un poco de ayuda y comprensión de qué áreas convierten a la mayoría de los clientes, puede convertir su página principal en un centro de actividad. Dicho esto, déjenos un comentario a continuación si piensa en otros elementos que pertenecen a esta lista.

Imagen característica de la reverencia de Chris Bannister

Catalin Zorzini

Soy un blogger de diseño web y comencé este proyecto después de pasar algunas semanas luchando por descubrir cuál es la mejor plataforma de comercio electrónico para mí. Echa un vistazo a mi actual top constructores de sitios de comercio electrónico de 10.