Tinkerberry Labs
All projects

Independent designer · Creative developer

MIRA

Ideas made tangible

A personal portfolio with a sculptural monogram and three artifacts that act as a second way into the case studies.

MIRA

Ideas made tangible

The brief

What it had to do.

A designer's own site has to demonstrate taste in the first frame and then get out of the way of the reading.

Design approach

The decisions behind it.

  • Warm white and black, cobalt for links, acid yellow for one accent
  • Oversized expressive headings against calm case-study body text
  • Asymmetric project layouts with large image crops

Signature interaction

Sculptural monogram surrounded by project artifacts

Focusing a project title highlights its artifact and updates the adjacent preview. Clicking opens a genuine case-study route, so the 3D is an entry point rather than the only one.

On a phone

Usable before anything loads.

A sculptural still and a vertical project list with large tap targets.

Next.jsReact Three FiberCSS Modules