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

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

Creative Coding Ecologies

article.media

Description

Creative Coding Ecologies is a work-in-process mapping project made by CCU aiming to connect the creative Coding community around the world. We are offering a way to explore and investigate, and also add yourself as an entity by answering the following survey. The next iteration of the project will focus their attention on relation-ability visualization.

Update 2025: The survey and website are down for the moment.

Details:

  • Design Collab: Avital Barkai.
  • Developers: Felipe Ignacio Noriega, Niels Janssen, Raphael Sousa Santos, and Sietse van der Meer.
  • Tools: Figma, HTML, SCSS, JS.

Images:

  • Website

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

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

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

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

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

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

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

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

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

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

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

Guillotina

article.media

Description

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

Images:

  • Website

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

Creative Coding Ecologies is a work-in-process mapping project made by CCU aiming to connect the creative Coding community around the world. We are offering a way to explore and investigate, and also add yourself as an entity by answering the following survey. The next iteration of the project will focus their attention on relation-ability visualization.

Update 2025: The survey and website are down for the moment.

Details:

  • Design Collab: Avital Barkai.
  • Developers: Felipe Ignacio Noriega, Niels Janssen, Raphael Sousa Santos, and Sietse van der Meer.
  • Tools: Figma, HTML, SCSS, JS.

Images:

  • Website
Creative Coding Ecologies.

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

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

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

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

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.