La nova web del Barça: esport, passió i energia des de qualsevol dispositiu

La nova web del Barça: esport, passió i energia des de qualsevol dispositiu

Vam dissenyar la web del FC Barcelona amb el repte de transmetre la mateixa passió que genera el Club entre socis i seguidors de tot el món. Vam treballar amb totes les àrees de l'organització orientats a potenciar al màxim l'experiència d'usuari, des d'una perspectiva multidispositiu, accessible i disponible en 9 idiomes.

Vols veure com ho vam fer?

Des Optimyzet vam assumir el repte de treballar per a un dels millors clubs del món, sabent que l'exigència del projecte seria molt alta però amb la seguretat de comptar amb un equip entregat, expert i amb moltes ganes de donar-ho tot al camp!

VAM ANALITZAR EL CONTEXT D'UN CLUB ÚNIC

Vam analitzar la presència digital dels millors equips del món per tal de detectar best practices i avaluar la seva possible aplicació en el context Barça. Vam treballar amb el repte de canviar la presència digital de l'únic club que, a més del primer equip de futbol, compta amb categories inferiors i seccions de bàsquet, handbol, futbol sala, hoquei patins i altres esports amateurs.

ENS VAM POSAR A LA PELL D'AFICIONATS, SOCIS I FANS

Per tal de treballar en base al model mental dels diferents tipus d'usuaris de la web, vam definir les persones i escenaris d'ús clau així com el customer journey de cadascun d'ells; identificant les diferents fases que comprenien la interacció amb el FC Barcelona i definint, per a cadascuna d'elles, les necessitats, expectatives, preocupacions i incerteses existents. Vam analitzar els continguts que havíem de mostrar i vam definir una nova arquitectura de continguts pensant en els usuaris.

VAM CO-CREAR AMB L'EQUIP DEL FC BARCELONA

Vam reunir al voltant d'una mateixa taula tots els perfils directius de les diferents àrees del Club i vam realitzar amb ells diverses sessions de co-creació i co-design. El treball en equip ens va permetre alinear objectius i consensuar tots els aspectes clau del projecte: informació, comunicació, emoció, personalització, captació de leads i conversió.

VAM TRASLLADAR LA PASSIÓ A TOTS ELS DISPOSITIUS

Entenent que els usuaris del nou web serien cada vegada més multidispositiu, vam apostar sense dubtar-ho per una solució responsive design. Les característiques i complexitat de l'arquitectura, així com la quantitat de continguts a mostrar, van portar-nos a fer un gran esforç per treballar el disseny de forma transversal, de manera que no es van perdre mai de vista les peculiaritats de cada dispositiu, així com el seu context d'ús en cada cas.

UN PLANTEJAMENT VISUAL CARREGAT D'ENERGIA

Vam treballar el disseny visual obsessionats per transmetre la força i els valors del Club, així com l'excel·lència del seu primer equip. Vam definir espais potents per donar cabuda a tot el contingut audiovisual, a més d'equilibrar visualment els dissenys per donar el pes necessari tant als continguts comercials com als diferents patrocinadors. Vam treballar amb l'objectiu de garantir els criteris d'accessibilitat AA, així com l'adaptació del disseny a 9 idiomes diferents, alguns dels quals fins i tot van requerir invertir l'ordre de lectura i, per tant, la interfície.

VAM REALITZAR LA MAQUETACIÓ HTML5 + CSS3

Vam fer la maquetació del projecte tenint en compte la compatibilitat amb les últimes versions dels navegadors més populars i la visualització multidispositiu. A més, vam treballar la maqueta tenint en compte els estàndards definits pel W3C per a HTML5 i CSS3, així com els criteris d'accessibilitat i els requeriments multi-idioma 'right to left' - 'left to right'.