Share
Para el propietario de una pequeña empresa, la página de inicio de su sitio web es como la vitrina de su tienda: atrae a las personas a su tienda, les da una idea de lo que usted proporciona y es su punto de partida para explorar el resto de su tienda. Esto también significa que el aspecto de la página de inicio de su sitio web afecta en gran medida tanto a su marca como a sus ventas..
Sin embargo, a diferencia de un escaparate, mejorar la página de inicio de su sitio web no debería costar mucho, especialmente si está administrando una pequeña empresa. Hay muchos ajustes en la página web que puedes hacer sin gastar mucho dinero o esperar varias semanas para un rediseño..
El diseño de la página web es importante para el éxito de su negocio (Fuente de imagen).En este tutorial, le mostraremos cómo hacer una página de inicio de sitio web que atraiga a los clientes. Explorarás las ideas de diseño de la página de inicio del sitio web y verás algunos de los mejores ejemplos de la página de inicio del sitio web..
Vamos a sumergirnos en los consejos de diseño de la página web.
Tener imágenes hermosas y de alta calidad es una necesidad si quieres que tus productos se vean lo mejor posible. Pero hay un compromiso importante: por lo general, cuanto más grande es la imagen o mayor la resolución, más tiempo se tarda en cargar estas imágenes para los visitantes. Cuanto más largos sean los tiempos de carga, más probable es que sus visitantes se vayan.
Según una investigación de Google, el 53 por ciento de las visitas al sitio web se abandonan si un sitio móvil tarda más de tres segundos en cargarse. De hecho, su modelo predice que cuanto más tarde la carga de su página, mayor será la probabilidad de que sus visitantes se vayan. La misma investigación demostró que haría mucha diferencia si los propietarios de sitios web simplemente comprimieran sus imágenes.
Cuanto más tiempo se tarda en cargar una página web, más probable es que los visitantes reboten.Encuentre el equilibrio entre proporcionar imágenes hermosas y tener un sitio de carga rápida. Utilice la herramienta PageSpeed Insights de Google para ver si sus imágenes necesitan compresión adicional. Si lo hacen, puedes usar una herramienta como TinyPNG para comprimirlos más o aprender más sobre la optimización de la imagen a través de estas guías:
Cuando un visitante llega a su página de inicio por primera vez, no debe haber ambigüedad sobre cuál debería ser su próximo paso. Aquí es donde entra su llamada a la acción (CTA). Una CTA generalmente aparece en forma de un botón grande. Al hacer clic en él, los visitantes de la página de inicio se convertirán en clientes potenciales o en una venta..
Asegúrese de que su llamada a la acción se encuentre arriba del doblez, la parte superior de su página de inicio que sea visible sin desplazamiento. En un estudio de caso, una tienda en línea que vendía trampolines aumentó su tasa de conversión en un 11 por ciento con solo agregar un CTA en la parte superior..
Sin embargo, no debe limitar su llamado a la acción solo a esta área. Puedes repetirlo en el resto de la copia de tu página de inicio. Por ejemplo, Rumpl, una tienda en línea que vende mantas especializadas, destaca su producto destacado en la parte superior con un llamado a la acción.
Coloque sus CTA por encima del pliegue, pero también repítalo en toda la página de inicio.Pero si se desplaza hacia abajo en la página de inicio, verá otro botón de CTA para agregar ese producto a su carrito. Mientras que Rumpl muestra otros artículos en la página de inicio de su sitio web, ninguno tiene un CTA destacado, excepto el producto destacado. Los visitantes se centran casi exclusivamente en la compra del producto presentado.
Evite otros elementos de distracción en la página principal de su sitio web. El foco principal debe ser el llamado a la acción. Si necesita colocar elementos de navegación, botones de redes sociales y otros elementos en la página de inicio del sitio web, asegúrese de que no distraigan la atención de los visitantes de los botones principales de CTA..
Si no tiene un botón fuerte de llamada a la acción en la página de inicio de su sitio web, consulte algunas de estas plantillas de botones que llaman la atención en Graphic River.
Además de tener en claro la acción que sus visitantes deben tomar, también debe tener en claro por qué necesitan tomar esa acción. Los consumidores de todas las edades valoran la claridad en las comunicaciones de marketing en línea, más que un gran diseño o una gramática y ortografía perfectas. Entonces, cuando se trata de la copia de la página de inicio de su sitio web, pregúntese lo siguiente:
Los consumidores valoran de manera abrumadora la claridad del mensaje sobre el diseño, la longitud y la corrección gramatical.Si desea aclarar su propuesta de valor en la copia de la página de inicio de su sitio web, pruebe las técnicas en los siguientes ejemplos:
A lo largo de su copia de la página de inicio, repita los beneficios que sus visitantes obtendrán después de hacer clic en su CTA. Puede usar diferentes palabras y elementos visuales para reiterar estos beneficios. En el siguiente ejemplo, Gossamer Gear, una tienda en línea que vende artículos de viaje livianos, su propuesta de valor de "equipo ultraligero" se encuentra explícitamente en su titular. También se menciona en el logotipo de su compañía ("Toma menos. Haz más") y la foto de la portada muestra dos excursionistas que llevan mochilas más pequeñas de lo habitual..
Repita su propuesta de valor en varios lugares de la página de inicio de su sitio web, incluyendo imágenes.Puede indicar que su empresa fabrica productos de alta calidad, tiene un buen servicio al cliente o es socialmente responsable. Puedes hacerlo aún más claro para tu audiencia al ser específico acerca de por qué. En la página de inicio de su sitio web, el minorista de prendas de vestir United By Blue enfatiza su responsabilidad social tanto en su lema ("Bienes duraderos responsables") como en su contenido (enlaces a sus publicaciones de blogs sobre limpieza de espacios públicos y sus tiendas construidas de manera responsable). Pero la copia de la página de inicio de su sitio web va más allá al especificar los esfuerzos de la compañía por los números.
Sea específico acerca de cómo está entregando su propuesta de valor.Piense en formas en que puede ser más específico al expresar su propuesta de valor. Si su única propuesta de valor es que ayuda a los clientes a ahorrar dinero, tenga en cuenta cuánto podrían ahorrar. Si su empresa se enorgullece de hacer productos duraderos, especifique cuántos años tienden a durar los productos o someta a los productos a varias pruebas y muestre a su audiencia los resultados..
Ya sea que la página de inicio de su sitio web tenga una copia larga o corta, es importante que el texto sea fácil de escanear. Esto se debe a que las personas tienden a escanear y hojear texto en línea. Un estudio del Grupo Nielsen Norman muestra que solo el 16 por ciento de las personas lee texto por palabra, palabra por palabra. En un estudio más reciente, también encontraron que las personas tienden a escanear texto pesado en un patrón en forma de F, lo que les lleva a perder información esencial.
Los grandes bloques de texto en una página de inicio podrían llevar a las personas a escanearlo en un patrón en forma de F.Si no quiere que sus visitantes pierdan sus palabras persuasivas o las funciones más importantes de su producto, asegúrese de que el texto en la página de inicio de su sitio web sea fácil de escanear. Aquí hay algunos consejos que puede seguir:
Un buen ejemplo de este principio se encuentra en Barebones Living, que vende equipo para exteriores. En lugar de enumerar sus categorías de productos y elaborarlas con descripciones largas, la copia simplemente dice "¿Cómo pasa tiempo al aire libre?" Imágenes y nombres de categorías de una sola palabra hacen el trabajo pesado. Incluso sin leer las palabras, puede indicar en qué casilla debe hacer clic. Veamos el ejemplo de la página de inicio del sitio web:
Complementa un lenguaje simple con imágenes fuertes para una página de inicio de sitio web fácil de escanear.La página web del sitio web también hace uso de subtítulos. En la captura de pantalla de abajo, el subtítulo "¿Por qué barebones?" es seguido por subtítulos más pequeños como "Agricultores en África", "Proporcionar refugio en Nepal" y "Proporcionar comida en Utah". Tener subtítulos como estos significa que los visitantes tendrán una idea concreta sobre los proyectos de la compañía, incluso si no leen el texto breve del cuerpo..
Use subtítulos para que los visitantes puedan obtener la esencia de su contenido, incluso si omiten los párrafos..Incluso si tiene el producto más fotogénico del mercado, es mejor tener personas en las fotos de sus productos, especialmente en la página de inicio de su sitio web. Las pruebas de Visual Website Optimizer muestran que el uso de fotos humanas en lugar de ilustraciones o iconos puede aumentar las tasas de conversión.
Más importante aún, utilice fotos reales de sus clientes o su personal. Según los investigadores de The Nielsen Norman Group, los visitantes de los sitios web tienden a ignorar las fotos de personas..
Un buen ejemplo de esto es de la tienda de semillas en línea Renee's Garden. En la página principal de su sitio web hay varias fotos de personas en su granja, fotos de personas a las que les han donado semillas y una foto del propietario. Además de estas fotos que llaman la atención, también generan confianza, ya que puedes ver a las personas detrás del negocio. Esta creación instantánea de confianza es esencial para las pequeñas y micro empresas que no tienen una reputación tan amplia como las marcas más establecidas..
El uso de fotos de clientes y personal reales puede ayudar a generar confianza y aumentar las conversiones.Dado que las pequeñas empresas en línea no son tan conocidas como las grandes marcas, los consumidores pueden sentir que existe un riesgo al comprarlas en comparación con las compras en las tiendas en línea de Amazon o Walmart. Debido a esto, necesita eliminar cualquier riesgo potencial para su cliente.
W&P Design, una tienda de diseño de Brooklyn, deja claro en su copia del pliegue que ofrecen "Devoluciones gratis. Sin problemas". Si un cliente no está dispuesto a comprar porque puede que no le guste el producto, sabe por adelantado que puede devolverlo sin problemas de la empresa y sin pagar tarifas adicionales. Aquí hay un vistazo al ejemplo de la página web:
Mostrar una política de devolución en la página de inicio de su sitio web reduce el riesgo de los clientes.De la mano con la reducción del riesgo de sus clientes está demostrando que cumple sus promesas. Aquí es donde entran las pruebas sociales, como revisiones, estudios de casos y testimonios. Muéstrelos en la página de inicio de su sitio web si desea que los clientes confíen en su negocio..
Wynd, que vende purificadores de aire inteligentes, logra esto al tener una pestaña de "Revisiones" arriba del pliegue en su página de inicio. Cuando haces clic en la pestaña, las reseñas de productos saltan. Estas revisiones también aparecen de nuevo en una sección separada en la página principal del sitio web.
Agregar comentarios en la página de inicio de su sitio web ayuda a minimizar el riesgo para sus clientes potenciales.Para obtener consejos detallados sobre cómo recopilar y utilizar los comentarios en su sitio web, consulte las siguientes guías:
Si bien parece limpio y moderno ocultar la navegación de la página de inicio de su sitio web con un menú desplegable o un icono de hamburguesa, esto hace que sea menos probable que los usuarios naveguen el resto de su sitio. La investigación del Grupo Nielsen Norman encontró que la capacidad de descubrimiento de las páginas de un sitio se reduce a la mitad cuando las barras de navegación están ocultas. A los visitantes les llevará más tiempo encontrar otras páginas clave en su sitio..
A los visitantes les lleva más tiempo recorrer un sitio web con navegación oculta.Si hay demasiadas páginas en su sitio, y no puede ponerlas todas en el menú de su página de inicio sin hacinamiento, puede optar por la "navegación combinada". En este formato, hay enlaces de menú estático a páginas importantes en su sitio, pero el resto se muestra a través de un menú desplegable. Este fue el enfoque utilizado por Johnny's Selected Seeds, un comerciante de semillas en línea. Ya que tienen docenas de semillas en su tienda en línea, la navegación principal solo enumera las categorías principales. Las otras subcategorías se revelan en un menú desplegable..
Si tiene demasiados artículos en su tienda en línea, enumere solo las categorías principales en su menú. Lo importante es que hay un menú visible..Una cosa con la que quizás desee experimentar es el uso del chat en vivo en su sitio web. El chat en vivo es una función que permite a los visitantes del sitio web chatear en tiempo real con usted o su personal. Puede usar el chat en vivo para responder a sus preguntas preliminares, ayudarlos a navegar por su sitio web o realizar una venta directamente. Para los clientes, esto es más fácil que llamar o enviar correos electrónicos a su empresa, ya que pueden chatear con usted mientras navegan por el sitio..
JSI Signs, una tienda de suministros para letreros en línea, utiliza el chat en vivo para reducir el volumen de llamadas que reciben en su tienda. Esto también ayuda a la propietaria a realizar múltiples tareas, ya que podría responder a las preguntas de los clientes potenciales mientras realiza otras tareas. Veamos el chat en este ejemplo de página web:
El chat en vivo en la página de inicio de su sitio web puede ayudarlo a explicar los productos a los visitantes de su sitio web, aumentando sus conversiones.Pero hay otros beneficios importantes al agregar chat en vivo a la página de inicio de su sitio web. El chat en vivo puede aumentar las conversiones hasta en un 40 por ciento, según un estudio de Apex Chat. También proporciona los niveles más altos de satisfacción del cliente, con el 73 por ciento de los consumidores satisfechos con el servicio que reciben del chat en vivo. El correo electrónico ocupa el segundo lugar con un índice de satisfacción del 61 por ciento..
Los clientes están satisfechos con el soporte de chat en vivo, más que el correo electrónico, el teléfono o las redes sociales.Si está interesado en dar una oportunidad de chat en vivo, aquí hay algunos servicios de chat en vivo que puede usar:
Agregar un video a tu página de inicio puede aumentar las conversiones. Esto es cierto en varias categorías de productos, según un estudio de Treepodia. Debido a esto, podría ayudar si agrega incluso un videoclip en la página de inicio de su sitio web. Manténgalo corto, ya que el compromiso tiende a disminuir cuando el video es demasiado largo. Es mejor mantener el video por menos de dos minutos, según las estadísticas de Wistia.
En todos los tipos de productos anteriores, las tasas de conversión de comercio electrónico aumentaron con la adición de video.En cuanto al contenido del video, podría ser un explicador, un testimonio de un cliente, una demostración del producto o incluso un recorrido rápido por su tienda. Puede ser de acción en vivo o animada, lo que funcione con sus necesidades y presupuesto. En el siguiente ejemplo, Four Sigmatic, una compañía de café de hongos, tiene un video en su página de inicio donde el fundador demuestra cómo usar su producto. El video es especialmente importante para productos inusuales como el café de hongos, con el que la mayoría de las personas no están familiarizadas..
Agregar un video de demostración del producto puede ser útil cuando se vende un producto inusual.Si la lista anterior le hace pensar que mejorar la página de inicio de su sitio web significa agregar más elementos, ese no es necesariamente el caso. Cada nuevo elemento que agregue podría distraerlo de su mensaje principal y llamar a la acción. Además, puede dejar una mala impresión en sus visitantes..
La investigación de Google muestra que la alta complejidad visual (la presencia de muchos elementos) puede afectar el atractivo de su sitio para los visitantes. Los sitios con baja complejidad visual fueron los más atractivos, incluso si las personas solo estuvieron expuestas a estos sitios durante 17 milisegundos. En otras palabras, la primera impresión de la página de inicio de su sitio web cuenta, y esta impresión debe ser lo más simple posible. Tenga esto en cuenta cuando siga las recomendaciones anteriores. Reemplace elementos innecesarios o ineficaces en lugar de agregar cosas nuevas para compensarlos.
Acabas de conocer las ideas de diseño de la página web. Hemos explorado algunos ejemplos de la página web. Ahora debería tener algunas ideas sobre cómo hacer que su página web sea más efectiva.
Recuerde, la página de inicio de su sitio web nunca debe ser solo una parte decorativa de su estrategia de marketing. En su lugar, debe desempeñar un papel activo para atraer ventas y repetir el mensaje de marca a los clientes potenciales..
Si la página de inicio de su sitio web no parece cumplir con esa promesa, trabaje en algunos de los cambios recomendados arriba. Puede comenzar con los que son más fáciles de implementar. Al hacer estos simples cambios, la página de inicio de su sitio web podría convertirse en uno de sus canales de adquisición de clientes más importantes.
Accentsconagua