Mar 062012 Tagged with , , , , 2 Responses

Vender más con tu tienda online – Capítulo 2 – Diseño con personalidad propia

Muchos son los eCommerce que utilizan una plantilla estandard o gratuita para definir su imagen corporativa.
Pues bien, eso no es definición.
A eso se le llama adaptación y no nos diferencia de la competencia.

Observad estas cinco tiendas basadas en Prestashop:
Juguetes Damaso (plantilla por defecto de Prestashop con logo modificado)
Mis juguetes de madera (plantilla por defecto de Prestashop con logo y CSS modificado)
Juguetes Vehiklo (Prestashop diseñado y maquetado desde 0)
DeMartina (Prestashop diseñado y maquetado desde 0)
Jugar y Jugar (Prestashop diseñado y maquetado desde 0)

Decidme dos tiendas en las que NO compraríais y 3 en las que SÍ.
Efectivamente.
Utilizar una plantilla subiendo nuestro logo para darle más personalidad queda como un “pegote”.

No puedo decir que hacer un diseño desde 0 (con su maquetación incluída) sea barato porque no lo es.
Tampoco es barato diseñar un escaparate desde 0 y montarlo.
Ni diseñar un coche desde 0 y montarlo.

Eso sí, si queremos algo que nos diferencie de las demás tiendas, hay que pagarlo, como no puede ser de otra manera.

Como no copiamos el logotipo y la distribución de los escaparates de la tienda de enfrente que es nuestra competencia directa. O sus tarjetas de contacto. Y tampoco debemos hacerlo con una página web.

Diferenciarnos de los demás nos dará una personalidad propia y nos permitirá establecer nuestras propias reglas de diseño, fuera de las que vienen por defecto con una plantilla pre-instalada.

Podremos optar por un diseño de 0, 1 o 2 columnas, un destacado en todas las páginas, una cabecera distinta, un buscador donde nosotros queramos, nuestros propios colores corporativos, definir nuestras tipografías corporativas como parte de las tipografías del site, etc.

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (todavía no tiene votos)
Cargando…
Mar 052012 Tagged with , , , , 1 Response

Vender más con tu tienda online – Capítulo 1 – La Navegación

Primer capítulo de una serie de 15 en los que repasaremos, punto por punto, las 15 claves para vender más con tu tienda online.
Qué puntos debes tener en cuenta y qué otros debes optimizar/fijar para, en definitiva, aumentar las ventas de tu tienda online.

En este primer capítulo hablaremos sobre la navegación:
¿Por qué es importante? Muy fácil: es lo que hará que nuestro usuario encuentre o no la información que quiere encontrar.

Diseño y posición

¿Navegación horizontal o vertical?
Si preveemos que nuestro menú crezca, lo mejor es hacerla vertical, ya que la horizontalidad nos limitará el tamaño.
Ah! y no es necesario enseñar todo lo que tenemos de golpe, no colapsemos al usuario enseñándole más contenido del que puede procesar, para eso están los rollovers.

En los siguientes ejemplos podremos ver como se resuelven una serie de navegaciones horizontales de supermercados online y veremos rápidamente como el menú de Caprabo es saturante de por sí, ya que nos muestra las subcategorías de las categorías sin que nosotros las activemos por rollover.

El menú de Eroski es fatal. Cuesta mucho delimitar cuáles son las secciones y están distribuidas como si de una frase se tratara.

El menú de Corte Inglés, Ulabox e Hipercor nos dan la información que queremos rápidamente y no nos saturan.
Además, Ulabox e Hipercor nos destacan las ofertas y el carrito con un cambio de color. Excelente.

Ayudar a la navegación con destacados: sí, pero no nos pasemos 🙂

El punto clave para establecer destacados que ayuden a la navegación es fijar la atención del usuario a través de recursos como ubicación de los elementos y su diseño para que, en un máximo de 2 clicks, esté ya en la página de producto y pueda comprarlo.

Los puntos de atención deben distinguirse a primera vista y hay que evitar querer destacarlo todo porque, al final, no destaca nada. Observemos el ejemplo de Capraboacasa.com que tiene 7 bánners animados en su home page, cosa que hace que no destaque ninguno de ellos y no tengamos unos puntos claros de atención, más cuando todo se mueve.

En otro supermercado online, el de El Corte Inglés, solo tenemos un punto de atención: el cómo comprar de forma fácil.
Se ha priorizado ese mensaje, se ha destacado bien y se le ha dado el peso que merece.
Podrá resultarnos o no, pero El Corte Inglés nos ha transmitido, a primer golpe de vista, lo que quería 🙂

Carrefour define también una buena zona de destacados, nos ofrece 5 distintos en un slide y nos los comunica perfectamente:

La importancia de la jerarquización

Una buena navegación tiene que ser clara y poder guiar al usuario en el proceso para llegar al producto.
En una tienda online, hay que evitar a toda costa los menús con submenús eternos. Para eso es imprescindible pensar muy bien qué categorías y subcategorías va a tener nuestra tienda online y jerarquizarlas.

Si tenemos una tienda online, esta sería una mala clasificación:

  • Juguetes
    • Juguetes para niños
      • Niño
        • Pocoyó
        • Disney
      • Niña
        • Hanna Montana
        • Dora la Exploradora

Mientras que esta sería una buena clasificación

  • Niños
    • Niño
    • Niña

Y, a partir de ahí, revisar si realmente vale la pena poner las marcas por debajo de niño/niña o si lo mejor es hacer una clasificación por edades y dejar que las marcas estén en un menú a parte.

Color para distinguir

Como comentábamos en las navegaciones de supermercados, otro recurso que nos puede ayudar es el color para destacar algunas zonas.
Carrefour lo hace muy bien, contrastando azul y rojo. El rojo para señalar las novedades.

También hubiese estado bien utilizar el azul del logotipo como fondo de una sección a destacar como, por ejemplo, “Electrónica”. Lo importante es que contraste con el diseño del site de manera que llame la atención 🙂

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (todavía no tiene votos)
Cargando…
1 333 334 335 336 337 354