Mosaic

Index

Filters

Media:

Knowledge Landscape

article.media

Description

Knowledge Landscape was created by Saskia de Wildt, School of Environmental Studies, Queen’s University, as part of their PhD dissertation: “Exploring Polar Bear Research as Ethical Space, Practice and Process of Engagement”.

My role was to set up an infrastructure where Saskia could transform a complex research process into a simple interface that could tell a story. After conversing and exploring possibilities, I set up a Wiki media instance and developed a website that translated the interconnected storyline into a choose-your-own-adventure type of interface. The idea is that the project could organically grow and the interface would do as well.

Images:

  • website
  • wiki
  • Map of the site

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

The website is the sky

article.media

Description

Playful website to explore the question, where is the sky?

Project made in the context of Declarations

Playing with every english propositions such as “on”, “above”, “around”, “below”, we created a metaphor playground, a narrative website that unfold the question in a surrealist and playful manner.

Full description here plus other tools and processes from that week.

Details:

Images:

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

De kapitalisten

article.media

Description

Website design and Coding in collaboration with Niels Janssen for the project De Kapitalisten by Het Nut in the Netherlands. The process was really quick and aimed to produce a website that could fund extra capital for a theatre play. The design emulates a spreadsheet where you could count and add money to it. So far, more than 1800 people have donated. Scroll it down!

Details:

  • Design and developed in two days.
  • Tools: Svelte, HTML, CSS, JS.

Images:

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Floating Words

article.media

Description

Floating Words is a collection of works, part of an ongoing process to explore asemic writing. Words exist as a graphic intention. There is no clarity. Doesn’t my activate upon reading them? Do they just exist to my eyes?

All the stamped designs on the garments were hand cut and pressed by me using leftover material from Diantres, a screen printing and design studio from Bogota, Colombia. I’m grateful for your generosity and love.

The text “They Dream” was written by Nicolás Castro.

  • All the drawings are part of an ongoing practice to communicate beyond meaning and sense.

  • All of the garments are single pieces and the ones marked with a ↺ were found in second-hand shops.

🌱 Self-hosted

Images:

  • Book

  • Book

  • Book

  • Book

  • Book

  • Book

  • Book

  • Book

  • Book

  • Garment

  • Garment

  • Garment

  • Garment

  • Garment

  • Garment

  • Garment

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Snow Peak

article.media

Description

Series of sketches and website e-commerce project to test Shopify headless Webapp.

The shop doesn’t exist because I don’t know if I want to pay 20 euros per month to Shopify services.

Images

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Attempt

article.media

Description

attempt is an independent publishing project founded by me and Maria Paris. Attempt is an intuitive platform for visual and written language in which we work in close collaboration with artists, writers and designers. Each publication has its own physicalities, paces and form of distribution as our main goal is to move away from the idea of a single and definite end product as the holder of value, thinking on the act of publishing to be elastic, revisited, and ever changing.

This gallery of images is a collection of graphics from the process.

Details:

Images:

  • Symbol

  • Layout

  • Visuals

  • Visuals

  • Stickers

  • Card

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Borrar con el dedo lo que se hace con otro

article.media

Description

Website design and coding for the online art exhibition “borrar con el dedo lo que se hace con otro” by Rastro. “Erasing with one finger what is done with another” is a Rastro curatorship that questions the possible materializations that digital repetition makes possible. In the contemporary world where our existence is projected as connected fragments and which is built from small corporeal repetitions, it is necessary to dwell on those daily automatisms that cross us unnoticed like the inertia of a global wave.”

Details:

Images:

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Dear Reader

article.media

Description

Dear reader It is a letter and a micro web application made in Flask to gather questions. It was written in collaboration with Maria Paris under attempt’s umbrella. It is inspired by the performance World Question Center made by James Lee Byars in 1969. The first intention of this app was to feed the “Rumination Sessions” of the living glossary project where questions are cards that initiate reflection. Currently, this letter is a living publication that slowly gathers questions from practitioners and readers.

In the back-end it uses Flask, a lightweight web application framework that uses python language and Jinja templates for processing and rendering the webpage. It stores information in a JSON file. Due to its light weight, It can be run on any server. This one is running on my home server.

Images:

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Digesting Care

article.media

Description

