Mode · Web

Product Design · Creative Technology · Spatial UX

I design products that feel right and ship clean.

From product design to creative technology, I build adaptive experiences that solve real problems. Let's talk about yours.

Capabilities

Core areas where I deliver the most impact.

Systems UX
Journeys, narratives, and flows for thoughtful 2D experiences that still feel alive.
Product OS
Design ops, design tokens, and component governance powered by high-signal config.
Creative Tech
WebGL experiments, scroll-triggered narratives, and motion that stays performant.

Projects

A glimpse at previous collaborations and experiments.

Lesson Planner
Maintainer

AI-powered lesson plan generator for Philippine teachers, aligned with MATATAG and major curriculum frameworks. Proudest work: a thread-based UX replacing multi-tab workflows.

Next.js
Nx
NestJS
Datastore NoSQL
The One Hour Project
Product Engineer

Exclusive events management platform built for The One Hour Project. Focused on intuitive microanimations and seamless interactions.

Next.js
Nx
NestJS
Custillano Room
Designer & Developer

A 3D room portfolio built with Blender, where web development started as a way to share 3D art with the world.

Three.js
Blender
VectorPM
Full-Stack Engineer

AI-augmented project management tool with kanban, gantt, workload dashboard, built in a single day with Symph's rapid development workflow.

Next.js
Firebase

Three ways to explore

You are inside the editorial web experience by default. Jump over to the other interfaces whenever you want a different vibe.

~/custillano.dev
$
>
>
>
$
CLI Mode
Type-first portfolio
A shadcn-powered terminal for fast navigation, intended for recruiters who want signal fast.
Immersive Mode
Three.js playground
A gamified trail with spatial UI, interactive prototypes, and shader toys.

How I work

The principles behind every project I take on.

Problem-First Thinking

High-level planning where most of the work is figuring out what the real problem is. A problem well-identified is a problem half-solved.

AI-Augmented Delivery

AI handles the repetitive nitty-gritty so I can focus on what matters: talking with the client and making strategic decisions.

Multi-Angle Solutions

I draft multiple approaches with a clear recommendation, but nothing is set in stone. Client input is always part of the process.

Security by Default

Every system I build is hardened from the start. Auth flows, data handling, and infra are reviewed against real-world threat models.

Iterative & Transparent

Regular check-ins, async updates, and working demos over slide decks. You see progress, not just promises.

Ship-Ready Quality

I care about what happens after handoff. Clean code, documented decisions, and infra that the next engineer can actually maintain.

Community

Guestbook

Been here? Leave a note.

Sign the guestbook
Your message will appear alongside a tiny planet.
50 remaining
500 remaining

Recent visitors

Loading...

Open for collaborations

Tell me about your brief

Have a project, collaboration, or idea in mind? Drop a note and I'll get back to you.

Send a message
Sends straight to my inbox. No forms, no funnels.

What to reach out for

  • Product design collaborations
  • Creative technology consulting
  • Speaking or workshop invites