Content
  1. Context
  2. Challenges
  3. Approach
  4. The Experience
  5. Three Issues
  6. Technical
  7. Outcome

A living archive for a disbanding zine collective

When the club came to an end, I didn't want three years of diasporic art and writing to disappear into scattered PDFs and expired club accounts. The site is the ofrenda, an offering that keeps the collective alive after the club itself is gone.

2026/Design Engineering/laofrenda.org

When2024 –– 2026
ForLa Ofrenda / NYU
DisciplineDesign engineering, front-end, editorial, archival
ToolsNext.js, Three.js, Are.na, motion/react, CSS Modules

Context

La Ofrenda started as an NYU zine club, a collective of students making space for Latine diasporic stories through interdisciplinary art and writing. As a founding member, I watched the club reach a natural end. Over three issues (Utopia, Revolución, and Revival), contributors explored diasporic identity through poetry, photography, collage, video, and personal archives.

The physical zines, Instagram posts, and Are.na channels risked scattering. The site is an archival act: not a generic portfolio, but a deliberate ofrenda, an offering that keeps the collective's work accessible after the club itself is gone.

Utopia(s) is where realities become malleable; "un mundo donde quepan muchos mundos".

Challenges

La Ofrenda about page with two black-and-white contributor photographs and symposium copy
About: editorial layout with paired contributor photography and symposium credits
InsightA zine is meant to be browsed, not scrolled. The archive needed two modes, exploratory and editorial, in one permanent home.

Approach

Instead of standing up a traditional CMS, the site treats Are.na, the platform the collective already used to curate work, as the single source of truth. Next.js ISR pulls structured project data at build time; nested channels, PDFs, and video embeds map cleanly to issue pages.

The design intent was publication-first: minimal chrome, typography-led, motion as atmosphere, not a startup landing page.

Stack decisions

The Experience

Two modes, one archive: an infinite canvas for exploration, and editorial issue pages for reading.

La Ofrenda homepage showing centered portrait on infinite canvas
Home: Three.js infinite canvas with channel switcher, click to zoom, Shift+Arrow to navigate, drag to pan
La Ofrenda homepage showing masonry gallery of zine artwork
Home: collage-like masonry grid, images shuffled with crypto-grade randomness, never orthogonally adjacent

Publication as experience

The homepage infinite canvas recreates zine collage logic: images repeat and wrap, you zoom into one piece and drift to the next. The archive and issue pages are editorial and readable; the home page is exploratory.

Three Issues

Issues

La Ofrenda archive page with contributor grid and Familia channel tag
Archive: three-column layout with issue list, contributor TOC, and live preview, defaults to Issue 03 (Revival)

Each issue has a full editor's note, contributor galleries, PDF embeds, and links back to primary sources on Are.na. Static routes at /issues/01-utopia, /issues/02-revolucion, and /issues/03-revival are permanent, shareable archive URLs.

Revival can appear as a revolutionary act of remembrance.

Technical

Next.js 16 + Are.na CMS + Three.js infinite canvas, with bilingual UI and ISR-backed content fetching.

Implementation

Outcome

La Ofrenda archive page listing Origins, Instruction, and Revival projects beside a live preview image
Archive: issue index with contributor TOC and live project preview

Three issues archived, Utopia, Revolución, Revival, spanning 2024–2026, with bilingual access and zero manual content duplication.

La Ofrenda's mission rejects the erasure and flattening of Latine diasporic experience. The site extends that ethic: bilingual by default, contributor names preserved, links back to primary sources on Are.na, and editor's notes that frame each issue's political and poetic stakes.

When the club wound down, this became the permanent home for every contributor, every issue, every mundo we made together.