Made with Kleap

Skills

A craft practice organized around clarity, calm, and care.

Six core areas, each grounded in years of shipping. Hover any card to reveal what the work actually involves.

Product Design

4

Translating ambiguous problems into structured, testable product experiences.

  • Product Strategy
    Roadmap shaping, opportunity sizing, north-star definition.
  • Research & Synthesis
    Generative interviews, JTBD, affinity mapping, jobs to be done.
  • Information Architecture
    Taxonomies, mental models, navigation systems.
  • Interaction Design
    Flows, wireframes, prototyping in Figma & code.

Visual & Systems

4

Building calm visual systems that scale across surfaces and teams.

  • Design Systems
    Token pipelines, component libraries, governance.
  • Typography & Color
    Editorial type, accessible palettes, contrast discipline.
  • Iconography
    Coherent stroke, weight, optical alignment.
  • Layout & Grid
    Responsive grids, spatial rhythm, density.

Motion & 3D

4

Adding dimensionality through purposeful motion and real-time 3D.

  • UI Motion
    Choreographed transitions, easing, micro-interactions.
  • After Effects
    Brand films, product narratives, motion identity.
  • Three.js / WebGL
    Real-time product configurators, shaders, lighting.
  • Spline & Blender
    Concept modeling, scene composition.

Engineering

4

Comfortable shipping the front-end to validate design intent in the browser.

  • HTML / CSS / JS
    Semantic markup, modern CSS, vanilla JS fluency.
  • React / Astro
    Component-driven UI, static and hybrid rendering.
  • Tailwind / Tokens
    Utility-first systems, design-token pipelines.
  • Accessibility
    WCAG 2.2 AA, keyboard-first flows, ARIA patterns.

Leadership

4

Helping teams do their best work through clarity, critique and care.

  • Team Building
    Hiring, mentorship, rituals.
  • Design Critiques
    Structured feedback, decision logs.
  • Cross-functional
    Engineering, PM, research, brand alignment.
  • Workshops
    Discovery sprints, design jams, visioning.

Brand & Editorial

4

Identity systems and editorial design for studios and products.

  • Identity
    Logos, marks, wordmarks, brand guidelines.
  • Editorial
    Long-form layouts, type pairing, grids.
  • Naming & Voice
    Tone, terminology, narrative systems.
  • Print & Digital
    Hybrid systems across surfaces.

Tools I reach for

A non-exhaustive list
  • Figma
  • FigJam
  • Framer
  • Spline
  • Blender
  • After Effects
  • Cinema 4D
  • Notion
  • Linear
  • Miro
  • Webflow
  • VS Code
  • Astro
  • React
  • Tailwind