En aquesta activitat he treballat la definició i disseny del meu portafoli digital per donar forma a la identitat visual del Content, la meva marca professional. L’objectiu principal ha estat transformar les idees clau de la PAC anterior en un espai web coherent, funcional i representatiu de la manera com treballo.
Look & Feel
Per començar, he desenvolupat el look & feel de la web, definint el to visual i emocional del projecte.
He creat un moodboard on es pot veure la direcció estètica que vull transmetre: espais nets, tipografia gran, imatges de projectes en format ampli, interaccions subtils i un ús equilibrat del blanc i negre. Aquest apartat marca la base visual per a tot el desenvolupament posterior.
Sitemap
A continuació, he definit el sitemap, és a dir, l’estructura de les pàgines principals de la web.
He apostat per una estructura simple i intuïtiva, formada per:
-
Inici (serveis + projectes)
-
Qui som
-
Contacte
Aquesta organització facilita la navegació i reflecteix la manera directa i clara que té el Content d’explicar-se.
Wireframes
Després he treballat els wireframes per plasmar com s’estructurarà visualment cada pàgina abans de passar al disseny final.
Són esquemes senzills que ordenen els continguts, defineixen jerarquies i anticipen com es mourà l’usuari per la web. Aquesta fase és essencial per detectar problemes de distribució abans d’avançar cap al disseny final.
Pàgines de la web
Un cop definides l’estètica, l’estructura i el flux d’informació, he dissenyat les pàgines principals de la web: Inici, Qui som i Contacte.
He mantingut un estil visual minimalista, basat en talls grans, imatges protagonistes i tipografia contundent. També he incorporat detalls d’interacció com hover effects i un botó flotant de contacte per millorar l’experiència d’usuari.
Presentació dels projectes
Finalment, he seleccionat i presentat tres projectes que representen diferents àmbits del treball del Content.
He posat especial atenció a la manera de mostrar-los: imatges grans, mockups i composicions clares que expliquen el projecte pràcticament sense necessitat de text.
M’encantarà que doneu un cop d’ull al meu treball i compartiu comentaris o reflexions.
Aprofitem aquest espai per aprendre els uns dels altres i enriquir la nostra mirada com a dissenyadors.
Gràcies per llegir-me!
Aquest és un espai de treball personal d'un/a estudiant de la Universitat Oberta de Catalunya. Qualsevol contingut publicat en aquest espai és responsabilitat del seu autor/a.
Hola Gerard,
A continuació et presento la meva avaluació, tenint en compte els punts de la rúbrica.
Qualitat i coherència de l’argumentació del concepte (1 punt):
S’ha fet una anàlisi detallada de les tipologies d’usuaris, incloent persones amb discapacitats visuals i altres diversitats funcionals. La proposta de valor està ben definida i estructura el projecte en tres pilars clars i coherents amb els objectius plantejats.
Puntuació: 1 punt.
Qualitat i coherència de la descripció del sistema (1 punt):
L’inventari de senyals compleix amb tots els requisits, especificant funcions i disseny. Està ben organitzat per grups, ubicació i característiques.
Puntuació: 1 punt.
Qualitat estètica i funcional del sistema gràfic (2 punts):
Les tipografies seleccionades són clares, llegibles i genèriques, assegurant una comprensió fàcil per a tot tipus d’usuaris. La identitat visual és coherent i eficaç, amb una ubicació clara i correcta de les senyals. El disseny general transmet professionalitat i funcionalitat. També s’han definit adequadament colors i composicions.
Puntuació: 2 punts.
Originalitat, innovació i eficàcia del sistema (2 punts):
El sistema és eficaç, però la seva originalitat i innovació són limitades. Els pictogrames són bàsics i funcionals, però no aporten cap element que el diferenciï d’altres sistemes similars.
Puntuació: 1,25 punts.
Adequació i coherència del sistema objectual (2 punts):
Els materials seleccionats són adequats, aportant resistència, seguretat i visibilitat. La documentació tècnica inclou mides i proporcions amb precisió.
Puntuació: 2 punts.
Inclusió a nivell de sostenibilitat i respecte al medi ambient (1 punt):
La proposta és inclusiva per a tot tipus d’usuaris, però no es fa gaire referència a aspectes sostenibles o al respecte pel medi ambient.
Puntuació: 0,75 punts.
Presentació (1 punt):
La presentació té una estructura clara amb un ordre lògic dels continguts i una correcció ortogràfica impecable.
Puntuació: 1 punt.
Puntuació Final: 9 punts sobre 10.
Preguntes i propostes de millora:
Quins altres elements podrien incloure’s per fer el sistema més innovador sense comprometre la seva funcionalitat?
Has considerat alguna estratègia per fer que el sistema sigui més sostenible?
Com es podria millorar la identificació visual del sistema per fer-lo més únic i reconeixible dins del context d’INCASÒL?
En general, crec que has fet molt bona feina, enhorabona Gerard.
Bona nit Adriana,
En primer lloc gràcies per la nota que m’has atorgat.
En vull respondre a les teves preguntes:
Quant a quins altres elements podrien fer el sistema más innovador?
Podríem dir que es podria adaptar una Integració amb la tecnologia digital, com podrien ser:
Codis QR destinats a usuaris que puguin acceder a mapes interactius o informació detallada sobre països i serveis.
Pantalles tàctils: Instal.lant pantalles digitals tàctils que permitin als usuaris cercar destins concrets i obtener indicacions pas a pas.
Il.luminació intel.ligent: dotant les senyals amb sensors que ajustin la il.luminació per millorar la visibilidad.
Quant a si he considerat Estratègies per a fer el sistema més sostenible, he pensat utilizant:
Materials reciclats :
Incorporar alumini reciclat, PVC ecològic, metacrilat reciclat t o fusta certificada amb materials base.
Eficiencia energètica :
Implementar il.luminació LED d’alta eficiència amb consums baixos energètics.
Utilitzar energia solar per alimentar senyals retroil.luminadas en exteriors.
Producció local i de proximitat :
Minimitzar la petjada de carboni fabricant senyals en tallers locales.
I finalment quant a les millores per fer la identificació visual més única i reconeixible dins d’INCASÒL, destacaria:
L’ús de la identitat corporativa de l’INCASÒL:
Incorporant els colors distintius, en una paleta cromàtica corporativa en les senyals (carbassa, verd o blau relacionat amb l’urbanisme).
Incloure el logotip d’INCASÒL en senyals totes les identificatives i informatives.
Disseny exclusiu:
Tipografia personalitzada: Crear o adaptar una tipografia pròpia per a INCASÒL que faci les senyals visualment úniques.
Iconografia única: Dissenyar pictogrames propis que mantinguin una coherència amb l’estil de l’entitat però que siguin fàcilment reconeixibles per als usuaris.
Narrativa visual:
Història visual: Afegir elements que expliquin la missió d’INCASÒL, com esquemes d’urbanisme o paraules clau relacionades amb el territori. Això pot ser especialment útil en senyals informatives i tòtems, com els que vaig plantejar en el projecte presentat.