Res no canvia tant com els gustos i les tendències, i l’eCommerce tampoc no se n’escapa; a Trilogi ho observem cada dia. La tècnica i la programació provoquen canvis en el disseny de les botigues online, que veuen com el minimalisme —que impera a la majoria dels eCommerce— va adquirint nous matisos. I no només això: en el disseny eCommerce els continguts també s’han d’adaptar a les noves tendències marcades per cercadors com Google. Vegem diferents tipus de disseny de botigues online que s’han reinventat per:
- Adaptar-se a les noves normes de Google.
- Millorar la usabilitat web, la navegació i l’experiència d’usuari.
Un exemple clar de com les directrius marquen què cal mostrar i com s’ha de fer el trobem en l’adaptació dels webs al format responsive. Aquesta adaptació serveix perquè el contingut es vegi correctament quan es navega des d’una pantalla més petita, sigui mòbil, tauleta i les seves variants (phablets, etc.). La nova manera de presentar el contingut ha suposat una sèrie de canvis a nivell de disseny que han deixat enrere les botigues que no s’han adaptat o no ho han fet correctament.
Davant la por al Mobilegeddon, que s’acostava amenaçador, moltes marques van decidir apostar pel menú hamburguesa, que agrupa tot el contingut en un menú desplegable, seguint els patrons de navegació dels mòbils. I amb això va arribar la caiguda en el posicionament orgànic (SEO) de la versió online d’El Corte Inglés (maig 2015) i de Springfield. No només hi va tenir a veure el redisseny: també les decisions (o no decisions) preses respecte a les redireccions 301 d’un disseny a l’altre i altres elements que caldria analitzar més a fons.
Si a això hi sumem que els webs han de transmetre la imatge de la marca, arribem a la conclusió que obrir un eCommerce no és només tenir clars els punts de distribució, venda i logística: també cal marcar la diferència respecte als competidors. El que és clar és que, si la botiga no crida l’atenció en algun dels seus punts, difícilment la recordaran els usuaris que hi arribin.
Per això, hem recollit les tendències en disseny i el reflex del producte en els mateixos webs, analitzant la tendència i els punts forts de diversos eCommerce que poden arribar a ser un referent.
Tendència disseny eCommerce 2016
Després del Mobilegeddon i la possible penalització de Google si els webs no s’adaptaven als dispositius mòbils, s’han produït molts canvis que han marcat la tendència a les botigues online. Un d’ells, i potser el més visible, és la manera d’“amagar” l’arbre de categories i cedir l’espai a una imatge trencadora que cridi l’atenció.
Però, a més d’aquests canvis, podem determinar que els nous dissenys de les botigues passen per:
-
Dissenys desenfadats, sense complicacions a l’hora de mostrar bàners i productes
El més habitual era ajuntar diferents bàners i col·locar-los a la home amb la màxima informació possible. Ara la home s’ha convertit en un aparador amb diversos bàners i productes i sense gaire més informació, perquè l’usuari es concentri en la imatge que se li ofereix i no es perdi ni es distregui amb res més. Un dels casos pioners és el de Beatriz Furest, amb un web responsive des dels inicis i on la qualitat de les seves bosses de pell es transmet amb imatges grans i una portada en què els gifs es combinen amb bàners.
-
Imatges grans
Imatges que ocupen tota la pantalla i s’hi adapten. Per a això cal tenir un bon banc d’imatges o una gran quantitat d’imatges pròpies. A més d’oferir la imatge de la marca, es poden destacar productes i cal que vagin variant perquè l’usuari recurrent vegi imatges diferents quan torni a la botiga. A la botiga de sabates artesanes de la marca Carmina —també responsive— es destaca el procés de selecció de materials i de fabricació de les seves sabates de pell. Gràcies a les imatges de fons, amb les eines que s’utilitzen per fabricar aquest calçat únic, Carmina aconsegueix transmetre la força i la qualitat de les pells amb què elaboren les seves sabates.
-
Scroll
La tendència, que ja anava arribant, es va instal·lar definitivament el 2015. Amb l’ús en vertical no té sentit anar passant 6 bàners horitzontalment. Per això, a la majoria de botigues es veuen bàners amb les seves imatges destacades i els productes a destacar just a sota. Però on realment importa l’scroll és dins de les categories de la botiga, en què els paginadors deixen lloc a un scroll on es mostren tots els productes. Consell: si tens molt producte per mostrar, és preferible muntar una línia amb 4 productes o més perquè l’scroll no sigui interminable. Un bon exemple d’usabilitat el trobaríem a Lacoste.
-
Vídeo: a l’alça
El concepte “explica-m’ho bonic” ha donat prioritat als vídeos, perquè poden transmetre la imatge de la marca de manera ràpida i efectiva (trobaràs més consells en aquest post sobre vídeo màrqueting). Els vídeos de la botiga de matalassos Como una Marmota aporten molt més que una simple venda d’aquests matalassos, que s’adapten a la forma de qui els fa servir. Es pot compartir l’experiència de dormir al costat de qui estimes encara que sigui a quilòmetres de distància.
Aquests exemples mostren que els nous dissenys no només han de ser minimalistes i respectar una sèrie de directrius a nivell SEO (vídeos optimitzats, imatges que no pesin i no alentin els temps de càrrega…), sinó que, a més, han de tenir alguna cosa més: ser diferents i únics perquè els usuaris recordin aquella particularitat que fa d’una botiga online un referent en el seu sector.
Tens més exemples que reuneixin aquestes tendències? Seran benvinguts!
