Mosaic

Index

Filters

Media:

Home

Painting

Description

Studies of color and digital painting at home.

Images:

  • Poster

Impact Mapping of Creative Interventions

PDF

Description

Impact Mapping of creative Interventions it’s an interactive PDF that shares alternatives to impact measuring on research studies beyond quantitative results.

(Work-in-progress)

Images:

  • PDF
  • PDF
  • PDF
  • PDF

Knowledge Landscape

Website , Wiki

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

Samen duurzaan op weg

PDF

Description

Graphic and layout design for the PDF publication Samen duurzaan op weg part Creative media for social change activities.

Details:

  • Website

Images:

  • PDF
  • PDF
  • PDF
  • PDF
  • PDF
  • PDF
  • PDF

The Urge to Splurge

PDF

Description

Layout design and illustrations for the PHD Thesis publication The Urge to Splurge: Understanding the effects of media cues on impulse buying urges and behavior written by Anne Moes

Details:

  • Published by University of Groningen, Groningen, The Netherlands.
  • Printed by Ipskamp Printing.

Images:

  • Illustration
  • Cover
  • Illustration
  • Illustration
  • Illustration
  • Illustration
  • Layout
  • Layout
  • Layout
  • Layout
  • Layout

The website is the sky

Website

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

Website

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

Website

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

Snow Peak

Website

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

Website , Symbol , Card , Sticker

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

Website

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

Dear Reader

Website

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

Living Glossary Environment Tool

Website

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

Rastro

Website

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

The Whole

Website , Game

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

Atata

Website , Map

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

Ether Axis

Symbol , Card

Description

Visual system, graphic design and publication design for Ether-axis project and the exhibition From Then to Here by Erik Peters.

EtherAxis is the result of an ongoing collaboration between me (Camilo García A.), Emilia Tapprest, Erik Peters, Federico Poni, Louisa Teichmann & Victor Evink, as part of the Hamburger Community of Live & Art trajectory of Roodkapje. With the participation of Queer Arcana as performers.

Exhibition Pictures taken from Erik Peters.