The Digesting Care publication was developed for the EU Commission project Taking Care by Museum Volkenkunde in the Netherlands. It is a static website written by a Python script that takes the content written in markdown and makes it HTML using Pandoc. The website interface filters the content based on a question generated by a small set of parameters. These are defined by us digesting the concepts and unsolved topics of the conference. The website was developed by experimenting with the idea of resilient web design and web-to-print techniques. We printed an edition of 120 copies of 50 different publications.

Images:

  • Book
  • Book
  • Book
  • Book
  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Living Glossary

article.media

Description

Living glossary for a diffractive publishing practice is an ongoing and ever-changing attempt to introduce a diffractive methodology inside publishing practices, understanding publishing as the mere act of making public. It is organized as a container of words that are never fully defined, only annotated. Words become tools, concepts, resources, and shapes with properties that enhance new possibilities. In this glossary, they don’t close the publishing scenario to territory arts or design. Instead, they are porous and permeable to other spheres of action.

The glossary is seen as mutable, and the current state results from collective workshops where participants are invited to think and converse around its words and annotations. During the workshop, diffraction performs a conscious interconnection of practices beyond reflection.

From the technical side there is source pad were all annotations take place in a markdown format which is processed by a Python script that writes it as a website using Pandoc and then Js.

Images:

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Living Glossary Environment Tool

article.media

Description

The living glossary environment tool is a web app tool to make living glossaries from a text file or a Pad (with API KEY). It allows the creation of a static website that uses the idea of a glossary as a layering of annotations rather than a closed list of words and definitions.

On the website you can make a selection of different options regarding the glossary environment you would like to make and it generates a zip file with all the necessary tools to make a living glossary.

This project was developed in parallel with the living glossary for a diffractive publishing practice. In this case, the tool is an attempt to share processes with others.

(Currently Not Online)

Images:

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Permeable Territories

article.media

Description

Thesis for the Master’s degree Experimental Publishing.

Details:

Images:

  • Book

  • Book

  • Book

  • Book

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Rastro

article.media

Description

Website design and Coding for Rastro, a studio of creation, research and artistic production. For this project in collaboration with Maria we design a space that show case their present and future projects. We developed this project under the umbrella of our publishing project called attempt

Images:

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Temporary Garden

article.media

Description

Temporary garden is a home small server to host personal and collective projects.

I developed and maintained it myself at home. It currently runs Raspian OS and Nginx as the web server.

I’m planning to move this to the actual index of the directory. No extra design needed. Maybe the intent manifesto on top.

Technical:

  • Raspberry Pie 4
  • Raspian(linux)
  • ngnix (webserver)

Images:

  • garden

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

The Whole

article.media

Description

The whole is a partial-topological space build by 14 micro non-games. They intersect, meet, and gather together. Click on the different situations, play using the arrow keys and leave the door open for new unexpected situations. This project was part of the Issue 14.

Images:

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Walkie Talkie Pub

article.media

Description

walkie talkie is a collective publication launched last July in Rotterdam for the grad show of experimental publishing. We, as the graphic design team, design a protocol/system to gather all the submissions from participants. We designed, printed and gave a small booklet that explains carefully the rules they needed to follow in order to write their text and easily adjust them in the overall design made by us.

🌱 Self-hosted (at xpub hub)

Images:

  • Book
  • Layout

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Atata

article.media

Description

About the right to life. Atata is a website created for the project Wor(l)ds for the future, the special issue 13 of the course experimental publishing. It takes as its main axis Natalia Chavez Lopez’s essay on the word ATATA and proposes a visual intervention on the text with the interest of making its meaning of interdependence explicit.

Being Atata, the awareness of the relationship between beings as an act of reciprocity, the direct intervention on the text was made on the grammatical connectors to make evident the relation between words. For this, using the Python library NLTK, all conjunctions were changed by bidirectional arrows that visually emphasize the connection.

The intention was that the reader recognizes a visual linker and modifies their reading experience through the navigation of a text that needs to be discovered by clicking on the arrows.

Images

  • Website
  • Map

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Radio Implicances Archive

article.media

Description

Website made in Collaboration with Jacopo Lega for Radio Implicances Archive part of the Special Issue 13 in Xpub. Artisan, quick and dirty one.

Images:

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Guillotina

article.media

Description

Website coding for my brother Guillotina. Simple self-hosted solution written by hand.

Images:

  • Website

Tools:

Roles:

Context:

