0→1 Digital Products & Systems

Product Designer and Front-End Developer specializing in taking complex concepts from absolute scratch to refined digital reality. Blending strong visual discipline with front-end code, I build responsive design systems, action-oriented interfaces, and dark-surface web tools that make dense data simple to navigate. Whether defining a new platform’s foundational presentation layer or engineering custom browser utilities, I bridge the gap between initial design vision and production-ready execution.

Portfolio

Featured Product Case Study

scribe85: zero-to-one dark surface writing workspace

An independent, single-file writing environment built from scratch to eliminate distraction. Works completely in your browser, requires no installation, and features themes, markdown functionality, and auto-save systems.

My Role: Product Designer and Front-End Developer

Key Skills: zero-to-one product strategy | typography hierarchy | dark surface UI | vanilla J

Featured Product Case Study

scribe85: zero-to-one dark surface writing workspace

An independent, single-file browser-based writing environment built from scratch to eliminate distraction. Features themes, markdown functionality, and auto-save systems.

My Role: Product Designer and Front-End Developer

Key Skills: zero-to-one product strategy | typography hierarchy | dark surface UI | vanilla JS/CSS

Corporate Communication and Visual Design

IAEM Bulletin

Web-based newsletter collateral. Designed for quick dissemination of information, and easy comprehension in a crowded market. Figma and Adobe Illustrator

Presentations

Grid-aligned presentation designs. Built for executive level communication, business development, and education and training. Figma and Powerpoint

Corporate Voice

Custom raster-based illustrations to convey company voice and mission across their website and marketing materials. Made with Procreate and Adobe Illustrator

IAEM Bulletin

Web-based newsletter collateral. Designed for quick dissemination of information, and easy comprehension in a crowded market. Figma and Adobe Illustrator

Presentations

Grid-aligned presentation designs. Built for executive level communication, business development, and education and training. Figma and Powerpoint

Corporate Voice

Custom raster-based illustrations to convey company voice and mission across their website and marketing materials. Made with Procreate and Adobe Illustrator

Media and Art Direction

Photography

Framing, composition, and lighting studies for visual storytelling. Canon R50V, Adobe Photoshop, Adobe Bridge, Camera RAW

Corporate Video

Cinematic lighting, camera work, and motion narrative for brand messaging. Adobe Premiere, Adobe After Effects, DaVinci Resolve

Photography

Framing, composition, and lighting studies for visual storytelling. Canon R50V, Adobe Photoshop, Adobe Bridge, Camera RAW

Corporate Video

Cinematic lighting, camera work, and motion narrative for brand messaging. Adobe Premiere, Adobe After Effects, DaVinci Resolve