About

I’m Dian Brown, a design engineer based in South Africa. I design and build websites, combining clear interfaces with expressive motion and real-time 3D.

Two letters. One continuous line.
A little structure behind the expression.

Notes

Background

A background in Information Technology and Occupational Health Sciences means I bring both technical structure and human-centered thinking into the products I build.

Approach

I work from the first layout to the final interaction, shaping the interface and the code together. Prototyping is how I test what feels right; performance is part of that design process.

Capabilities

What I
actually do

  1. Design & development

    From typography and layout to a working product. I build the interface and the systems that make it useful.

    Figma · TypeScript · Astro · React

    See all projects
    Showreel: thirteen projects, from storefronts to living 3D worlds
  2. Motion & interaction

    Transitions, gestures, and the small responses that make an interface feel alive. Always with a purpose, always with attention to timing.

    GSAP · ScrollTrigger · Prototyping

    Explore Draf Dag
    Draf Dag — a campaign in motion
  3. 3D

    A playable world inside a website. Character animation, physics, destructible interfaces, and an arsenal of very different ways to break things.

    Three.js · Blender · GLTF

    Play Destroy
    Destroy: flight, seven weapons, and an orbital strike
  4. Shaders

    Light, texture, and distortion in motion. A series of shader studies exploring liquid metal, refraction, halftone, displacement, and cursor-driven ripples.

    GLSL · Post-processing · Creative coding

    More experiments in the Lab
    Shader studies: eight ways to transform a single mark

What I do when I’m not shipping.