Formats:

Media:

Expand ⤴

Description

Knowledge Landscape was created by Saskia de Wildt, School of Environmental Studies, Queen’s University, as part of their PhD dissertation: “Exploring Polar Bear Research as Ethical Space, Practice and Process of Engagement”.

My role was to set up an infrastructure where Saskia could transform a complex research process into a simple interface that could tell a story. After conversing and exploring possibilities, I set up a Wiki media instance and developed a website that translated the interconnected storyline into a choose-your-own-adventure type of interface. The idea is that the project could organically grow and the interface would do as well.

Images:

  • website
  • wiki
  • Map of the site
Living interfaces for living researches.

Description

Playful website to explore the question, where is the sky?

Project made in the context of Declarations

Playing with every english propositions such as “on”, “above”, “around”, “below”, we created a metaphor playground, a narrative website that unfold the question in a surrealist and playful manner.

Full description here plus other tools and processes from that week.

Details:

Images:

  • Website
Where is the sky?

Description

Website design and Coding in collaboration with Niels Janssen for the project De Kapitalisten by Het Nut in the Netherlands. The process was really quick and aimed to produce a website that could fund extra capital for a theatre play. The design emulates a spreadsheet where you could count and add money to it. So far, more than 1800 people have donated. Scroll it down!

Details:

  • Design and developed in two days.
  • Tools: Svelte, HTML, CSS, JS.

Images:

  • Website
How to collect funds with a spreadsheet website?

Description

Floating Words is a collection of works, part of an ongoing process to explore asemic writing. Words exist as a graphic intention. There is no clarity. Doesn’t my activate upon reading them? Do they just exist to my eyes?

All the stamped designs on the garments were hand cut and pressed by me using leftover material from Diantres, a screen printing and design studio from Bogota, Colombia. I’m grateful for your generosity and love.

The text “They Dream” was written by Nicolás Castro.

  • All the drawings are part of an ongoing practice to communicate beyond meaning and sense.

  • All of the garments are single pieces and the ones marked with a ↺ were found in second-hand shops.

🌱 Self-hosted

Images:

  • Book

  • Book

  • Book

  • Book

  • Book

  • Book

  • Book

  • Book

  • Book

  • Garment

  • Garment

  • Garment

  • Garment

  • Garment

  • Garment

  • Garment

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Website

Glyphs, dreams and garments

Description

Series of sketches and website e-commerce project to test Shopify headless Webapp.

The shop doesn’t exist because I don’t know if I want to pay 20 euros per month to Shopify services.

Images

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Website

Drawings and web testing.

Description

attempt is an independent publishing project founded by me and Maria Paris. Attempt is an intuitive platform for visual and written language in which we work in close collaboration with artists, writers and designers. Each publication has its own physicalities, paces and form of distribution as our main goal is to move away from the idea of a single and definite end product as the holder of value, thinking on the act of publishing to be elastic, revisited, and ever changing.

This gallery of images is a collection of graphics from the process.

Details:

Images:

  • Symbol

  • Layout

  • Visuals

  • Visuals

  • Stickers

  • Card

  • Website

A publishing project.

Description

Website design and coding for the online art exhibition “borrar con el dedo lo que se hace con otro” by Rastro. “Erasing with one finger what is done with another” is a Rastro curatorship that questions the possible materializations that digital repetition makes possible. In the contemporary world where our existence is projected as connected fragments and which is built from small corporeal repetitions, it is necessary to dwell on those daily automatisms that cross us unnoticed like the inertia of a global wave.”

Details:

Images:

  • Website
A digital exhibition.

Description

Dear reader It is a letter and a micro web application made in Flask to gather questions. It was written in collaboration with Maria Paris under attempt’s umbrella. It is inspired by the performance World Question Center made by James Lee Byars in 1969. The first intention of this app was to feed the “Rumination Sessions” of the living glossary project where questions are cards that initiate reflection. Currently, this letter is a living publication that slowly gathers questions from practitioners and readers.

In the back-end it uses Flask, a lightweight web application framework that uses python language and Jinja templates for processing and rendering the webpage. It stores information in a JSON file. Due to its light weight, It can be run on any server. This one is running on my home server.

Images:

  • Website
What do you question?

Description

