Paraules que van amb imatges.
Aquí ajunto les paraules i les imatges. Espero que hi trobis alguna cosa que et faci aturar un moment o reconèixer una mica de la teva pròpia experiència.
Ens veiem a InstagramLa meva feina
Una mica
del que faig.
De vegades començo amb alguna cosa que vull explicar. D’altres, coneixent la feina d’una altra persona i buscant com ajudar-la a compartir-la.
Aquí trobaràs els meus textos, històries visuals i il·lustracions, al costat dels webs que he dissenyat i desenvolupat. Són diferents maneres de fer el que m’agrada.
Històries que
arriben al web.
En aquests projectes treballo amb els textos, el disseny i el desenvolupament alhora. Hi ha webs per a una acadèmica, un restaurant i un professor d’idiomes, al costat d’una demostració per a una escola d’idiomes fictícia.
Dra. Martha Alicia Tronco Rosas
Quan vaig treballar en el web de la Martha, volia que les pàgines ajudessin a entendre com es relacionen la seva recerca, la docència, les publicacions i la trajectòria.
Visita el web de Martha (en castellà)Conèixer la seva feina.
Vaig començar per comprendre aquestes connexions. A partir d’aquí, vaig decidir què havia d’explicar cada pàgina i com connectar els projectes i les publicacions perquè fos fàcil explorar-los. Em vaig ocupar de l’estructura, els textos, el disseny i el desenvolupament.
Les pàgines de recerca connecten preguntes i projectes amb publicacions relacionades. El catàleg de publicacions permet cercar i filtrar referències, seguir els enllaços als textos disponibles i copiar una citació. La trajectòria té el seu propi espai perquè qui la llegeix pugui seguir com es va desenvolupar la feina al llarg del temps.
Així podem treballar en el teu webPàgines i gràfics
1 / 4
Presentar la seva feina
La pàgina d’inici presenta la feina de Martha i ofereix diferents entrades a la seva recerca, publicacions, trajectòria i docència.
Captura en castellàExplicar un resultat de recerca
Vaig organitzar aquesta síntesi en dues columnes: els comportaments descrits a l’estudi i com es podien interpretar. El text entre totes dues explica la relació. Vaig deixar la font i una nota sota el diagrama per aclarir que no mostra percentatges ni una seqüència de comportaments.
Captura en castellàFacilitar la lectura d’una enquesta
Vaig acompanyar cada gràfic amb una explicació breu del que compara i vaig situar els percentatges i les mides dels grups al costat dels resultats. La introducció aclareix que aquestes dades provenen d’una enquesta diferent de l’estudi de 2009 presentat abans a la pàgina.
Captura en castellàMostrar els períodes de la seva recerca
Vaig organitzar la recerca per temes i vaig afegir una línia temporal per mostrar els anys que abasta el treball documentat. Cada tema enllaça als seus detalls. La nota explica què signifiquen les barres: el primer i l’últim treball documentat, no la quantitat de treball ni una activitat ininterrompuda.
Captura en castellàMoradoras Cocina y Café
Moradoras serveix cuina de Puebla a San Cristóbal de las Casas.
Vaig reunir la carta, la història de la cuina i la informació pràctica per visitar el restaurant en un web en castellà, anglès i francès.
Identitat visual de Cultivo Estudio.
Visita el web de MoradorasPàgines per explorar
1 / 4
Un primer cop d’ull a Moradoras
A partir de la identitat visual de Cultivo Estudio, vaig construir la presentació inicial al voltant de les fotografies del menjar de Moradoras. Qui visita el web es pot fer una idea del lloc, amb els enllaços a la carta i a les indicacions per arribar-hi ben a mà per planificar la visita.
Captura en castellàUna carta que pots llegir al web
Vaig integrar la carta a la pàgina, agrupant els plats per àpat i per tipus, amb les descripcions al costat dels preus. Qui visita el web pot veure què serveix el restaurant sense haver de descarregar una carta a part.
Captura en castellàLa història d’un plat de temporada
Vaig construir una pàgina a part amb els ingredients, fotografies de la preparació i els passos per fer chile en nogada. La pàgina dona context al plat i distingeix les tradicions de Puebla de la manera com el prepara Moradoras.
Captura en castellàIrving Omar Olivares
Vaig desenvolupar un web bilingüe per a les classes d’anglès i castellà de l’Irving a Puebla, reunint la seva feina com a professor, les classes per Zoom i les passejades per la ciutat.
Visita el web de l’IrvingPàgines per explorar
1 / 3
Conèixer el professor
Vaig construir la pantalla inicial amb el retrat de l’Irving i una breu presentació de la seva feina com a professor. Qui visita el web pot veure a qui s’adrecen les classes i després consultar els preus o contactar amb ell per WhatsApp.
Captura en castellàClasses passejant per Puebla
Vaig construir una fitxa per a cadascuna de les quatre passejades, amb el lloc, una fotografia, informació sobre la classe i un enllaç per contactar amb l’Irving. Les fitxes mostren com pot ser practicar una llengua a Puebla.
Captura en castellàEl lloc web d’una escola d’idiomes
Demostració pròpia · Escola fictícia
De triar un curs a conèixer-ne el cost
Vaig crear el concepte, escriure el contingut i dissenyar i desenvolupar aquest lloc web per a una escola d’idiomes fictícia. El vaig organitzar al voltant de les decisions que ha de prendre qui el visita: curs, dates, durada i preu.
Explora el lloc web de demostració (en anglès)Com les opcions del curs determinen el preu
El curs i el nombre de setmanes determinen el preu base. L’allotjament i la preparació d’exàmens depenen de la durada; els materials es paguen una sola vegada. El resum manté visibles aquestes relacions mentre la persona canvia les opcions.
Vaig reunir aquestes decisions en un mateix procés de reserva, amb un resum que s’actualitza quan canvien les opcions. Pots explorar les pàgines dels cursos, l’horari i la calculadora de preus. És una demostració pròpia de la meva feina, no un encàrrec d’una escola; el negoci i els preus són ficticis.
Pàgines per explorar
1 / 4
Trobar per on començar
Vaig escriure i dissenyar la presentació inicial de l’escola fictícia, amb dues maneres d’explorar la demostració: triar una setmana o consultar l’horari.
Captura en anglèsComparar els cursos
Vaig organitzar les descripcions dels cursos segons el nivell, les hores de classe, la combinació de llengües i el preu, perquè qui visita el web pugui comparar els mateixos detalls abans de passar al formulari de reserva d’exemple.
Captura en anglèsObre la demostració de l’escola · en anglès
Tria «Courses» a la demostració.
Una setmana d’un cop d’ull
Vaig construir un horari amb un selector de setmana i les classes organitzades per dia i hora. Qui visita el web pot explorar com podria encaixar un curs al llarg d’una setmana. Tant l’horari com les xifres de places disponibles són ficticis.
Captura en anglèsObre la demostració de l’escola · en anglès
Tria «Courses» i desplaça’t avall fins a «Pick a week, see the timetable».
Com canvia el preu segons el que tries
Vaig construir una calculadora que actualitza el total quan canvien el curs, el nombre de setmanes i els extres. El desglossament separa els costos setmanals del lot de llibres, que es paga una sola vegada, i mostra què afegeix cada opció. Tots els preus són ficticis.
Captura en anglèsObre la demostració de l’escola · en anglès
Tria «Book a week» a la demostració.
Projectes que
creixen amb mi.
El Gradiente i TEG-Blue també formen part de la meva feina. Pots desplegar cada projecte per veure els webs, conèixer la meva aportació i llegir-ne més.
El Gradiente · una col·laboració amb la Martha
El Gradiente
Dins de la guia
1 / 2
Trobar un patró
Vaig reunir la navegació per colors, els noms dels patrons i les descripcions breus al catàleg. La persona pot partir d’una descripció que reconeix i obrir-ne la pàgina per llegir explicacions i exemples.
Captura en anglèsConnectar exemples i explicacions
Vaig situar la descripció i els exemples quotidians a la mateixa pàgina per poder passar dels uns a l’altra. El gradient i els enllaços a la resta de la guia es mantenen al costat de l’explicació i permeten explorar un altre patró sense tornar al catàleg.
Captura en anglèsUn projecte amb Martha Alicia Tronco Rosas
El Gradiente
Entendre els patrons de violència
64 patrons de dany
Una guia en anglès i castellà
Estic desenvolupant El Gradiente amb la Dra. Martha Alicia Tronco Rosas, connectant la seva experiència amb Violentómetro 1 i 2.0 amb la meva feina en TEG-Blue i eines digitals.
El nostre objectiu és oferir a institucions, governs i empreses eines digitals que ajudin les persones a entendre els patrons de violència i donin suport a la feina de prevenció.
Coneix el projecte i les opcions de col·laboracióEscriure, dissenyar i desenvolupar la guia
Treballo en el contingut, el disseny visual i el desenvolupament de la guia. Organitzo cada patró al voltant d’una descripció, exemples i informació addicional, i desenvolupo les pàgines per a mòbils i ordinadors.
Parteixo de patrons que una persona pot reconèixer, encara que no sàpiga com anomenar-los. Això guia què apareix primer, com troba un patró i què pot llegir després. Connecto els textos amb el gradient de colors i la navegació perquè pugui passar d’un exemple a la seva explicació i a la resta de la guia.
TEG-Blue · el meu marc conceptual i les meves eines digitals
TEG-Blue
Marc conceptual i recerca
teg-blue.org
El web del marc conceptual reuneix el gradient interactiu i els enllaços a les seves bases de recerca a la pàgina d’inici.
Captura en anglèsEines interactives
teg-blue.com
La biblioteca d’eines parteix de preguntes que les persones que la visiten potser ja es fan. Cada pregunta enllaça a una eina.
Captura en anglèsThe Emotional Gradient Blueprint
TEG-Blue
Emocions, comportament i relacions
Un marc conceptual per als patrons emocionals
Eines interactives per reflexionar
El marc conceptual
Vaig crear el marc conceptual TEG-Blue per examinar com les emocions, les respostes del sistema nerviós i les relacions influeixen en el comportament.
Consulta el marc conceptual (en anglès)Eines per entendre les emocions
Les eines ofereixen reflexions guiades, comparacions de comportaments i mapes de patrons. Cadascuna parteix d’una pregunta sobre una experiència, com complaure els altres, demanar disculpes, cuidar o controlar.
Explora les einesDesenvolupar el marc conceptual i crear les eines
Reuneixo resultats de recerques existents, desenvolupo les idees del marc conceptual i organitzo les relacions entre elles. Escric les explicacions, creo models visuals i desenvolupo els llocs web i les eines.
Vaig desenvolupar dos llocs web connectats per a diferents maneres d’explorar la feina: teg-blue.org per al marc conceptual i les seves fonts, i teg-blue.com per a preguntes sobre experiències quotidianes. Trio el format de cada eina segons la seva pregunta: una reflexió guiada, una comparació de comportaments o un mapa visual.
Coneix la meva aportació i els límits de l’evidència →Històries
que vull explicar.
Instagram i Substack són els meus espais per compartir el que penso. Escric sobre la vida, les emocions i com ens relacionem: de vegades amb una imatge i d’altres amb l’espai que em dona un assaig.
Substack
Una idea en què aturar-me.
Hi ha preguntes que necessiten més espai. Escric assajos personals sobre l’amor, el mal que ens fem i els límits, a partir de la meva pròpia vida i de les preguntes a les quals torno una vegada i una altra.
Un dels meus assajos
La sinceridad genera confianza: por qué estamos hartos de fingir.
I espai per jugar.
També exploro el color i les històries a través de la il·lustració: mons imaginaris, personatges curiosos i escenes quotidianes. Aquestes són dues imatges de les meves col·leccions.
Explora les meves il·lustracions
Què t’agradaria
crear?
Si alguna cosa del que has vist aquí connecta amb una idea teva, m’agradaria conèixer-la. Podem parlar del que tens al cap i de com et podria ajudar.
Coneix com podem treballar plegats