Shanfan's Projects
Design is a way of thinking, identifying patterns, telling stories, and revealing new perspectives.
Title
The Fuzzy Work
Overview
Featuring five interactive charts, this essay guides readers through global tech layoffs from 2020 to 2025. It offers insights into how different industries were affected—and what these layoffs reveal about companies at various funding stages.
Medium
Web
Tools
Svelte, D3.js
Data Source
Year
2025
Tags
Data Visualization
Interactive Charts
Title
The Snail and the Cricket
Overview
An interactive children's book, built with React on Next.js. Combining scroll-based animation with cartoons, this storybook has searchable speechbubbles and responsive comic panels.
Medium
Web
Tools
GSAP.js, React.js, Procreate
Year
2023
Tags
Cartoon
Interactive Storytelling
Title
Welcome to the world, baby!
Overview
What does it take to birth a baby? Comic stripes made interactive.
Medium
Web
Tools
GSAP.js, Procreate
Year
2023
Tags
Cartoon
Interactive Storytelling
Humor
Title
Zen Lattice
Overview
Lay your gaze on this meditative geometric animation. Use the controllers to switch the color palette, adjust the spin speed and other visual parameters.
Medium
Web
Tools
paper.js
Year
2016
Tags
Geometry
UI Experiment
Game
Title
She Said
Overview
Playing through memorable quotes from Sex and the City. Carrie Bradshaw might have said a lot of horrendous things, but... she is still an icon of an era, even if it's a passed one.
Medium
Web
Tools
Javascript
Year
2013
Tags
UI Experiment
Typography
Humor