Dev

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

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

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

My first Next.js and Sanity project, developed with Stanislav Staev. The website introduces Bālta Gallery as a contemporary exhibition space, and lets visitors contact the gallery owner to inquire about or order paintings via the custom form for individual artists/artworks.

1/8

Redevelopment of an existing website for a community-driven center focused on equity, care work, and gender justice in the cultural sector.

1/6

The site presents the toolkit as a practical resource, organising tools, references, and project material. Designed and developed as a full-stack site, it focuses on clarity, readability.

1/6

Simple portfolio website. The site functions as a clean project archive, portfolio; keeping attention on spatial thinking.

1/10

Developed during my internship at Studio Pandan; with custom visual effects, including a glass-mask image effect.

1/20

Simple portfolio website.

1/5