Repte 4. Compartir el disseny

Resultats de la recerca etnogràfica desenvolupada i proposta de disseny dirigida a abordar els problemes i necessitats detectats que s’han trobat a la comunitat.

1. Funcionalitats pràctiques, dimensions culturals i funcions simbòliques 

Imatge 1
Imatge1

“El diseño como proceso debe integrar conocimiento específico del campo con un mayor entendimiento de los seres humanos para quienes se diseña, las circunstancias sociales en las cuales el acto de diseño se lleva a cabo, y el contexto humano en el que se utilizan los objetos diseñados”. (Mercedes et al., n.d., p. 32)  

L’estudi  del comportament humà m’ha donat la oportunitat de recollir dades i obtenir coneixement sobre les seves experiències i necessitats al voltant del joc dels escacs. L’espai físic i el digital, les relacions socials, els hàbits i creences observades formen part de la seva identitat, cultura material i univers simbòlic. 

Em faig doncs la pregunta: ¿què és el que dona sentit a les seves accions, conductes i objectes? A partir de la triangulació de Troballes de la Memòria de camp he establert processos de significats i identitats que ens ajuden a comprendre quina és la seva construcció cultural simbòlica i raó de ser.  

  • La motivació, l’acompanyament i guia en l’aprenentatge 
  • L’evolució en el joc i la diversitat de situacions 
  • La observació, raonament i superació de reptes individuals i en equip 
  • La concentració, competició i respecte per les normes 
  • La honestedat i perseverança en el joc 
  • El companyerisme i la fraternitat 
  • La diversió en les dinàmiques de les activitats tant en entorns físics com digitals 
  • La promoció dels escacs en entorns educatius i de competició amb un major nombre de federats. 
  • La construcció de sinergies entre aficionats, docents i altres organitzacions. 
  • L’herència d’un esport que passa de pares/mares a fills/filles 
  • L’emoció i expectació dels campionats 
  • Els valors i l’aprenentatge en la superació de reptes 

2. Necessitats culturals o problemàtiques socials 

La proposta pretén construir una identitat digital alineada amb la seva cosmovisió i millorar la seva estratègia comunicativa. En concret el replantejament de disseny recau en una pàgina web que permeti significar la realitat de la comunitat, tot afrontant una sèrie d’estereotips consolidats en l’imaginari social:  

  • Percepció de complexitat del joc 
  • Exclusió de presència femenina en l’esport 
  • Poca promoció en comparació amb altres esports o activitats recreatives més arrelades en la cultura popular  
  • Enfoc individual del joc amb aficionats de perfil distant  
  • Abandonament de l’esport a partir dels 12-16 anys 
  • Poca visibilitat del Club als seus espais físics 

3. Procediment del projecte

Benchmark

En primera instància he realitzat un Benchmark sobre diferents pàgines web de clubs d’escacs amb una intenció comparativa sobre les tendències de disseny i continguts que hi ha en el context que ens dirigim.  

Imatge 2
Imatge 2
Imatge 3
Imatge 3
Imatge 4
Imatge 4
Imatge 5
Imatge 5

 

 

 

 

 

 

 

 

 

 

Definició d’estructura web 

La web Club d’Escacs Gerunda segueix un format blog amb publicacions d’events i que permet comentaris als seus lectors. Degut a que no s’actualitza com els altres canals comunicatius (Instagram, Facebook i Twitter) es planteja com un lloc web amb contingut de valor més estàtic però mantenint pàgines de noticies que si s’actualitzen. 

Pàgina d’inici: posant especial atenció a les imatges, els textos i CTA. Les imatges idealment fan referencia a l’esport i interpel·len al públic objectiu fent servir persones reals. 

  • Barra de navegació, logotip (pàgina d’inici), enllaç a pàgines ¿Qui som?, Escola d’escacs, Actualitat, LLiga catalana i Torneig. CTA formulari de contacte. 
  • Header;  benvinguda amb un enllaç CTA a la pàgina d’Activitats.  
  •  Valors i pilars simbòlics del Club ; icones per representar pensament, estratègia, concentració, creativitat, perseverança i respecte.  
  •  Interpel·lem al públic femení; amb un enllaç CTA al formulari de contacte.  
  • Actualitat del Club; darreres activitats del Club amb CTA a la pàgina d’Actualitat 
  • Enllaços d’interès; plataformes més utilitzades i conegudes pels aficionats 
  • Footer; dades de contacte i horari, informació i CTA a formulari de contacte. 

Pàgina ¿Qui som?: Es presenta el Club, la seva Junta directiva i docents, es reserva un espai per Testimonis i incloure experiències que aporten valor a l’esport. 

Pàgina Escola d’Escacs:  llocs i horaris on es realitzen els cursos i activitats del Club amb un resum de les Activitats més destacades i enllaç al detall de l’activitat. 

Pàgina Actualitat: notícies del mon dels escacs amb enllaç al detall de la notícia 

Pàgina Lliga Catalana: informació relativa a com federar-se i els seus beneficis 

Pàgina Torneig: calendari dels campionats que el Club organitza, hi participa i hi participen els socis del Club 

