#featured

I’ve been thinking about how often I build systems that are more complicated than they need to be.

Sometimes the cleanest thing is just a state machine. A few states. A few transitions. No abstractions pretending to be frameworks.

Here’s a small one. Nothing dramatic. Just a post that can be in draft, published, or archived.

That’s it. Three states. Three transitions. No hidden logic.

Now the code version:

type PostState = "draft" | "published" | "archived"

function transition(current: PostState, action: string): PostState {
  switch (current) {
    case "draft":
      if (action === "publish") return "published"
      break
    case "published":
      if (action === "archive") return "archived"
      break
    case "archived":
      if (action === "restore") return "draft"
      break
  }
  return current
}

There’s something calming about this.

The diagram shows shape. The code shows constraint.

They’re the same idea expressed differently. One is spatial, the other procedural.

Most of the time when something feels messy in a system, it’s because the states aren’t clear.

Lightweight vector animations designed for fast, interactive web experiences without heavy 3D engines.

These experiments explore how far SVG can go before you need a canvas or WebGL context. The focus is on performance, clarity, and expressive motion with minimal runtime overhead.

A visual model for tracking income, debt repayment, and financial equilibrium. Built to understand how cash flow evolves over time under different repayment strategies.

This simulator models cash flow across income streams, expenses, and debt obligations. Instead of static spreadsheets, it provides a timeline-based view of when equilibrium is reached and how repayment decisions affect long-term liquidity.

It’s a practical tool born from a simple question: what actually happens month by month when you try to close a deficit?

An interactive tool that evaluates stroke consistency, pressure, and tilt in real time. Designed to make repetitive motor practice measurable and slightly less boring.

This project explores whether line quality can be trained deliberately rather than intuitively. The app analyzes stroke smoothness, direction stability, and pressure variation, then scores performance based on consistency. It turns a traditionally tedious warm-up exercise into a measurable feedback loop.

The goal isn’t to teach anatomy or composition. It’s to isolate motor control and make improvement observable.

I'm Jorge Arévalo. I’ve worked in electronics engineering, software development, illustration… now I’m exploring physical and industrial design. Titles aside, I like building things that move, respond, and tell a story.

I design and build interactive experiences that blend software, electronics, and physical objects. My work lives at the intersection of mechanics, visuals, and storytelling – from kinetic toys and AR-driven devices to immersive installations.

My background spans electronics engineering, CAD modeling, software development, illustration, and system design. I integrate these disciplines to turn concepts into tangible, interactive, and visually engaging objects.

I’m particularly drawn to projects that challenge the line between physical and digital: objects that move, respond, and tell a story. Currently exploring AR, interactive installations, and modular devices that blend human experience with electromechanical systems.

Portfolio & Work:

Illustration Portfolio

GitHub – Projects and Prototypes

LinkedIn – Professional Background

Collaborate / Contact:

Or leave a message:

About this website

I'll be writing a series of articles about it, here

Resume

My resume now lives in one dedicated page with the latest PDF, JSON data, and form links.