Images:

  • Object
  • Object
  • Card
  • Card
  • Card
  • Card
  • Exhibition
  • Exhibition
  • Exhibition
  • Exhibition
  • Symbol{.medium
  • Symbol
  • Symbol
  • Symbol

Luzblanca.delay

Book

Description

Luzblanca.delay is a project I did a while ago. Well, two years ago now. I didn’t finish it. But I wrote a lot about it. I was thinking about time, productivity, and I wanted to draw.

Funnily enough, it was the project where I started flirting with web pages. But the funny thing is, I haven’t finished it yet. I started with React. Obviously, nothing came of it.

I have 40 drawings.

(Work-in-progress?)

Images:

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Book

One Time

Book

Description

One time, I was trying to read and I arrived here.

Exploration with RISO colors, magic and reading while traveling in the train.

Colors that are stones, stones that are the source of the words

Images

  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book

Radio Implicances Archive

Website

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

Painting Sketches

Painting

Description

Studies of color and painting.

These are a bit old. It gives me shivers to think about the square format now. Fuck instagram.

Images:

  • Painting
  • Painting
  • Painting
  • Painting
  • Painting
  • Painting
  • Painting
  • Painting
  • Painting

The Closest Point Between Beings

Fanzine

Description

Personal exploration about distance, time, silence and love.

Images:

  • cover
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • backcover

a circle is a dot

Zine

Description

A circle is a dot that in its prolongation returns to itself.

About reflection and distribution of critical thought.

Images:

  • Post
  • Post
  • Post
  • Post
  • Post

Diflora

Pattern

Description

Pattern design for the flower shop Diflora in Bogotá.

Images:

  • Pattern
  • Pattern
  • Pattern

Guillotina

Website

Description

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

Images:

  • Website

El fin común

Zine

Description

Sobre tener como fin común el derecho a la vida

About having the right to life as a common goal

Over het als gemeenschappelijk doel hebben van het recht op leven

Images:

  • Zine
  • Zine
  • Zine
  • Zine

Lamps

Figures

Description

Illustrations for a Lighting company website.

Can not recall the company but I liked the result.

Images:

  • Illustration
  • Illustration

Card Symbols

Symbol , Stickers

Description

Illustrations I made thinking of playing cards and bugs structures. I remember back then I was inspired by this beautiful work of this old guy in Colombia that painted big colored bugs. He was like 85 back then, I wonder what is his name.

Images:

  • Sticker
  • Sticker
  • Symbol
  • Symbol

Description

Studies of color and digital painting at home.

Images:

  • Poster
Digital painting at home.

Description

Impact Mapping of creative Interventions it’s an interactive PDF that shares alternatives to impact measuring on research studies beyond quantitative results.

(Work-in-progress)

Images:

  • PDF
  • PDF
  • PDF
  • PDF
How to measure the impact of a project?

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

Graphic and layout design for the PDF publication Samen duurzaan op weg part Creative media for social change activities.

Details:

  • Website

Images:

  • PDF
  • PDF
  • PDF
  • PDF
  • PDF
  • PDF
  • PDF
Event impact mitigation.

Description

Layout design and illustrations for the PHD Thesis publication The Urge to Splurge: Understanding the effects of media cues on impulse buying urges and behavior written by Anne Moes

Details:

  • Published by University of Groningen, Groningen, The Netherlands.
  • Printed by Ipskamp Printing.

Images:

  • Illustration
  • Cover
  • Illustration
  • Illustration
  • Illustration
  • Illustration
  • Layout
  • Layout
  • Layout
  • Layout
  • Layout
Thesis layout and illustrations.

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

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 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

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

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

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

Visual system, graphic design and publication design for Ether-axis project and the exhibition From Then to Here by Erik Peters.

EtherAxis is the result of an ongoing collaboration between me (Camilo García A.), Emilia Tapprest, Erik Peters, Federico Poni, Louisa Teichmann & Victor Evink, as part of the Hamburger Community of Live & Art trajectory of Roodkapje. With the participation of Queer Arcana as performers.

Exhibition Pictures taken from Erik Peters.

Images:

  • Object
  • Object
  • Card
  • Card
  • Card
  • Card
  • Exhibition
  • Exhibition
  • Exhibition
  • Exhibition
  • Symbol{.medium
  • Symbol
  • Symbol
  • Symbol
For a non-ecludian symbolic space.

Description

Luzblanca.delay is a project I did a while ago. Well, two years ago now. I didn’t finish it. But I wrote a lot about it. I was thinking about time, productivity, and I wanted to draw.

Funnily enough, it was the project where I started flirting with web pages. But the funny thing is, I haven’t finished it yet. I started with React. Obviously, nothing came of it.

I have 40 drawings.

(Work-in-progress?)

Images:

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Drawing

  • Book

About the internet, time and productivity.

Description

One time, I was trying to read and I arrived here.

Exploration with RISO colors, magic and reading while traveling in the train.

Colors that are stones, stones that are the source of the words

Images

  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
  • Book
Stones and words.

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

Studies of color and painting.

These are a bit old. It gives me shivers to think about the square format now. Fuck instagram.

Images:

  • Painting
  • Painting
  • Painting
  • Painting
  • Painting
  • Painting
  • Painting
  • Painting
  • Painting
Studies of color and painting.

Description

Personal exploration about distance, time, silence and love.

Images:

  • cover
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • spread
  • backcover
The Closest Point Between Beings

Description

A circle is a dot that in its prolongation returns to itself.

About reflection and distribution of critical thought.

Images:

  • Post
  • Post
  • Post
  • Post
  • Post
Reflective thought.

Description

Pattern design for the flower shop Diflora in Bogotá.

Images:

  • Pattern
  • Pattern
  • Pattern
Patterns for Diflora.

Description

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

Images:

  • Website
Website for Guillotina.

Description

Sobre tener como fin común el derecho a la vida

About having the right to life as a common goal

Over het als gemeenschappelijk doel hebben van het recht op leven

Images:

  • Zine
  • Zine
  • Zine
  • Zine
About the right to life.

Description

Illustrations for a Lighting company website.

Can not recall the company but I liked the result.

Images:

  • Illustration
  • Illustration
Lamp illustrations.

Description

Illustrations I made thinking of playing cards and bugs structures. I remember back then I was inspired by this beautiful work of this old guy in Colombia that painted big colored bugs. He was like 85 back then, I wonder what is his name.

Images:

  • Sticker
  • Sticker
  • Symbol
  • Symbol
Bugs and cards.