Cómo adaptar tu tienda online a la nueva tendencia de diseño visual

por Patricia Díaz Blanco, 16.06.14



Una de las últimas tendencias en diseño de páginas web es la de Diseño visual (Visual Design) donde todo el peso recae sobre las imágenes y contenido multimedia, en lugar del texto. Hoy te traemos algunos consejos para adaptar fácilmente esta tendencia a tu tienda online, ya que puede ayudarte a mejorar considerablemente la conversión de tus ventas.

DotBay

Ejemplo de una tienda ePages portuguesa que se ha adaptado al Diseño visual

 

La imagen, el pilar principal del diseño web

Ya hace unos años que vemos muchos sitios web con imágenes grandes y atractivas invadiendo todo el espacio visual de los sitios web. Pero además de impactar o sorprender a los visitantes, éstas imágenes sirven para ofrecer una imagen de marca del sitio, transmitir sus valores y el estilo de los productos que tus clientes van a encontrar. Pregúntate a ti mismo que quieres transmitir con tus imágenes: ¿qué valores, ambiente y feeling quieres que muestren?

 

Consejos para hacer un diseño más visual en tu tienda

Primero: consigue buenas imágenes:

Para poder mostrar un diseño visual atractivo necesitarás imágenes profesionales o con estilo. Si no tienes imágenes puedes aprovechar tus propios recursos con tu Smartphone o cámara de fotos para tomar fotografías de recurso que pueden ir bien con tu negocio. Aprovecha que llega el buen tiempo para hacer este tipo de fotos que pueden servirte para ilustrar banners en tu tienda online. Además puedes conseguir buenos acabados con aplicaciones como Instagram, con las que puedes modificar las fotos con filtros en un par de clics. También puedes utilizar programas similares al Photoshop como Pixlr o Gimp (que permiten editar fotos muy fácilmente y son gratuitos) o Photoshop Express para Smartphones (gratis también).

En la página de inicio está claro que las imágenes superan al texto, pero aun así no descuides tampoco los textos. Aunque tus visitas sean seducidas con las imágenes, validarán su compra en tu tienda con las descripciones y textos que propongas (descripción de producto, utilización, detalles, etc).

Plantillas ePages para un mejor diseño visual

En la versión 6.16 de ePages hemos incluido nuevas plantillas que te ayudarán a mostrar una tienda atractiva y profesional. Escoge una de las nuevas plantillas como Edgy, Utopia, Linea, Organic, Robbin, Coffee et Bianco y verás el resultado de inmediato! Después personalízalo para crear un diseño perfecto según tu negocio. Antes de escoger una nueva plantilla recuerda que siempre puedes guardar una copia de seguridad de la anterior en Diseño > Mis estilos > Crear copia de seguridad.

En Diseño > Plantillas puedes escoger una de las nuevas plantillas con una distribución más visual:

visualdesign

Ejemplo con plantilla Utopia:

Utopia

Ejemplo con plantilla Robbin:

Robbin

Diseño visual en tu página de inicio

El diseño de tu tienda online debe ayudarte a transmitir tu imagen de marca y tu posicionamiento. Por eso es importante no incluir cualquier foto que tengas. Tienes que preguntarte a ti mismo: ¿Qué valores quiero transmitir a mis clientes? Por ejemplo: Si eres una empresa familiar que vende vino desde hace muchas generaciones pero que se ha lanzado online desde hace poco, entonces las ventajas de tu negocio serán por tanto la experiencia familiar, la calidad y el prestigio, entre otras. Todos estos valores tienen que estar reflejados en el diseño de tu tienda online.

Rotador de banners

Una manera de transmitir la imagen que deseas en tu página de inicio es con banners e imágenes grandes. Con ePages, puedes insertar un rotador de banners fácilmente en tu página de inicio desde Contenido/Categorías > Vista previa de contenido > Selecciona el lugar donde lo quieres > Aplicación > Rotador de banners. Además de ser un buen recurso de imagen, con este rotador puedes destacar productos o promociones para captar directamente la mirada de tu cliente.

Videos

También puedes añadir videos, desde Contenido/Categorías con Aplicación > Video. Los videos representan el valor añadido de tu tienda online además de posicionarla mejor en los buscadores, ya que YouTube pertenece a Google.

Mural de fotos

Si quieres, también puedes crear un mural de fotos en tu página de inicio, con varias fotos unas al lado de otras. Para ello, desde Contenido/Categorías puedes insertar una tabla que sea transparente y en cada celda insertar una foto o un video. Con esto podrías conseguir un efecto parecido al de la tienda portuguesa que mostramos al principio.

 

Diseño visual en tus productos

