← Work

Top 10 · Best Design, StormHacks 2026

Fine Line

A hand-drawn game about how one ordinary day adds up for the planet. My first game, which I drew, designed and built in 24 hours.

Role
UI Designer & Developer
Team
4 designers
Timeline
24 hrs, Oct 2026
Tools
Procreate, Figma, TypeScript, Vite, Claude Code, ElevenLabs

TLDR My first time designing a game. I drew the frames, designed the interface, and worked on the backend that brought the game to life.

Play the game
Gameplay trailer made by my talented teammate, Dora <3
01Overview

01 · Overview

What does one ordinary day cost the planet?

You wake up, get to class, grab lunch and sit through a lecture. Every step is a small choice: bike, drive or take the bus; pack a lunch or order in. None of them feel like a big deal on their own. That’s the point.

The day ends in 2080, in a crowded city shaped by millions of those small choices, because climate change was never one person’s fault. We built it for the UN Sustainable Development Goals track, in a pencil-sketch style that feels more like flipping through a notebook than sitting through a lecture.

A day in Fine Line

  1. MorningMorning
  2. The commuteThe commute
  3. LunchLunch
  4. LectureLecture
  5. Dozing offDozing off
  6. 20802080

02 · My Role

Four designers, and I helped turn drawings into a game

We were a team of four designers, so the line between “design” and “build” was mine to cross. I owned three things:

  1. 01

    The art. hand-drawn, pencil-style scenes, drawn with my teammate Avia Wen in layers so they could move independently in code

  2. 02

    The interface. choices, hover states and on-screen UI, designed to belong in the sketchbook

  3. 03

    The build. the frontend and the backend logic that runs the scenes, the choices and the ending

03 · Play It

Try the game out!

fine-line-stormhacks-2026.vercel.app
Open in a new tab
Play Fine Line

04 · Drawing the World

Drawn by hand, built in layers

Every scene starts as a pencil drawing in Procreate. My teammate Avia Wen and I drew every frame together: backgrounds, characters and props on separate layers, each exported as its own transparent PNG, so the code could stack, swap and animate them without redrawing anything.

One scene’s layers, back to front. Hover to spread them apart.

One drawing, many states. The opening scene reacts before you’ve chosen anything: hovering a way to get to school highlights it, and the character changes to match the avatar you picked.

The opening scene outside the house, frame 1 of 6
The opening scene: hovering bike, car and bus, then the same scene with each avatar
A hand-drawn clock reading 7:52 AM
A small UI detail: the clock that tracks your day

05 · Designing the Choices

See it before you choose it

Hovering over a choice previews it in the scene. Instead of reading three options in a menu, you see each one play out in the drawing before you commit, so the choice feels like part of the world instead of a form to fill in.

The lunch choice under a tree
Try it: hover the options, just like in the game
The lecture question at the whiteboard
The lecture question: hover an answer to see the whiteboard fill in

06 · Every Choice Has a Cost

Small choices, visible consequences

Every choice leads to its own drawn outcome. Biking down the greenway, sitting in highway traffic and riding the bus each look and feel different, and so do the three lunches. Nothing pops up to say “wrong answer”; the drawing just shows you what happened.

The commute

BikeBike
DriveDrive
BusBus

Lunch

PackedPacked
Fast foodFast food
DeliveryDelivery

07 · The Ending

The ending points at all of us

We didn’t want to end on “it’s your fault.” A game that guilt-trips one player teaches them to stop playing. So the day ends with you dozing off in a lecture and waking up in 2080, in a city crowded with everyone else who made the same small choices.

Dozing offDozing off
20802080

08 · Outcome

From blank canvas to finalist in 24 hours

24hours to build

15+hand-drawn scenes

Top 10Best Design, out of 250 teams

4designers

Thank you to my amazing teammates Dora Hu, Avia Wen, and Sukhraj Chane for making this experience so memorable and fun, even as I fought the worst fever and sickness ever 🫶

Next storyBacktest Performance Dashboard