Design Engineer

App Library

This seemed impossible to code at first. After some research, I made it work. The secret ingredient is Motion's layoutId-property

Long Press

I wanted to recreate emoji reaction effect that many chat apps had using code.

Multistep Form

For me, everything starts from design—even in programming.

Frame the problem, align goals, and collect the right evidence before we design or build.

Research & Insights

Stakeholder Interviews

Problem Framing

Competitive Mapping

Success Metrics

Translate strategy into clear flows and interfaces, validate quickly, and refine with feedback.

Information Architecture

Wireframes

UI Design

Design System Starter

Clickable Prototype

Accessibility

Ship a fast, reliable implementation and wire up the content, analytics, and performance guardrails.

Next.js

Tailwind CSS

Headless CMS

Motion & Micro-interactions

Performance Budgets

SEO Basics

Analytics & Events

Here are the technologies I rely on most. Interact with each, to learn more.

{
  "DEBUG": {}
}