Nathaniel O.

Designer / Design Engineer

I'm currently the Lead Designer at HookSounds. 10+ years across print, brand, motion, and product design. I bring that breadth into modern product work - shaping systems, refining details, and building experiences that look, feel, and move right. Recently exploring LLM-powered products.

I’ve built BareTodo and Qattal, and I’m currently working on AutoLedger.

Email

My designs

Projects

HookSounds – royalty-free music

sole designer / maintained design system / product ui/ux / user interviews / motion / graphics / emails templates / pitch deck / framer / design systems

visit / see shots

HookSounds – royalty-free music

sole designer / maintained design system / product ui/ux / user interviews / motion / graphics / emails templates / pitch deck / framer / design systems

visit / see shots

ProjectSet – education platform

lead designer / ui/ux design / brochure design / email template / pitch deck / icon design / gamification

visit / see shots

ProjectSet – education platform

lead designer / ui/ux design / brochure design / email template / pitch deck / icon design / gamification

visit / see shots

baretodo – align goals with todos

design engineer / design / development / web app / react / tailwind / figma mcp / supabase / loops / motion.dev

visit / see shots

baretodo – align goals with todos

design engineer / design / development / web app / react / tailwind / figma mcp / supabase / loops / motion.dev

visit / see shots

ShortCap – AI-powered captions and voiceovers

product designer / experience / branding / motion / artificial intelligence / content economy / voiceovers

visit / see shots

ShortCap – AI-powered captions and voiceovers

product designer / experience / branding / motion / artificial intelligence / content economy / voiceovers

visit / see shots

Writings

Design System: Create-As-You-Go Method for Small Teams

Keeping designs consistent without killing • 2025

Is AI art actually art?

A case for AI art and artists in this modern world • 2025

AI in Chat – Augmenting Conversations

Improving Communication Without Getting in the Way

Dev Sandbox

Interactive banner & sign up modal for HookSounds

rive • state machine • react • css • component

FAQ component – interactive accordion

vercel • threejs • component

Login/Sign Up for Qattal with Input Persist

react • p5js • vercel • tailwind

Responsive footer for HookSounds — svelte quick study

svelte • footer component

Manually-coded alternate portfolio page

nextjs • react • frontend • content management backend

body::-webkit-scrollbar { display: none; } // Hide scrollbar on Firefox html { scrollbar-width: none; }