En el competitiu món digital d’avui, la primera impressió ho és tot. Un disseny web corporatiu efectiu pot ser la diferència entre captar un client potencial o perdre’l davant la competència. Sabies que el 75% dels usuaris jutja la credibilitat d’una empresa basant-se en el disseny del seu lloc web?

Quan la victòria o la derrota està a només un clic de distància, tenir un disseny web corporatiu impactant és clau per a sobresortir i caçar al teu públic objectiu.

“Gairebé el 95% dels usuaris abandonen una pàgina web si el disseny no els convenç en absolut”
– Anna Pallerols, directora de l’àrea de disseny gràfic i comunicació a LCI Barcelona

Explorar les millors pràctiques i tendències per a crear un lloc web corporatiu que no sols sigui visualment atractiu, sinó que també reforci la identitat i els valors de la marca, es fa indispensable.

La primera impressió és la carta de presentació

Una imatge val més que mil paraules, i el lloc web de la teva empresa és sovint el primer punt de contacte que els clients potencials tenen amb la teva marca.

Segons un estudi, dirigit per la Dra. Gitte Lindgaard, psicòloga experta en la Interacció Persona-Ordinador (Human Computer Interaction), a la universitat de Carleton (Ottawa, Canadà), van demostrar que les persones decideixen l’atractiva que és una imatge visual després de veure-la durant només 50 mil·lisegons i que, una vegada han decidit, s’aferren a la seva decisió.

És a dir, et jutgen en un tancar i obrir d’ulls. Això se’n diu l’Efecte Halo.

L’efecte Halo consisteix en la realització d’una generalització errònia a partir d’una sola característica o qualitat d’un objecte o d’una persona. Aplicat al disseny web, un disseny atractiu visualment captarà l’atenció dels visitants, portant-los a assumir que el lloc web és de confiança, segur i que el seu contingut és d’alta qualitat, mentre que un disseny descuidat farà que marxin i vagin a la competència.

“En el que semblem, tots tenim un jutge; en el que som, ningú ens jutja”
– Friedrich Schiller

Pautes perquè el nostre disseny web corporatiu quedi a la memòria dels usuaris

disseny web paleta colors

En primer lloc tenim la identitat visual, que ha de ser coherent i consistent en tota la web, i que inclou el logotip, la paleta de colors, la tipografia, les imatges i els gràfics. Aquests elements han de reflectir la personalitat i els valors de la teva marca, resultant en un disseny net i creant una experiència visualment sòlida i atraient.


Una bona pràctica d’identitat visual és la pàgina web de Mailchimp:

  • L’isotip, sense necessitat de ser imagotip, ja és distintiu i fàcilment identificable.
  • La paleta de colors, destacant diferents tons de groc, reflecteix una personalitat creativa, càlida i alegre.
  • La tipografia, mitjançant la combinació de fonts sans-serif i serif, fa que siguin fàcils de llegir.
  • Les imatges i gràfics complementen el contingut i capten la finalitat de l’empresa del màrqueting i la comunicació.

El minimalisme continua sent una tendència forta en el disseny web. Menys és més, i un disseny net i simple pot comunicar el missatge de la teva empresa de manera més efectiva sense aclaparar als usuaris.

En segon lloc, tenim l’experiència d’usuari (UX), sent crucial que la navegació del lloc web sigui clara i simple, assegurant així que els visitants trobaran fàcilment la informació que busquen.

Menús ben organitzats, barres de cerca i enllaços clars són essencials per a guiar als usuaris a través del teu lloc.

Una bona pràctica d’UX és la pàgina web de Airbnb, que destaca per:

  • Navegació intuïtiva, tenint la barra de cerca prominent en la pàgina principal.
  • Fotos atractives, d’alta qualitat i detallades dels allotjaments.
  • Filtres efectius i fàcils d’usar per a trobar exactament el que l’usuari cerca.

En tercer lloc està el contingut, el qual ha de ser rellevant, professional i de qualitat (que sigui fàcil de consumir) per als visitants, millorant així la UX, però també en el SEO, fent que el teu lloc sigui més visible en els motors de cerca.

Un exemple de bona pràctica de contingut és la pàgina web de TED, que destaca per un contingut:

  • Fàcil de consumir.
  • Amb àmplia varietat de temes.
  • Realitzat per experts en el camp.
  • En diferents formats (vídeo, àudio, text).

En darrer lloc, està el disseny responsive o disseny adaptable, liderant els mòbils actualment el top de dispositius utilitzats per a navegar per internet, concretament un 55,1%, seguit pels ordinadors, amb un 42,46%, un 12,64% menys.

Font: Statcounter

Això no era així fa anys. Per exemple, del 2010 al 2015 el dispositiu que s’utilitzava amb gran diferència eren els ordinadors, amb un 80,42%, mentre que els mòbils era un baix 16,54%.

Font: Statcounter

En canvi, del 2015 al 2020 va haver-hi gairebé un empat entre els dos dispositius, guanyant els ordinadors només per un 4,59%.

Font: Statcounter

