Caso de éxito eCommerce: la historia de Two Thirds (2)

26/06/2019
  • Aquí tienes la segunda parte del caso de éxito de un eCommerce diferente. Hoy diseccionamos la web y estrategia de marketing de Two Thirds.

  • Hace unos días iniciamos una serie de 2 posts para explicaros la historia de Two Thirds,  un eCommerce de moda con marcada vocación activista y medioambiental.

    En el post anterior nos centramos en explicar cómo el producto de esta compañía era la base de todo. Esto parece una obviedad, pero en la mayoría de casos las empresas no llegan a ser tan coherentes como Two Thirds a la hora de tratar la elaboración y distribución del producto de principio a fin.

    La filosofía y los valores medioambientales son determinantes en cómo y dónde se fabrica el producto, y también son claves a la hora de elegir un modelo de distribución o un packaging, así que... ¿cómo no iban a influir en la comunicación, estrategia y diseño de su tienda online? Hoy vamos a verlo en detalle.

  • Two Thirds: un eCommerce con mensaje

  • Antes de entrar en detalle en cómo está montadas la home, categorías, fichas de producto y demás, conviene destacar de qué manera se utilizan todos los elementos posibles para mostrar una imagen de:

    • Militancia: van más allá de exponer una problemática; quieren ser parte de la solución y que tú también lo seas.
    • Cercanía: a veces la militancia corre el riesgo de ser “antipática”. En este caso, han conseguido empatizar con un cliente que comparte sus valores reforzando un mensaje positivo en lugar de censurar o ser apocalípticos.
    • Estilo de vida: desde sus cuidadas fotos y vídeos a unos textos pensados al milímetro, todo está ideado para proyectar una idea de lifestyle muy positiva, concienciada, evocadora y libre en la que el mar es muy importante. ¿Quién no quiere identificarse con alguien así?
  • INSIGHT: Utiliza tus valores de marca y tu propuesta de valor como una guía de estilo. Haz que cada pequeña cosa se ajuste a la idea que quieres que tus clientes perciban que es tu proyecto.

  • La home page

  • Solo con echarle un primer vistazo entiendes que no es una tienda estándar. Parece que a menudo tenemos una idea predeterminada de cómo debe ser un eCommerce, que tiene que tener un gran slider e, inmediatamente, mostrar productos, ofertas, un buscador… Pero Two Thirds no es Amazon ni pretende serlo. 

    El diseño de la home utiliza grandes fotos de carácter aspiracional (y, por qué no decirlo, con una estética muy Instagram). Tanto el logo como el menú quedan integrados de una manera muy sutil.

    Lo que no es tan sutil es el gran copy que destaca en el centro de la imagen principal: “We make goods for a better future – Ocean Friendly” (“Hacemos productos para un futuro mejor – amigable con el océano”).

  • INSIGHT: Atrévete a hacer algo diferente. Ser rupturista es una forma de destacar cuando todo es excesivamente uniforme, hace que nos quedemos en la mente del usuario más fácilmente.

  • Cada una de las secciones y propuestas vienen de la mano de una foto de buen tamaño casi sin “manchar”. Los rótulos, las llamadas a la acción y los botones solo aparecen al pasar el puntero por encima (en la versión mobile sí están fijos). Encontramos:

    • Enlace a la nueva colección
    • Colección de mujer
    • Colección de hombre
    • Summer capsule: aquí comenzamos a ver contenido no transaccional
    • Producto de la semana: ideal para favorecer la visita recurrente
    • Producto favorito: un artículo destacado
    • Top seller: el más vendido para estimular la prueba social
    • Sentinels: un programa de embajadores para la defensa del océano
    • Blog: completísimo en cuanto a contenido, muy visual y bien planteado
    • Sostenibilidad: acceso a una landing en la que explican su compromiso con el medio ambiente y cómo trabajan sus productos
    • Community: una recopilación de las imágenes etiquetadas bajo el hashtag #weareocean en Instagram
    • Más fotos de de Instagram para potenciar el mensaje a través de la comunidad
    • Un reclamo para suscribirse a la lista de correo a cambio de un 10% de descuento en la primera compra 

    Listado así parece muchísima info, ¿verdad? Pues el tratamiento que han hecho desde el diseño hace que resulte muy ligera visualmente (y eso que están duplicando algunos enlaces que ya estaban en el menú).

  • La parte aspiracional viene de la mano de un detalle muy interesante: los modelos no son tales sino personas que encajan dentro del arquetipo de clientes de la marca. Esto le aporta un extra de credibilidad y frescura al resultado.

  • INSIGHT: un diseño adecuado hace que puedas contar mucho utilizando el texto preciso. Además, en este caso, el hecho de no abrumarte de primeras con producto, oferta, descripción y precio refuerza la sensación de estar vendiendo una idea antes que un producto, algo totalmente intencionado.

  • Las categorías

  • Después de una home que podríamos categorizar como “diferente”, puede que esperases algo más de las categorías, pero no. Estas resultan absolutamente estándar, casi justitas en cuanto a contenido.

    Desde nuestro punto de vista, quizá necesitarían algo de texto aquí (aunque solo fuera por el SEO), pero entendemos que han querido mantener una coherencia en cuanto al diseño de la home en ese sentido. Filtros básicos, nombre del producto, precio y poco más.

  • Sin embargo, nos gustan algunas sutilezas como el que al pasar el puntero sobre la foto del producto te muestre una visión trasera del mismo. No es que sea rompedor, pero sí es útil.

  • INSIGHT: Puede que el diseño no sea revolucionario, pero no perdamos de vista que es una tienda y el usuario tiene claro su funcionamiento. Si nos volvemos locos en estas páginas transaccionales, podemos estar complicando la experiencia de uso.

  • Las fichas de producto

  • Aunque mantienen una línea continuista con lo que serían las fichas estándar dentro del eCommerce, sí encontramos algunos puntos relevantes que comentar.

     Para empezar, hay que decir que son muy completas. Junto a la clásica foto de tienda online con fondo neutro que es puro producto, encontramos una surtida galería de fotos que podríamos denominar de lifestyle, que nos presentan al o la modelo en un contexto agradable fuera del estudio. También se incluye un vídeo, cosa que es muy de agradecer en un eCommerce de moda.

     Las descripciones son bastante escuetas, pero suficientes para contarnos las características técnicas de la prenda, composición y materiales. Utiliza algunas viñetas para destacar puntos claves y, adicionalmente, iconos que resumen ventajas clave como que es un producto fabricado en Europa o que es vegano.

  • En el lado derecho tenemos el precio, selector de tallas y cantidad junto al botón de comprar. Debajo de este variaciones de color hay muchísima información adicional (guía de tallas, ajuste, envío, políticas…), toda ella desplegable para no ocupar un espacio excesivo. Como la ficha es muy extensa, han utilizado un recurso muy común pero útil: hacer que la parte orientada a la conversión acompañe al scroll.

  • INSIGHT: Es genial utilizar imágenes que inspiren y evoquen el uso del producto; ese contexto nos ayuda a proyectarnos a nosotros mismos en una situación ideal. Eso sí, no permitas que se pierda el foco de la venta, las páginas más bonitas son las que venden.

  • No podemos cerrar este apartado sin hablar de uno de los aspectos más característicos del modelo de negocio de Two Thirds: la pre-venta. Como esto no es habitual, requiere de bastante explicación para que el usuario tenga claro.

    No solo el concepto general (comprar antes de existir el stock), sino que también tienes que asegurarte de que entienda que el plazo de envío empieza a contar desde el momento en que se lanza la prenda al mercado (y de ahí suma 10-12 días más).

  • INSIGHT: Trata de ser muy claro en todo procedimiento que se salga de la norma. En este caso, te enfrentas a la frustración del cliente que no entienda claramente el sistema.

  • Blog y páginas no transaccionales

  • Cuando tu marca tiene un propósito y un fin tan marcado como el de Two Thirds, es importante ser capaz de comunicarlo. Para ello, no basta con las fotografías y el copywriting de las páginas orientadas a la venta. 

    El blog de esta marca es realmente atractivo e inspirador. De hecho, entre las etiquetas que utilizan asiduamente vemos cómo destaca este término y, junto a él, sostenibilidad, océano, surf, viajes.

    Textos muy cuidados, con un tono cercano y que invita a explorar y viajar. Sensaciones que refuerzan las fotos abundantes e igualmente trabajadas.  En realidad, el blog utiliza el nombre “nuestras historias” para trabajar la cercanía y resultar más próximo.

  • INSIGHTS: Un blog es realmente importante porque te permite ampliar tu  visión y enriquecer la idea del estilo de vida, divulgar y posicionarte como experto.

  • Aunque el clásico “Quiénes somos” puede parecer una página de relleno en la mayoría de los sites corporativos y tiendas online, en este caso es muy relevante. Lo curioso es que lo han resuelto casi totalmente con un vídeo, al menos en la sección correspondiente. 

    A fin de ampliar esta información sin resultar un autobombo aburridísimo, han añadido otras secciones como Sentinels, que no dejan de ser embajadores de marca de una manera más o menos obvia. Incluso en la sección de sostenibilidad, lo que se está haciendo es hablar de la marca y su posicionamiento de manera indirecta.

  • INSIGHTS: No desperdicies ninguna oportunidad para contar quién eres y lo que puedes ofrecer. Todas las páginas de tu site tienen que servir para algo, si no es mejor directamente no incluirlas.

  • ¿Te das cuenta de todo lo que da de sí un caso de éxito en eCommerce como el de Two Thirds? ¿Qué has sacado en claro para tu negocio? ¡Cuéntanoslo!

  • Imágenes | Two Thirds.

Miguel Nicolás


Miguel Nicolás O’Shea es copywriter de toda la vida (más de 15 años trabajando en agencias) y especialista en Search Marketing (SEO y PPC). A partir de ahora va a aportar su experiencia en marketing online a Oleoshop, publicando con regularidad.
comments powered by Disqus

Buscar entradas

Últimas entradas

Utilizamos cookies propias y de terceros para realizar la medición de nuestra web. Al continuar con la navegación entendemos que se acepta nuestra política de cookies

Acepto