The Digesting Care publication was developed for the EU Commission project Taking Care by Museum Volkenkunde in the Netherlands. It is a static website written by a Python script that takes the content written in markdown and makes it HTML using Pandoc. The website interface filters the content based on a question generated by a small set of parameters. These are defined by us digesting the concepts and unsolved topics of the conference. The website was developed by experimenting with the idea of resilient web design and web-to-print techniques. We printed an edition of 120 copies of 50 different publications.

Images:

  • Book
  • Book
  • Book
  • Book
  • Website
Digesting Care publication.

Description

Living glossary for a diffractive publishing practice is an ongoing and ever-changing attempt to introduce a diffractive methodology inside publishing practices, understanding publishing as the mere act of making public. It is organized as a container of words that are never fully defined, only annotated. Words become tools, concepts, resources, and shapes with properties that enhance new possibilities. In this glossary, they don’t close the publishing scenario to territory arts or design. Instead, they are porous and permeable to other spheres of action.

The glossary is seen as mutable, and the current state results from collective workshops where participants are invited to think and converse around its words and annotations. During the workshop, diffraction performs a conscious interconnection of practices beyond reflection.

From the technical side there is source pad were all annotations take place in a markdown format which is processed by a Python script that writes it as a website using Pandoc and then Js.

Images:

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Website

How can a publishing practice diffract?

Description

The living glossary environment tool is a web app tool to make living glossaries from a text file or a Pad (with API KEY). It allows the creation of a static website that uses the idea of a glossary as a layering of annotations rather than a closed list of words and definitions.

On the website you can make a selection of different options regarding the glossary environment you would like to make and it generates a zip file with all the necessary tools to make a living glossary.

This project was developed in parallel with the living glossary for a diffractive publishing practice. In this case, the tool is an attempt to share processes with others.

(Currently Not Online)

Images:

  • Website
Experimental tool for a living glossary.

Description

Thesis for the Master’s degree Experimental Publishing.

Details:

Images:

  • Book

  • Book

  • Book

  • Book

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Website

About publishing and knowledge territories.

Description

Website design and Coding for Rastro, a studio of creation, research and artistic production. For this project in collaboration with Maria we design a space that show case their present and future projects. We developed this project under the umbrella of our publishing project called attempt

Images:

  • Website
Website for Rastro.

Description

Temporary garden is a home small server to host personal and collective projects.

I developed and maintained it myself at home. It currently runs Raspian OS and Nginx as the web server.

I’m planning to move this to the actual index of the directory. No extra design needed. Maybe the intent manifesto on top.

Technical:

  • Raspberry Pie 4
  • Raspian(linux)
  • ngnix (webserver)

Images:

  • garden
A small server page.

Description

The whole is a partial-topological space build by 14 micro non-games. They intersect, meet, and gather together. Click on the different situations, play using the arrow keys and leave the door open for new unexpected situations. This project was part of the Issue 14.

Images:

  • Website
14 micro non-games.

Description

walkie talkie is a collective publication launched last July in Rotterdam for the grad show of experimental publishing. We, as the graphic design team, design a protocol/system to gather all the submissions from participants. We designed, printed and gave a small booklet that explains carefully the rules they needed to follow in order to write their text and easily adjust them in the overall design made by us.

🌱 Self-hosted (at xpub hub)

Images:

  • Book
  • Layout
A protocol for a collective publication.

Description

About the right to life. Atata is a website created for the project Wor(l)ds for the future, the special issue 13 of the course experimental publishing. It takes as its main axis Natalia Chavez Lopez’s essay on the word ATATA and proposes a visual intervention on the text with the interest of making its meaning of interdependence explicit.

Being Atata, the awareness of the relationship between beings as an act of reciprocity, the direct intervention on the text was made on the grammatical connectors to make evident the relation between words. For this, using the Python library NLTK, all conjunctions were changed by bidirectional arrows that visually emphasize the connection.

The intention was that the reader recognizes a visual linker and modifies their reading experience through the navigation of a text that needs to be discovered by clicking on the arrows.

Images

  • Website
  • Map
Arrows of reciprocity.

Description

Website made in Collaboration with Jacopo Lega for Radio Implicances Archive part of the Special Issue 13 in Xpub. Artisan, quick and dirty one.

Images:

  • Website
A quick radio archive.

Description

Website coding for my brother Guillotina. Simple self-hosted solution written by hand.

Images:

  • Website
Website for Guillotina.