The core of the site is an interactive audio map developed with D3.js, where recordings are visually connected through a force-directed tree. The website functions as an evolving audio archive where visitors can listen to and contribute personal stories about life along the former inner German border. With a user-friendly audio recording form that allows users to easily submit their recorded memories, which are then stored, categorized, and displayed in an engaging format.

1/9

Website development for a Visual Communication College, featuring a custom application form that streamlines the admissions process for both the college (VOŠ) and course applicants. The automated form allows students to apply online with just a few clicks, generating a detailed PDF that includes custom pricing based on selected courses, departments, applied discounts, and official student ID verification for Czech documents. This setup simplifies the process for both applicants and the school, providing clear next steps with a QR code and further instructions.

1/31

The web app for exploring and composing with the Bertin variable font family from 205TF for the design identity of the HK Philharmonic. The site has three tools: the main logo and poster composer with two Bertin layers on an 11-point grid; FilHRAmonie, a variant with its own palette and poster typography zones; and Forum, an interactive stamp tool with gradient animation along user-drawn lines. Loading variable fonts which are further converted to shapes, laying out glyphs, randomizing axes and stylistic sets (ss01–ss04), and applying effects like blur, gradients, stripe/dot/bitmap textures, and outlines. Glyphs can be converted to vector paths and exported as print-ready PNG or SVG; Paper.js handles boolean geometry for cutouts. State such as color palettes is persisted in localStorage.

1/8

Kirby CMS, php, js, jquery, css, scss + scss mask effects Website for art collective located in Vevey, Switzerland. Collaboration with Pablo Perez, with work split equally (50/50) between us on design and development. The project serves as a compact exhibition archive, with a design that aligns cohesively with the gallery’s visual identity.

1/15

A site that captures the unconventional and experimental spirit of the performance art festival. The project involved creating a flexible, accessible, and non-traditional structure to accommodate various festival events, including performances, workshops, and discussions. The most challenging part was to create a diverse calendar that easily guides users through the entire three-month program with daily, weekly, and monthly views.

1/14

The site features audio-reactive elements created with p5.js, including audio-reactive variable typeface, and custom animations. My work on the project included adapting the interactive elements for social media.

1/17

Simple portfolio website.

1/13

Website for our project Eight G (Former Eight Gallery), the site functions as both an archive and a live programme space.

1/6

Simple portfolio website.

1/9

The site introduces the project as an interactive cultural platform, an entry point into the project’s programme by David Ruf.

1/8