Cas d'èxit eCommerce: la història de Two Thirds (2)
Miguel Nicolás
-
Aquí tens la segona part del cas d'èxit d'un eCommerce diferent. Avui disseccionem la web i estratègia de màrqueting de Two Thirds.
-
-
Fa uns dies vam iniciar una sèrie de 2 posts per explicar-vos la història de TwoThirds,1 eCommerce de moda amb marcada vocació activista i mediambiental.
En el post anterior ens vam centrar a explicar com el producte d'aquesta companyia era la base de tot. Això sembla una obvietat, però en la majoria de casos les empreses no arriben a ser tan coherents com Two Thirds a l'hora de tractar l'elaboració i distribució del producte de principi a fi.
La filosofia i els valors mediambientals són determinants en el com i l’on es fabrica el producte, i també són clau a l'hora de triar un model de distribució o un packaging, així que... com no havien d’influir en la comunicació, estratègia i disseny de la seva botiga online? Avui ho veurem en detall.
-
Two Thirds: un eCommerce amb missatge
-
Abans d'entrar en detall en com estan muntades la home, categories, fitxes de producte i altres seccions, convé destacar de quina manera es fan servir tots els elements possibles per mostrar una imatge de:
- Militància: van més enllà d'exposar una problemàtica; volen formar part de la solució i que tu també ho siguis.
- Proximitat: de vegades la militància corre el risc de ser "antipàtica". En aquest cas, han aconseguit empatitzar amb un client que comparteix els seus valors reforçant un missatge positiu en lloc de censurar o ser apocalíptics.
- Estil de vida: des de les seves fotos i vídeos fets amb cura a uns textos pensats al mil·límetre, tot està ideat per a projectar una idea de lifestyle molt positiva, conscienciada, evocadora i lliure en la qual el mar és molt important. Qui no vol identificar-se amb algú així?
-
INSIGHT: Utilitza els teus valors de marca i la teva proposta de valor com una guia d'estil. Fes que cada petita cosa s'ajusti a la idea que vols que els teus clients percebin que és el teu projecte.
-
La home page
-
Només amb donar-li un primer cop d'ull entens que no és una botiga estàndard. Sembla que sovint tenim una idea predeterminada de com ha de ser un eCommerce, que ha de tenir un gran slider i, immediatament, mostrar productes, ofertes, un cercador... Però Two Thirds no és Amazon ni pretén ser-ho.
El disseny de la home fa servir grans fotos de caràcter aspiracional (i, per què no dir-ho, amb una estètica molt Instagram). Tant el logo com el menú queden integrats d'una manera molt subtil.
El que no és tan subtil és el gran copy que destaca en el centre de la imatge principal:"We make goods for a better future – Ocean friendly" ("Fem productes per a un futur millor – amigables amb l'oceà"). -
INSIGHT: Atreveix-te a fer alguna cosa diferent. Ser rupturista és una manera de destacar quan tot és excessivament uniforme, fa que ens quedem a la ment de l'usuari més fàcilment.
-
Cadascuna de les seccions i propostes vénen de la mà d'una foto de bona mida gairebé sense "tacar". Els rètols, les crides a l'acció i els botons només apareixen en passar el punter per sobre (en la versió mobile si estan fixos). Hi trobem:
- Enllaç a la nova col·lecció
- Col·lecció de dona
- Col·lecció d'home
- Summer capsule: aquí comencem a veure contingut no transaccional
- Producte de la setmana: ideal per a afavorir la visita recurrent
- Producte preferit: un article destacat
- Top-seller: el més venut per a estimular la prova social
- Sentinels: un programa d'ambaixadors per a la defensa de l'oceà
- Blog: completíssim pel que fa a contingut, molt visual i ben plantejat
- Sostenibilitat: accés a una landing en què expliquen el seu compromís amb el medi ambient i com treballen els seus productes
- Community: un recull de les imatges etiquetades sota el hashtag #weareocean a Instagram
- Més fotos de d'Instagram per potenciar el missatge a través de la comunitat
- Un reclam per subscriure’s a la llista de correu a canvi d'un 10% de descompte en la primera compra
Llistat així sembla moltíssima info, oi? Doncs el tractament que han fet des del disseny fa que resulti molt lleugera visualment (i això que dupliquen alguns enllaços que ja estaven al menú).
-
-
La part aspiracional ve de la mà d'un detall molt interessant: els models no són tals sinó persones que encaixen dins l’arquetip de clients de la marca. Això li aporta un extra de credibilitat i frescor al resultat.
-
INSIGHT: Un disseny adequat fa que puguis explicar molt fent servir el text precís. A més, en aquest cas, el fet de no aclaparar de primeres amb producte, oferta, descripció i preu reforça l’efecte d'estar venent una idea més que no pas un producte, una cosa totalment intencionada.
-
Les categories
-
Després d'una home que podríem categoritzar com a "diferent", potser t’esperaves alguna cosa més de les categories, però no. Aquestes resulten absolutament estàndard, gairebé justetes pel que fa al contingut.
Des del nostre punt de vista, potser els caldria una mica més de text aquí (encara que només fos pel SEO), però entenem que vulguin mantenir una coherència pel que fa al disseny de la home en aquest sentit. Filtres bàsics, nom del producte, preu i poca cosa més.
-
-
No obstant això, ens agraden algunes subtileses com el fet que en passar el punter per sobre de la foto del producte se’ns en mostri una visió del darrere. No és que sigui trencador, però sí que és útil.
-
INSIGHT: Potser el disseny no és revolucionari, però no perdem de vista que és una botiga i que l'usuari té clar el seu funcionament. Si ens tornem bojos en aquestes pàgines transaccionals, podem estar complicant l'experiència d'ús.
-
Les fitxes de producte
-
Encara que mantenen una línia continuista amb el que serien les fitxes estàndard dins de l'eCommerce, sí que trobem alguns punts rellevants per a destacar.
Per començar, cal dir que són molt completes. Al costat de la clàssica foto de botiga online amb fons neutre que és pur producte, trobem una assortida galeria de fotos que podríem anomenar de lifestyle, que ens presenten el o la model en un context agradable fora de l'estudi. També s'hi inclou un vídeo, cosa que és molt d'agrair en un eCommerce de moda.
Les descripcions són bastant concises, però suficients per explicar-nos les característiques tècniques de la peça, composició i materials. Utilitza algunes vinyetes per a destacar punts claus i, addicionalment, icones que resumeixen avantatges clau com ara que és un producte fabricat a Europa o que és vegà.
-
-
A la part dreta hi tenim el preu, el selector de talles i la quantitat al costat del botó de comprar. A sota d'aquest variacions de color hi ha moltíssima informació addicional (guia de talles, ajustament, enviament, polítiques...), tota ella desplegable per tal de no ocupar gaire espai. Com que la fitxa és molt extensa, han fet servir un recurs molt comú però útil: fer que la part orientada a la conversió acompanyi l'scroll.
-
INSIGHT: És genial utilitzar imatges que inspirin i evoquin l'ús del producte; aquest context ens ajuda a projectar-nos a nosaltres mateixos en una situació ideal. Això sí, no permeteu que es perdi el focus de la venda, les pàgines més boniques són les que venen.
-
No podem tancar aquest apartat sense parlar d'un dels aspectes més característics del model de negoci de Two Thirds: la pre-venda. Com que això no és habitual, fa falta que s’expliqui adequadament perquè l'usuari ho tingui clar.
No només el concepte general (comprar abans d'existir l’stock), sinó que també has d’assegurar-te que entengui que el termini d'enviament comença a comptar des del moment en què es treu la peça al mercat (i d'aquí suma 10-12 dies més).
-
INSIGHT: Mira de ser molt clar en qualsevol procediment que se surti de la norma. En aquest cas, hauràs de fer front a la frustració del client que no entengui clarament el sistema.
-
Blog i pàgines no transaccionals
-
Quan la teva marca té un propòsit i una finalitat tan marcada com Two Thirds, és important ser capaç de comunicar-ho. Per això, no n'hi ha prou amb les fotografies i el copywriting de les pàgines orientades a la venda.
El blog d'aquesta marca és realment atractiu i inspirador. De fet, entre les etiquetes que es fan servir assíduament veiem com destaca aquest terme i, al seu costat, sostenibilitat, oceà, surf, viatges.
Textos redactats amb molta cura, amb un to proper i que convida a explorar i viatjar. Sensacions reforçades per les fotos abundants i igualment treballades. En realitat, el blog fa servir el nom "les nostres històries" per treballar la proximitat i resultar més proper.
-
-
INSIGHT: Un blog és realment important perquè et permet ampliar la teva visió i enriquir la idea de l'estil de vida, divulgar i posicionar-te com a expert.
-
Tot i que el clàssic "Qui som" pot semblar una pàgina de farciment en la majoria dels sites corporatius i botigues online, en aquest cas és molt rellevant. El més curiós és que l'han resolta gairebé totalment amb un vídeo, almenys en la secció corresponent.
Per tal d'ampliar aquesta informació sense donar lloc a un autobombo avorridíssim, han afegit altres seccions com Sentinels, que no deixen de ser ambaixadors de marca d'una manera més o menys òbvia. Fins i tot en la secció de sostenibilitat, el que s'està fent és parlar de la marca i el seu posicionament de manera indirecta.
-
-
INSIGHTS: No perdis cap oportunitat per explicar qui ets i el que pots oferir. Totes les pàgines de la teva web han de servir per a alguna cosa, si no és millor directament no incloure-les.
-
Te n’adones de tot el que dona de si un cas d'èxit en eCommerce com el de Two Thirds? Què n’has extret per al teu negoci? Explica'ns-ho!
-
Imatges | Two Thirds.