Aplicar la tendencia de diseño visual a tus productos es sobretodo mostrarlos en su mejor ambiente o uso para que el cliente potencial se imagine cómo serán después de la compra. Por eso es siempre importante incluir: una vista general, una foto con zoom y una foto del uso del producto.

CupcakesFresa

Una de las claves de un e-commerce es superar la desconfianza que los clientes pueden sentir al no poder tocar los productos antes de tomar la decisión de comprar. Para eso, necesitas fotos de muy buena calidad que enseñen el material, los colores y las dimensiones del producto.

Para más consejos sobre cómo evitar los errores más habituales en las fotografías de producto te recomendamos este artículo.

 

Cómo posicionar tus imágenes en Google

No sólo son textos lo que puedes posicionar en Google sino también imágenes en resultados de Google Imágenes. Conseguir que tus imágenes aparezcan en estos resultados puede ser muy interesante ya que algunos compradores potenciales pueden pasar por Google Imágenes para llegar a tu tienda. Las recomendaciones de Google son claras: incluye una buena descripción del producto y un texto alternativo a la imagen y procura usar palabras claves. Puedes incluir el texto alternativo de las imágenes que aparezcan en tus páginas en Contenido/Categorías > Imagen > Texto alternativo. Además del texto alternativo también es importante el título de la imagen ya que aparecerá en el código fuente de la página y ayuda a posicionar la imagen en Google.

Google

¡Esperemos que estos consejos te ayuden a mejorar el diseño visual de tu tienda! Para más consejos sobre tendencias de e-commerce, también te recomendamos consultar nuestro estudio What’s Next In Commerce.

¡Buena venta online!

 

 

Sobre este autor


trabaja en el departamento de Marketing para España e Italia. Con grande experiencia en el uso de la solución ePages después de haber trabajado durante 2 años en el departamento de Asistencia Técnica, nos mostrará las últimas novedades y mantendrá al día en el uso de la herramienta.

Comentarios


  1. 26.06.2014

    Estoy viendo la pagina portuguesa y me pregunto ¿ Cómo posiciona en buscadores? por que sin texto… solo con el Alt de las imágenes me parece poco. Eso si, el diseño me gusta. Yo tengo un diseño parecido aunque mucho más texto. Saludos.

    • 02.07.2014
      Patricia Díaz Blanco

      Hola colchonero,

      El posicionamiento SEO de la página DotBaby ha sido realizado gracias a la herramienta de SEO presente en la solución ePages. La introducción de palabras clave SEO (y no solo texto) desde el área de administración de la tienda (en Palabras Clave dentro de la Vista de ficha de la página de inicio) es lo que ayuda a la página de inicio en su posicionamiento.
      Aprovechamos la ocasión para felicitarte por el resultado obtenido en tu tienda.

      Un saludo y ¡buena venta online!

      Patricia.

      • 03.07.2014

        Muchas gracias por la respuesta Patricia,
        ya he introducido un montón de palabras clave donde quiero posicionarme. Ahora hago una pregunta. Si en las páginas que ya tengo hechas en vez de borrar el texto lo oculto utilizando las opciones de distribución de la vista de ficha ¿ los buscadores lo continuarán indexando? Por que de esa manera tendría las dos cosas, diseño visual de mi web y texto para indexar en buscadores.
        Espero tu respuesta y un saludo.

        • 07.07.2014
          Patricia Díaz Blanco

          Hola de nuevo, colchonero,

          Si, toda la información contenida en tu página (aunque se encuentre oculta, pero aun así contenida en tu vista de ficha) será utilizada para el indexado. De todos modos, te invito a que realices pruebas al respecto y compruebes en cada momento la calidad de la página en el SEO cockpit.

          Gracias por seguir nuestro blog y un saludo,

          Patricia.

  2. 26.02.2015

    Hola, tenemos una tienda epages a través de strato, y queríamos actualizarla a las nuevas plantillas con el mega menú. Mi pregunta es si quiero probar antes no lo puedo hacer offline porque tengo que cambiar las categorías antes. ¿Cómo puedo hacerlo? ¿tendría que contratar un nuevo dominio provisional y luego trasladarla a la página?

    Gracias

    Iván

    • 05.03.2015
      Andrea del Campo

      Hola Iván,

      Puedes consultar la vista previa de las diferentes plantillas disponibles en Diseño >> Mis estilos >> Vista de sitio web. Para información más especifica sobre cambios en la plantilla, categorias o el diseño, te recomendamos que te pongas en contacto con el servicio técnico de tu proovedor.
      Gracias por tu comentario. Un saludo,
      Andrea

Comparte tu opinión con nosotros


*Campo obligatorio

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *