Interactive P5.js Poster

Interactive P5.js Poster: Riso Print

CLIENT

Academic Project

SERVICE

Interaction Designer

YEAR

2025

LOCATION

Individual

Overview

The goal of this project was to create a visually engaging and interactive poster using generative coding in P5.js. The final design needed to be both dynamic on screen and translate well into a riso print, capturing the essence of playful simplicity and bold color layering

Challenge

The biggest challenge was learning P5.js while simultaneously developing the poster. I had to experiment with code based visuals, ensuring they worked both interactively and as a static riso print. Additionally, mastering the riso printing process required multiple test prints to achieve the right balance of color, alignment, and clarity.

The biggest challenge was learning P5.js while simultaneously developing the poster. I had to experiment with code based visuals, ensuring they worked both interactively and as a static riso print. Additionally, mastering the riso printing process required multiple test prints to achieve the right balance of color, alignment, and clarity.

The biggest challenge was learning P5.js while simultaneously developing the poster. I had to experiment with code based visuals, ensuring they worked both interactively and as a static riso print. Additionally, mastering the riso printing process required multiple test prints to achieve the right balance of color, alignment, and clarity.

Results

Through research, I explored artists with strong typographic and geometric styles, ultimately drawing inspiration from Karel Martens and his use of simple shapes and watercolor effects. I coded the poster in P5.js, refining it through iteration. The final print was achieved through trial and error on the riso printer, resulting in a modern, slick design that effectively merged digital interactivity with analog print techniques.

It was exciting to see my code come to life on paper. Combining digital and print in a way that felt both structured and organic.

Shomvi
Student

Let’s create something amazing

© 2025 Shomvi Kilombaki

Let’s create something amazing

© 2025 Shomvi Kilombaki

Let’s create something amazing

© 2025 Shomvi Kilombaki