Category: Art

  • Engineering Expression

    Engineering Expression

    Engineering Experiences That Feel Alive

    I’ve never seen frontend as just “making the design work.” It’s not about lining up pixels or matching a Figma spec.

    To me, frontend has always been an act of translation. Taking an idea and giving it movement, rhythm, and emotion.

    I’m an Experience Engineer, which really means I care as much about how something feels as how it functions.


    Between Art and Engineering

    Most interfaces get the job done. They’re usable, fast enough, accessible enough. But only a few manage to stay with you after you’ve closed the tab.

    Somewhere between art and engineering is a small space where code can make you feel something —
    where a layout breathes, a transition speaks, and the screen feels just a little bit more alive.

    That’s the space I like to work in.

    Making that happen isn’t about flashy animations or decoration.
    It’s about intent — giving meaning to interaction.
    Every delay, easing curve, and hover response is a chance to say something subtle.


    What “Experience” Really Means

    We throw that word around a lot — experience.
    But it’s real, and it’s measurable.

    It’s the emotional response to performance, timing, and feedback.
    It’s how the page moves when you touch it.
    How a button reacts before it’s clicked.
    It’s those micro-decisions that build trust and personality.

    That’s what I’m chasing — the small, invisible details that make a product feel cohesive and alive.


    How I Work

    My process is part system, part intuition.

    I rely on design tokens and theme.json to keep everything consistent and responsive.
    I use Framer Motion or GSAP to give motion purpose — not noise.
    AI tools help me test and document faster, but they’re just that: tools.

    The real work is making sure every component carries the same emotional language.
    Because when structure, motion, and performance align, you get something that feels effortless — and that’s what experience really is.

    It’s code with a pulse.


    The Experience Stack

    When I think about building experiences, I think in layers:

    1. Structure: semantic, accessible HTML that makes sense
    2. Emotion: motion, timing, and interaction feedback
    3. Performance: quick, reliable, smooth
    4. Continuity: tokens, iteration, and maintainable systems

    Together, these form what I call the experience stack
    a way of thinking that bridges technical performance and emotional resonance.


    Where Frontend Is Headed

    AI will keep changing how we write code.
    But empathy, timing, and feel — those aren’t going anywhere.

    The next wave of frontend isn’t about syntax or frameworks.
    It’s about translating logic into emotion.
    About making the invisible, felt.

    That’s where I want to stay —
    somewhere between the art and the codebase,
    building experiences that feel alive.

  • During holiday break I discovered TouchDesigner

    During holiday break I discovered TouchDesigner

    TouchDesigner is a powerful visual programming tool designed for real-time interactive multimedia applications. Developed by Derivative, it is widely used by artists, designers, and engineers to create stunning visualizations, interactive installations, and dynamic audio-visual performances. Its node-based interface makes it accessible for both beginners and professionals, offering flexibility and scalability for projects of all sizes.

    What Makes TouchDesigner Unique?

    Unlike traditional programming environments, TouchDesigner focuses on visual workflows. Users can manipulate nodes—each representing a specific function or operation—to create complex systems without needing extensive coding knowledge. However, for those who enjoy scripting, TouchDesigner integrates Python for deeper customization and control.

    What Can You Do With TouchDesigner?

    TouchDesigner is incredibly versatile. Here are some of the ways it’s used:

    • Interactive Installations: Design reactive environments that respond to user movements, touch, or other inputs.
    • Live Performances: Build real-time visuals for concerts, theater, or dance performances.
    • Projection Mapping: Map visuals onto irregular surfaces, bringing sculptures, buildings, or objects to life.
    • Data Visualization: Create immersive and dynamic ways to explore and represent data.
    • Generative Art: Experiment with algorithmic patterns and designs.
    • Virtual Production: Craft virtual sets and environments for films and video projects.

    Why Use TouchDesigner?

    TouchDesigner excels at real-time applications, making it perfect for projects requiring responsive visuals or interaction. Whether you’re creating an experimental art piece or a professional-grade installation, its flexibility and robust feature set ensure it can handle the task.

    If you’re curious about blending technology, art, and interaction, TouchDesigner is a playground worth exploring. Its community is thriving, offering countless tutorials and resources to help you get started.

    Learn more at https://derivative.ca/learn