Per tant, ja no pots esperar a tenir un lloc web que no s’adapti a diferents mides de pantalla per a garantir l’accessibilitat i el manteniment dels usuaris a la teva web.

El teu aliat en l’èxit: eines recomanades

Per a mantenir el teu lloc web corporatiu actualitzat i funcional, recomano l’ús de:

WordPress

  • Interfície fàcil d’usar, permetent a persones nivell usuari crear i gestionar el seu lloc web.
  • Àmplia varietat de temes i plugins, es personalitza fàcilment el disseny i les funcionalitats del lloc perquè s’ajustin a les necessitats de l’empresa. Molts temes són responsives, assegurant que el lloc es vegi bé en qualsevol dispositiu, crucial per a l’UX.
  • En el SEO, plugins com Yoast SEO i All in One SEO ajuden a optimitzar el contingut de la web per als motors de cerca, millorant la seva visibilitat i posicionament.
  • Aporta escalabilitat, és a dir, és adequat tant per a petites com grans corporacions, podent el lloc web créixer juntament amb l’empresa. També permet la gestió de múltiples llocs des d’una única instal·lació, beneficiós per a empreses amb diferents divisions o marques.

Canva

  • Interfície intuïtiva i fàcil d’usar.
  • Sense necessitat de coneixements avançats en disseny gràfic per a crear dissenys atractius i professionals.
  • Àmplia gamma de plantilles predissenyades i personalitzables per a diferents tipus d’empreses i les seves identitats corporatives.
  • Gran varietat d’eines de disseny que permeten als usuaris crear dissenys coherents i visualment atractius.
  • Extensa biblioteca d’imatges, il·lustracions, icones i altres elements visuals, majorment gratuïts, disponible.
  • Permet la col·laboració en temps real, facilitant la coordinació i cooperació de diferents departaments i equips, assegurant que el disseny final compleixi amb els estàndards corporatius.
  • Adaptabilitat i exportació dels en diferents formats (JPEG, PNG, PDF, etc.). A més, Canva permet ajustar els dissenys per a diferents dispositius i grandàries de pantalla, crucial en un disseny web responsive.

Elementor

  • Interfície d’arrossegar i deixar anar que permet als usuaris crear i personalitzar les pàgines sense necessitat de coneixements avançats de programació.
  • Permet veure els canvis en temps real, facilitant l’ajust del disseny.
  • Inclou una gran quantitat de widgets i elements predissenyats que es poden utilitzar per a construir pàgines corporatives atractives i funcionals.
  • Ofereix nombroses plantilles que es poden personalitzar segons les necessitats del negoci, estalviant temps i garantint un aspecte professional.
  • Les pàgines creades amb Elementor són completament responsives.
  • Integració fàcil amb altres plugins de WordPress, com formularis de contacte, SEO, comerç electrònic, etc.
  • És lleuger i ràpid, tenint un bon rendiment del lloc web i una UX més fluida.

Astra Theme

  • Tema de WordPress lleuger i altament personalitzable que s’integra perfectament amb constructors de pàgines com Elementor. Està dissenyat per a oferir un rendiment ràpid i una gran flexibilitat per a crear des de blogs fins a e-commerce.
  • Optimitzat per a la velocitat, garantint temps de càrrega ràpids i un bon rendiment en termes de SEO.
  • Ofereix una àmplia gamma d’opcions de personalització. Pots ajustar fàcilment el disseny, colors, tipografies i molt més sense necessitat de modificar cap codi.
  • Inclou una biblioteca de plantilles que pots importar en un clic.
  • Està construït amb les millors pràctiques de SEO, estructurat per a ser amigable amb els motors de cerca.
  • Compatible amb WooCommerce.

Figma Design

  • Permet a múltiples dissenyadors treballar en el mateix arxiu simultàniament i els canvis es veuen en temps real.
  • Els membres de l’equip poden deixar comentaris directament en temps real, o en qualsevol moment en els dissenys, facilitant la revisió i el feedback.
  • Pots crear prototips interactius que simulen el comportament d’una aplicació o lloc web abans de la implementació.
  • Permet crear gràfics escalables i d’alta qualitat, ideal per a dissenyar interfícies que s’adaptin a diferents grandàries de pantalla i resolucions.
  • Pots crear components reutilitzables i definir estils globals per a colors, tipografies i efectes. Els canvis en un component s’apliquen en tots els llocs on s’utilitza.
  • Integració amb una àmplia varietat d’eines i plugins que estenen la seva funcionalitat.
  • En ser una eina en el núvol, Figma és accessible des de qualsevol lloc i dispositiu.

Un disseny web de qualitat és un imant per a atreure clients i augmentar el temps de permanència, sent els pols magnètics una bona estructura i un disseny atractiu. Invertir en un disseny web efectiu també millora el SEO i el posicionament en cercadors. A Tepsis comptem amb experts en disseny de pàgines web corporatives. Contacta’ns i descobreix com amb nosaltres aconseguiràs plasmar l’essència del teu negoci.

Maria Lorente Vilà
Tepsis – Disseny i comunicació