Skip to main content

Playground

Making things
without a brief.

Three experiments in interaction design: how information is shaped, how a system responds to context, and one thing that should not be documented.

Form

How information is shaped and scaled.

Density

Admin Portal

Disease Management

MedTech Design Director

Optimised for: Hospital Administrator

IVD Platform

In Vitro Diagnostics

MedTech Design Director

Optimised for: Lab Technician

ASCVD Risk Calculator

Clinical Decision Support

MedTech Lead Designer

Optimised for: Clinician

Typeface

Plus Jakarta Sans — clinical platform, dashboard UI

Case ID CVD-2024-0847
Indication ASCVD risk stratification
Total Cholesterol 218 mg/dL
LDL / HDL 142 / 38 mg/dL
10-yr ASCVD Risk 12.4% HIGH RISK
Recommendation Lifestyle intervention + statin therapy

State

How a system responds to context.

Project Type Domain Role Status
21 Projects shipped
6 Industries
15 Years active
5 Largest team led

Domain split

MedTech 62% Other 19% Security 9% Enterprise 5% Healthcare 5%

Career timeline by domain

MedTech 2019 → present
Enterprise 2017 → present
Healthcare Recent
Security 2011 → 2012

Role distribution

Design Director 43%
Principal Designer 29%
Lead Designer 19%
Interaction Designer 9%

Where I've lived

World map showing countries where Rutu has lived

Surprise

Some things should not be documented.

System Manifest

Build Stack

One HTML file. No framework. Three AI agents. This is what happens when curiosity has no deadline.

Orchestration Claude Opus 4.7 · Claude Sonnet 4.6 · Gemini 1.5 Pro
Environment VS Code · Lovable · Gamma.ai
Core Engine Vanilla JS · CSS Custom Properties
Design System Custom 8px Token Grid · Navy + Amber
DARKROOM