ORN

This website. Designed and built as a scalable content system with a focus on storytelling, exploration, and demonstrating engineering capability through the product itself. Every interaction is intentional.

Results

Features

• →ASCII portrait rendered via canvas — interactive with hover effects and scan animations
• →ASCII globe with scroll-driven chapter storytelling across 4 life chapters
• →Work archive — 3D coverflow card stack with mid zone info column and slide-in detail panel
• →In-app terminal shell — navigate pages, deep-link to globe chapters, run custom commands
• →Radial theme switcher — 6 themes including vintage, aurora, and mono
• →Full-screen animated navigation with ASCII art
• →Contact page with scroll-triggered tagline animation into contact links
• →Film grain and scanline atmospheric overlays throughout
• →Data-driven content model — adding a project or timeline entry never requires touching components
• →PWA-ready with service worker and web manifest

Lessons Learned

• →Content modeling is the most important architectural decision in a content-heavy site
• →Animations must tell a story, not just look impressive

Story

Most portfolios are lists. I wanted to build something that communicates who I am through the product itself — architecture, interactions, and storytelling that demonstrate how I think.