Remixable website movement
HCI Spooder-Man Across the Spooder-Verse
A practical, playful guide for making an academic website that can carry papers, rejection, taste, and remixable weirdness in the same room.
The publications, CV, and contact paths stay plain and findable. The joke never blocks the serious route.
Rejection, revision, and weird taste become evidence that the website was made by a person.
The best version is not a clone of this page. It is someone else's site becoming more theirs.
The move
One playful artifact, attached to a serious portfolio.
HCI Spooder-Man is a small design pattern for academic websites: keep the page useful for visitors who need the work, then add one generous, funny layer that makes the maker visible. For me, that layer is the Wall of Rejection and this remix guide. For someone else, it might be a fieldwork postcard drawer, a prototype graveyard, a tiny conference-badge game, or a comic strip about reviewer feedback.
Remix recipe
Build your own version without losing the plot.
Use this as a markdown-level scaffold: swap the subject, tune the humor, keep the navigation boring in the best way, and make the playful part easy to reuse.
- 01 Choose an honest tension. Pick rejection, messy iteration, field notes, prototype failures, weird tools, or another part of research people usually hide.
- 02 Turn it into an interface moment. Make a badge shelf, receipt drawer, comic panel, tiny game card, image viewer, or project page that still feels native to your site.
- 03 Publish the scaffold. Share assets, prompts, credits, and enough structure that someone else can adapt the idea in their own voice.
Reuse kit
Assets you can use
Use these local files as references, placeholders, or remix ingredients if you do not want to regenerate your own visual set first.
Prompt scaffold
Prompts to adapt
Change the colors, academic identity, institution, field, humor level, and website tone. The point is not to become my copy. It is to make your own site braver.
Badge shelf
Hero scene
Personal guide
Source chaos
The movement, in release order
The center card is the current player; the side cards stay visible so the playlist feels browsable without jumping to YouTube.
Full playlist: open the 10-video Spooder-Man playlist. YouTube decides the final playback quality for each viewer, even when the embed asks for a high-quality stream.
Inspired by the Spooder-Man trailers and playlist. Credit Sirui Tao as the OG HCI Spooder-Man if this scaffold helps you make your own version, then invite more people to join the HCI Spooder-Verse.
This is the creativity I want to scaffold for everyone.