En aquest repte s’ha definit, integrat i verificat la paleta de colors corporativa per al lloc web en WordPress, assegurant la coherència visual, el reforç de la identitat de marca i el compliment dels estàndards d’accessibilitat i contrast.
1. Justificació de la Paleta de Colors i Accessibilitat (Justificació – 10 pts)
A partir de la interfície i el disseny aplicat al portafoli digital, s’ha estructurat la següent paleta de colors:
Color Primari / Degradat Corporatiu (Blau fosc i blau lila): Utilitzat en la targeta gran de benvinguda de la part superior i en botons destacats com el menú de reptes. Transmet tecnologia, innovació i professionalitat, valors fonamentals de l’entorn de SMIX.
Color d’Accent / Detalls (Blau turquesa / Blau cel): Present en les línies superiors que coronen cada targeta d’encàrrec i en alguns detalls visuals. Permet ressaltar estructures clau i mantenir un contrast visual dinàmic.
Colors Neutres de Fons i Text (Fons blanc / gris molt clar i text blau nit fosc): S’utilitza un fons molt clar en contrast amb un text clarament fosc per als títols i resums. Això maximitza la llegibilitat i redueix la fatiga visual de l’usuari.
Comprovació de Contrast i Accessibilitat: S’ha verificat el ràtio de contrast entre els textos (vius o foscos) i els fons (blancs o blaus) mitjançant eines d’accessibilitat WCAG 2.1 AA. El ràtio supera el valor requerit de 4.5:1 en la totalitat dels continguts, garantint una lectura còmoda i accessible per a tothom.
2. Aplicació i Implementació al Lloc Web (Implementació – 10 pts)
La paleta s’ha aplicat de forma centralitzada a totes les seccions del lloc web des de la configuració del tema a WordPress:
Consistència visual: S’han definit els colors globals per a la capçalera, les targetes de cada encàrrec i el menú desplegable de navegació.
Integració d’elements: Es manté la mateixa línia de tons blaus, detalls turquesa i fons clars a la pàgina principal i als menús secundaris.
3. Evidències de Funcionament i Disseny Global (Evidències – 10 pts)
S’ha comprovat l’aplicació homogènia de la tonalitat corporativa en el lloc web actiu:
Coherència en la distribució de colors entre la capçalera, les etiquetes dels encàrrecs i el menú lateral de navegació.
Verificació de la correcta lectura dels títols i resums en les targetes del portafoli.
Conclusió
La paleta de colors seleccionada i implementada reforça la identitat del portafoli digital, assegura una experiència d’usuari fluida i compleix amb les especificacions d’accessibilitat.
