Filters

Media:

Kate Briggs

HTML , CSS , JS , Kirby

Description

Website design and coding for Kate Briggs. I custom design a CMS using Kirby. Great tool, specially intuitive to use for the end user. Plenty of flexibility and not full of unnecessary extras.

Details:

Images:

  • Website

Knowledge Landscape

Mediawiki , HTML , CSS , JS

Description

Knowledge-land-scape extends Saskia de Wildt’s PhD research on the ethical reconciliation of Inuit Qaujimajatuqangit and Western sciences within community-based polar bear research. Her research developed into a complex landscape of interconnected stories, encounters and insights, organized into pathways that readers could follow in different ways.

How can a complex and open-ended research structure become a digital publication without fixing it into a single narrative?

Working in collaboration with Saskia, I translated this research structure into a visual and technical publishing system. We chose MediaWiki as its underlying infrastructure, allowing the material to remain editable and continue evolving. I designed and developed a custom interface on top of the wiki, giving Saskia a way to build and connect her own stories while allowing readers to navigate the resulting landscape through different paths.

The system was also shaped by the conditions in which the research might be accessed. Images were kept below 1MB to reduce bandwidth requirements and the project’s digital footprint, making the publication more accessible in northern communities where internet connections can be limited. The project was conceived with a five-year online lifespan and the possibility of eventually translating the evolving website into a physical publication through a web-to-print process.

The result is a living digital publication in which the infrastructure supports the open-ended character of the research, rather than resolving it into a fixed account.

My roles:

  • Publishing system
  • web design & development

Research & content:

  • Saskia de Wildt

Images:

  • Knowledge Landscape digital publication homepage
  • Knowledge Landscape wiki interface
  • Knowledge Landscape map of interconnected stories

The website is the sky

HTML , CSS , JS , Git

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

Figma , SCSS , JS

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

Svelte , HTML , CSS , JS

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:

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

Images:

  • Website

Floating Words

HTML , CSS , JS , Hot-press , RISO

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

HTML , CSS , JS

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

HTML , CSS , JS

Description

Attempt is an independent publishing house bringing together artists, writers and designers through publications that explore different forms of visual and written language.

How can an identity express multiplicity without becoming fragmented?

Working with Maria Paris, I developed a visual identity around the idea of a bridge as a symbol of connection. The wordmark combines two typefaces, creating a tension between distinct voices while maintaining a coherent whole.

The identity extends across publications, each with its own physicality, pace and form of distribution, allowing the system to adapt rather than imposing a single visual language.

Timeline

1 Month

Images:

  • Attempt bridge symbol
  • Attempt publishing house booklet spread
  • Attempt publications and visual identity materials
  • Attempt printed publications and visual identity details
  • Attempt sticker and symbol applications
  • Attempt publishing house card with text
  • Attempt website interface

Borrar con el dedo lo que se hace con otro

HTML , CSS , JS

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

Python , Etherpad , Pencil , HTML , CSS , JS , Web-to-print , RISO

Description

Digesting Care is an experimental publication developed with Kendal Beynon for TAKING CARE, a European research project exploring care and kinship within ethnographic and world cultures museums.

How can a publication make connections across a conference without reducing its complex and sometimes unresolved conversations into a single narrative?

We attended the conference as listeners and participants, using drawing as a form of note-taking to capture ideas, conversations and relationships beyond written documentation. Recurring concepts such as contradiction, plurality, fabulation, entanglement and the unknown became a tagging system through which papers, presentations, photographs and workshop materials could be connected.

Rather than separating editorial work, design and development, we built a publishing infrastructure in which these processes could inform each other. Collaborative text files and tags were transformed through Python into a lightweight website, while the same content and visual system extended into a physical publication. The digital version uses semantic HTML and dithered images, with high-resolution media available on demand, considering accessibility, resilience and energy use as part of the publishing process.

The website also became the blue print for the physical edition. Fifty different states of the website were printed, producing 50 unique versions of the publication. Rather than reproducing a single definitive arrangement, each copy preserves one possible reading of the material.

The result is a hybrid publication that treats publishing not as the documentation of a finished conversation, but as a way of revealing relationships between ideas and allowing different readings to emerge across digital and physical forms.

My role:

  • Illustration
  • Publication design
  • Web design & development

Editorial collaboration:

  • Kendal Beynon

Images:

  • Digesting Care publication cover
  • Digesting Care publication pages with notes and images
  • Digesting Care publication spread with drawings and text
  • Digesting Care illustrated publication back cover
  • Digesting Care interactive publication website

Living Glossary

Python , Pandoc , HTML , CSS , JS , Etherpad , Paged.js , Web-to-print

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

  • Slide

Permeable Territories

Python , Web-to-print , HTML , CSS , JS , Paged.js

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

Figma , HTML , CSS , JS

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

Python , Pandoc , Html , Css , Js , Etherpad , Paged.js , Web-to-print

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

HTML , JS , CSS

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

HTML , CSS , JS

Description

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

Images:

  • Website

Description

