Palabras que van con imágenes.
Aquí junto las palabras y las imágenes. Espero que encuentres algo que te haga parar un momento o reconocer un poco de tu propia experiencia.
Nos vemos en InstagramMi trabajo
Un poco de
lo que hago.
A veces empiezo con algo que quiero contar. Otras, conociendo el trabajo de otra persona y buscando cómo ayudarla a compartirlo.
Aquí encontrarás mis textos, historias visuales e ilustraciones, junto a las webs que he diseñado y desarrollado. Son distintas formas de hacer lo que me gusta.
Historias que
llegan a la web.
En estos proyectos trabajo con los textos, el diseño y el desarrollo a la vez. Hay webs para una académica, un restaurante y un profesor de idiomas, junto a una demostración para una escuela de idiomas ficticia.
Dra. Martha Alicia Tronco Rosas
Cuando trabajé en la web de Martha, quería que las páginas ayudaran a entender cómo se relacionan su investigación, su docencia, sus publicaciones y su trayectoria.
Visitar el sitio de MarthaConocer su trabajo.
Empecé por comprender esas conexiones. A partir de ahí, decidí qué necesitaba explicar cada página y cómo conectar los proyectos y las publicaciones para que fuera fácil recorrerlos. Me ocupé de la estructura, los textos, el diseño y el desarrollo.
Las páginas de investigación conectan preguntas y proyectos con publicaciones relacionadas. El catálogo de publicaciones permite buscar y filtrar referencias, seguir los enlaces a los textos disponibles y copiar una cita. La trayectoria tiene su propio espacio, para que quienes la leen puedan seguir cómo se desarrolló el trabajo a lo largo del tiempo.
Así podemos trabajar en tu webPáginas y gráficos
1 / 4
Presentar su trabajo
La página de inicio presenta el trabajo de Martha y ofrece distintas entradas a su investigación, publicaciones, trayectoria y docencia.
Captura en españolExplicar un resultado de investigación
Organicé esta síntesis en dos columnas: las conductas descritas en el estudio y cómo podían interpretarse. El texto entre ambas explica la relación. Dejé la fuente y una nota debajo del diagrama para aclarar que no muestra porcentajes ni una secuencia de conductas.
Captura en españolFacilitar la lectura de una encuesta
Acompañé cada gráfico con una explicación breve de lo que compara y situé los porcentajes y los tamaños de los grupos junto a los resultados. La introducción aclara que estos datos proceden de una encuesta distinta del estudio de 2009 presentado antes en la página.
Captura en españolMostrar los periodos de su investigación
Organicé la investigación por temas y añadí una línea temporal para mostrar los años que abarca el trabajo documentado. Cada tema enlaza a sus detalles. La nota explica qué significan las barras: el primer y el último trabajo documentado, no la cantidad de trabajo ni una actividad ininterrumpida.
Captura en españolMoradoras Cocina y Café
Moradoras sirve cocina poblana en San Cristóbal de las Casas.
Reuní la carta, la historia de la cocina y la información práctica para visitar el restaurante en una web en español, inglés y francés.
Identidad visual de Cultivo Estudio.
Visita la web de MoradorasPáginas para explorar
1 / 4
Una primera mirada a Moradoras
A partir de la identidad visual de Cultivo Estudio, construí la primera sección de la web en torno a las fotografías de la comida de Moradoras. Quien visita la página puede hacerse una idea del lugar. Los enlaces a la carta y a cómo llegar están a mano para planear una visita.
Captura en españolUna carta para consultar en línea
Integré la carta en la página, agrupando los platos por tipo de comida y de plato, con las descripciones junto a los precios. Quien visita la web puede ver qué se sirve sin descargar una carta aparte.
Captura en españolLa historia de un plato de temporada
Desarrollé una página aparte con los ingredientes, fotografías de la preparación y las etapas de elaboración del chile en nogada. Da contexto al plato y distingue las tradiciones de Puebla de la forma en que lo prepara Moradoras.
Captura en españolIrving Omar Olivares
Desarrollé una web bilingüe para las clases de inglés y español de Irving en Puebla, reuniendo su trabajo como profesor, las clases por Zoom y los paseos por la ciudad.
Visita la web de IrvingPáginas para explorar
1 / 3
Conoce al profesor
Construí la primera pantalla con el retrato de Irving y una breve presentación de su trabajo como profesor. Quien visita la web puede ver a quién van dirigidas las clases y después consultar los precios o contactar con él por WhatsApp.
Captura en españolClases recorriendo Puebla
Creé tarjetas para cuatro paseos, cada una con el lugar, una fotografía, los detalles de la clase y un enlace para contactar con Irving. Muestran cómo podría ser practicar un idioma recorriendo Puebla.
Captura en españolEl sitio web de una escuela de idiomas
Demostración propia · Escuela ficticia
De elegir un curso a conocer su coste
Creé el concepto, escribí el contenido y diseñé y desarrollé este sitio web para una escuela de idiomas ficticia. Lo organicé en torno a las decisiones que necesita tomar quien lo visita: curso, fechas, duración y precio.
Explorar el sitio de demostraciónCómo las opciones del curso determinan el precio
El curso y el número de semanas determinan el precio base. El alojamiento y la preparación de exámenes dependen de la duración; los materiales se pagan una sola vez. El resumen muestra estas relaciones mientras se cambian las opciones.
Reuní estas decisiones en un mismo proceso de reserva, con un resumen que se actualiza al cambiar las opciones. Puedes explorar las páginas de los cursos, el horario y la calculadora de precios. Es una demostración propia de mi trabajo, no un encargo de una escuela; el negocio y sus precios son ficticios.
Páginas para explorar
1 / 4
Por dónde empezar
Escribí los textos y diseñé la primera sección para presentar la escuela ficticia, con dos formas de explorar la demostración: elegir una semana o consultar el horario.
Captura en inglésComparar los cursos
En las descripciones de los cursos reuní el nivel, las horas de clase, la combinación de idiomas y el precio. Así se pueden comparar los mismos datos antes de pasar al formulario de reserva de ejemplo.
Captura en inglésAbre la demostración de la escuela · en inglés
Elige «Courses» en la demostración.
Una semana de un vistazo
Creé un horario con un selector de semana y las clases organizadas por día y hora. Quien visita la página puede explorar cómo encajaría un curso en una semana. El horario y los datos de plazas disponibles son ficticios.
Captura en inglésAbre la demostración de la escuela · en inglés
Elige «Courses» y desplázate hasta «Pick a week, see the timetable».
Cómo cambia el precio según lo que elijas
Creé una calculadora que actualiza el total al cambiar el curso, el número de semanas o los extras. El desglose separa los costes semanales del lote de libros, que se paga una sola vez, y muestra cuánto añade cada elección. Todos los precios son ficticios.
Captura en inglésAbre la demostración de la escuela · en inglés
Elige «Book a week» en la demostración.
Proyectos que
crecen conmigo.
El Gradiente y TEG-Blue también forman parte de mi trabajo. Puedes desplegar cada proyecto para ver las webs, conocer mi aportación y leer más sobre él.
El Gradiente · una colaboración con Martha
El Gradiente
Dentro de la guía
1 / 2
Un proyecto con Martha Alicia Tronco Rosas
El Gradiente
Comprender los patrones de violencia
64 patrones de daño
Una guía en español y en inglés
Estoy desarrollando El Gradiente con la Dra. Martha Alicia Tronco Rosas, uniendo su experiencia con Violentómetro 1 y 2.0 y mi trabajo en TEG-Blue y herramientas digitales.
Nuestro objetivo es ofrecer a instituciones, gobiernos y empresas herramientas digitales que ayuden a comprender los patrones de violencia y apoyen el trabajo de prevención.
Conocer el proyecto y la colaboraciónEscribir, diseñar y desarrollar la guía
Trabajo en el contenido, el diseño visual y el desarrollo de la guía. Organizo cada patrón en torno a una descripción, ejemplos e información adicional, y desarrollo las páginas para móviles y ordenadores.
Parto de patrones que una persona puede reconocer, aunque no sepa cómo llamarlos. Eso guía qué aparece primero, cómo encuentra un patrón y qué puede leer después. Conecto los textos con el gradiente de colores y la navegación para que pueda pasar de un ejemplo a su explicación y al resto de la guía.
TEG-Blue · mi marco y mis herramientas digitales
TEG-Blue
Marco e investigación
teg-blue.org
La web del marco reúne el gradiente interactivo y los enlaces a sus bases de investigación en la página de inicio.
Captura en inglésHerramientas interactivas
teg-blue.com
La biblioteca de herramientas parte de preguntas que quienes la visitan quizá ya se estén haciendo. Cada pregunta enlaza a una herramienta.
Captura en inglésThe Emotional Gradient Blueprint
TEG-Blue
Emociones, conducta y relaciones
Un marco para los patrones emocionales
Herramientas interactivas para reflexionar
El marco
Creé el marco TEG-Blue para examinar cómo las emociones, las respuestas del sistema nervioso y las relaciones influyen en la conducta.
Consultar el marcoHerramientas para comprender las emociones
Las herramientas ofrecen reflexiones guiadas, comparaciones de conductas y mapas de patrones. Cada una parte de una pregunta sobre una experiencia, como complacer a los demás, pedir perdón, cuidar o controlar.
Explorar las herramientasDesarrollar el marco y crear las herramientas
Reúno resultados de investigaciones existentes, desarrollo las ideas del marco y organizo las relaciones entre ellas. Escribo las explicaciones, creo modelos visuales y desarrollo los sitios web y las herramientas.
Desarrollé dos sitios web conectados para distintas formas de explorar el trabajo: teg-blue.org para el marco y sus fuentes, y teg-blue.com para preguntas sobre experiencias cotidianas. Elijo el formato de cada herramienta según su pregunta: una reflexión guiada, una comparación de conductas o un mapa visual.
Conocer mi aportación y los límites de la evidencia →Historias
que quiero contar.
Instagram y Substack son mis espacios para compartir lo que pienso. Escribo sobre la vida, las emociones y cómo nos relacionamos: a veces con una imagen y otras con el espacio que me da un ensayo.
Substack
Una idea en la que detenerme.
Hay preguntas que necesitan más espacio. Escribo ensayos personales sobre el amor, el daño y los límites, a partir de mi propia vida y de las preguntas a las que sigo volviendo.
Uno de mis ensayos
La sinceridad genera confianza: por qué estamos hartos de fingir.
Y espacio para jugar.
También exploro el color y las historias a través de la ilustración: mundos imaginarios, personajes curiosos y escenas cotidianas. Estas son dos imágenes de mis colecciones.
Explora mis ilustraciones
¿Qué te gustaría
crear?
Si algo de lo que has visto aquí conecta con una idea tuya, me gustaría conocerla. Podemos hablar de lo que tienes en mente y de cómo podría ayudarte.
Conoce cómo podemos trabajar juntos