Paleta de colors 

La paleta de colors s’articula a partir del blau ja existent i s’amplia a un color subordinat (taronja) i un color d’accent (groc).  

  • El blau: intel·ligència, emocions profundes com la amistat, la fidelitat i la serenitat.
  • El taronja: creativitat, energia constructiva i estimula el desig.
  • El groc: riquesa, acció i força. 
Paleta de colors - Imatge pròpia
Paleta de colors – Imatge pròpia

 

Look and feel 

Mostra la sensació a nivell gràfic i quines combinacions valorar en el moment de fer el disseny final. 

Imatge 7
Imatge 7
Imatge 6
Imatge 6

Tipografia 

Plus Jakarta Sans Serif, disponible sota llicència de codi obert a Google Fonts. De formes geomètriques amb una bona llegibilitat en pantalla. 

Imatge 8
Imatge 8

Sistema de disseny 

En previsió de possibles iteracions es proposa fer servir la llibreria de codi obert Carbon Design System per garantir una implementació més àgil i una consistència en el disseny de producte.  

Moodboard

Moodboard - Imatge pròpia by Pexels
Moodboard – Imatge pròpia by Pexels

4. Presentació 

Aprofitant la localització del Club i per continuar amb la dinàmica de les trobades mantingudes durant la pràctica, la presentació de la proposta s’ha fet presencialment. La reunió va tenir lloc al Centre Civic Sant Narcís el 9 de febrer amb el president Josep Serra, a qui vaig mostrar el prototip interactiu dels wirefames. El format va permetre experimentar amb el nou disseny i estructura de navegació, al mateix temps que és de gran utilitat per explicar la navegació i funcionalitats al desenvolupador del projecte. D’aquesta primera aproximació i amb la seva col·laboració vaig aplicar els següents canvis: 

  • Vocabulari tècnic en el contingut textual 
  • Afegir a enllaços d’interès l’Ajuntament de Girona i UDG 
  • Afegir enllaços dels Centres Cívics a la pàgina d’activitats 
  • Afegir Espai Cívic Mercadal 
  • Eliminar tag de categories al calendari 

Imatge 9

La següent trobada es va fixar per presentar el projecte a la Junta del Club el dia 18 de febrer però en darrer terme l’han ajornat pel dia 25 on es presentarà el prototip de disseny final a la comunitat. Seguint amb el criteri de open source que s’ha utilitzat en els recursos integrats en la proposta, aquesta creació s’entrega sota llicència CC BY SA 4.0 per donar la màxima llibertat a la comunitat de compartir i adaptar, segons futures necessitats o significats que calgui reformular.

Enllaç a projecte Figma 

 

5. Bibliografia

Cites

Mercedes, T. :, González, M., González Rodríguez, R., Rodríguez, A., Ton, C., Con, O., Smith, R. C., & Kjaersgaard, M. G. (n.d.). Entre hacer y conocer Seis textos sobre antropología del diseño y antropología visual Edición y coordinación de la traducción: Mercedes Martínez González. 

Imatges

Adobe Stock. (n.d.-a). Imatge 1. Laptop with Web Page Screen Mockup. Retrieved January 20, 2024, from https://stock.adobe.com/es/search/templates?filters%5Bcontent_type%3Atemplate%5D=1&k=mockup+DESKTOP&order=relevance&safe_search=1&limit=100&search_page=2&search_type=pagination&acp=&aco=mockup+DESKTOP&get_facets=0&asset_id=569323873 

Adobe Stock. (n.d.-b). Imatge 9. Laptop Web Screen Mockup. Retrieved January 20, 2024, from https://stock.adobe.com/es/search/templates?filters%5Bcontent_type%3Atemplate%5D=1&k=desktop+mockup&order=relevance&safe_search=1&limit=100&search_page=1&search_type=usertyped&acp=&aco=desktop+mockup&get_facets=0&asset_id=569323993 

Ajedrez con cabeza – Club y escuela de ajedrez en Madrid. (n.d.). Imatge 2. Retrieved January 20, 2024, from https://ajedrezconcabeza.com/ 

Benvinguts al nostre club! – Club d’Escacs Torreblanca. (n.d.). Imatge 4. Retrieved January 20, 2024, from https://escacstorreblanca.com/ 

Club de ajedrez • Peón Negro. (n.d.). Imatge 5. Retrieved January 20, 2024, from https://peonnegroajedrez.com/socios/ 

Club Escacs Torre negra. (n.d.). Imatge 3. Retrieved January 20, 2024, from https://www.clubtorrenegra.com/ 

Paettom.com. (n.d.). Imatge 7. Retrieved January 20, 2024, from https://paletton.com/#uid=33z0u0ktbDSi6M1nBH5Ccv9CYnV 

Paletton.com. (n.d.). Imatge 6. Retrieved January 20, 2024, from https://paletton.com/#uid=33z0u0ktbDSi6M1nBH5Ccv9CYnV 

Typescale – Create stunning typography, generate C. and find inspiration. (n.d.). Imatge 8. Retrieved January 20, 2024, from https://typescale.com/ 

 

Deixa un comentari