Website design and coding for Kate Briggs. I custom design a CMS using Kirby. Great tool, specially intuitive to use for the end user. Plenty of flexibility and not full of unnecessary extras.

Details:

Images:

  • Website
Written Pages, a Tree and Two circles

HTML , CSS , JS , Kirby

Description

Knowledge-land-scape extends Saskia de Wildt’s PhD research on the ethical reconciliation of Inuit Qaujimajatuqangit and Western sciences within community-based polar bear research. Her research developed into a complex landscape of interconnected stories, encounters and insights, organized into pathways that readers could follow in different ways.

How can a complex and open-ended research structure become a digital publication without fixing it into a single narrative?

Working in collaboration with Saskia, I translated this research structure into a visual and technical publishing system. We chose MediaWiki as its underlying infrastructure, allowing the material to remain editable and continue evolving. I designed and developed a custom interface on top of the wiki, giving Saskia a way to build and connect her own stories while allowing readers to navigate the resulting landscape through different paths.

The system was also shaped by the conditions in which the research might be accessed. Images were kept below 1MB to reduce bandwidth requirements and the project’s digital footprint, making the publication more accessible in northern communities where internet connections can be limited. The project was conceived with a five-year online lifespan and the possibility of eventually translating the evolving website into a physical publication through a web-to-print process.

The result is a living digital publication in which the infrastructure supports the open-ended character of the research, rather than resolving it into a fixed account.

My roles:

  • Publishing system
  • web design & development

Research & content:

  • Saskia de Wildt

Images:

  • Knowledge Landscape digital publication homepage
  • Knowledge Landscape wiki interface
  • Knowledge Landscape map of interconnected stories
Living Interfaces for Living Researches

Mediawiki , HTML , CSS , JS

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?

HTML , CSS , JS , Git

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

Figma , SCSS , JS

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:

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

Images:

  • Website
How to Collect Funds with a Spreadsheet Website?

Svelte , HTML , CSS , JS

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

HTML , CSS , JS , Hot-press , RISO

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

HTML , CSS , JS

Description

Attempt is an independent publishing house bringing together artists, writers and designers through publications that explore different forms of visual and written language.

How can an identity express multiplicity without becoming fragmented?

Working with Maria Paris, I developed a visual identity around the idea of a bridge as a symbol of connection. The wordmark combines two typefaces, creating a tension between distinct voices while maintaining a coherent whole.

The identity extends across publications, each with its own physicality, pace and form of distribution, allowing the system to adapt rather than imposing a single visual language.

Timeline

1 Month

Images:

  • Attempt bridge symbol
  • Attempt publishing house booklet spread
  • Attempt publications and visual identity materials
  • Attempt printed publications and visual identity details
  • Attempt sticker and symbol applications
  • Attempt publishing house card with text
  • Attempt website interface
An ever-changing publishing house

HTML , CSS , JS

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

HTML , CSS , JS

Description

Digesting Care is an experimental publication developed with Kendal Beynon for TAKING CARE, a European research project exploring care and kinship within ethnographic and world cultures museums.

How can a publication make connections across a conference without reducing its complex and sometimes unresolved conversations into a single narrative?

We attended the conference as listeners and participants, using drawing as a form of note-taking to capture ideas, conversations and relationships beyond written documentation. Recurring concepts such as contradiction, plurality, fabulation, entanglement and the unknown became a tagging system through which papers, presentations, photographs and workshop materials could be connected.

Rather than separating editorial work, design and development, we built a publishing infrastructure in which these processes could inform each other. Collaborative text files and tags were transformed through Python into a lightweight website, while the same content and visual system extended into a physical publication. The digital version uses semantic HTML and dithered images, with high-resolution media available on demand, considering accessibility, resilience and energy use as part of the publishing process.

The website also became the blue print for the physical edition. Fifty different states of the website were printed, producing 50 unique versions of the publication. Rather than reproducing a single definitive arrangement, each copy preserves one possible reading of the material.

The result is a hybrid publication that treats publishing not as the documentation of a finished conversation, but as a way of revealing relationships between ideas and allowing different readings to emerge across digital and physical forms.

My role:

  • Illustration
  • Publication design
  • Web design & development

Editorial collaboration:

  • Kendal Beynon

Images:

  • Digesting Care publication cover
  • Digesting Care publication pages with notes and images
  • Digesting Care publication spread with drawings and text
  • Digesting Care illustrated publication back cover
  • Digesting Care interactive publication website
Digesting Care Publication

Python , Etherpad , Pencil , HTML , CSS , JS , Web-to-print , RISO

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

  • Slide

How can a Publishing Practice Diffract?

Python , Pandoc , HTML , CSS , JS , Etherpad , Paged.js , Web-to-print

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

Python , Web-to-print , HTML , CSS , JS , Paged.js

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

Figma , HTML , CSS , JS

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

Python , Pandoc , Html , Css , Js , Etherpad , Paged.js , Web-to-print

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

HTML , JS , CSS

Description

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

Images:

  • Website
Website for Guillotina

HTML , CSS , JS