✨ 60FPS MOTION
AVAILABLE FOR COLLABORATION

CREATIVE
ENGINEERING
FOR THE WEB.

Hi, I'm Jon Doe. A hybrid designer & developer crafting digital collector zines, creative web applications, and interactive physics interfaces.

Resume
JON_DOE_V1.EXE
Jon Doe Cartoon Avatar
JON DOE
BROOKLYN, NY // 40.7128° N
SECTION 01 // WHO_IS_JON
Jon Doe Desk Polaroid

# MY_WORKSTATION.JPG // 2026

TACTILE PREFERENCES

  • 🔧 Repairing analog synthesizer circuits
  • 🎨 Risograph printing & self-publishing zines
  • 🛹 Skateboarding & urban architecture exploration
  • ☕ Dialing in single-origin light roasts
  • 💾 Floppy disk digital archival collector

RESCUING THE WEB FROM BORING TEMPLATES.

I am a hybrid designer-developer who refuses to make boring boxes. With over 8 years of crossing boundaries, I combine strict full-stack performance with playful user interfaces that feel alive under the cursor.

My work is heavily inspired by 90s zine layouts, classic arcade terminals, and tactile interfaces. I believe web apps should be digital collector items, full of delightful micro-interactions and custom motion.

THE MISSION

To rescue the modern web from repetitive templates and restore texture, playfulness, and tactility to every layout.

THE VISION

A decentralized, high-motion internet where visitors feel a physical sense of feedback from digital clicks.

JOURNEY LOGBOOK

2024 - PRES

Freelance Creative Technologist

Self-Employed

Building high-performance interactive interfaces and physics-based web apps for startups.

2022 - 2024

Lead Interactive Developer

PixelCraft Agency

Directed front-end development for award-winning marketing campaigns and WebGL sites.

2020 - 2022

Full-Stack Software Engineer

DevSolutions Co.

Developed secure full-stack dashboards, API integrations, and robust PostgreSQL databases.

2018 - 2020

UI Designer & Animator

VisualStitch Studio

Created visual guidelines, vector assets, and intricate CSS micro-animations.

SECTION 02 // TECHNICAL_SKILLS

CURATED STACK & TOOLKITS

TypeScript
JavaScript
HTML5/CSS3
React
Next.js
WebGL/GLSL
Three.js
GSAP
Framer Motion
Tailwind CSS
Node.js
Python
Rust
PostgreSQL
Redis
MongoDB
SQLite
AWS
Google Cloud
Docker
GitHub Actions
Supabase
Vercel
Gemini API
OpenAI API
Figma
Blender 3D
Vite
Git
Creative Direction
Technical Writing
Public Speaking
Client Consulting
SECTION 03 // FEATURED_PROJECTS

DIGITAL COLLECTIBLES & EXPERIMENTS

Retrocade OS
ACTIVE

Retrocade OS

A fully-functional virtual operating system inspired by 90s desktops and vintage arcade interfaces running inside the browser.

  • Drag-and-drop retro windows with custom window manager
  • Built-in retro audio synthesizer and paint drawing applications
  • Interactive pixel arcade games written in vanilla canvas rendering
Next.jsFramer MotionWeb Audio APITailwind CSS
GitHub Live Demo
PaperFlow CMS
COMPLETE

PaperFlow CMS

A visual content management engine that exports web pages as print-ready Zines and physical PDFs using CSS Paged Media.

  • Visual grid editor with collage layout templates
  • Real-time CSS Paged Media print preview rendering
  • Automated PDF export engine running headless Puppeteer
ReactGSAPTailwind CSSNode.jsPuppeteer
GitHub Live Demo
PixelForge 3D
IN PROGRESS

PixelForge 3D

A browser-based 3D voxel builder and renderer with real-time shadow baking running on custom GLSL shaders.

  • Grid-based 3D model builder with intuitive block editing
  • Real-time lighting calculations and custom GLSL shadows
  • Export directly to .OBJ, .GLTF, and voxel image sheets
Three.jsReact Three FiberGLSLGSAPTypeScript
GitHub Live Demo
SECTION 04 // WORK_EXPERIENCE

CAREER ROADMAP

Lead Creative Technologist

Studio Antigravity

2024 - Present

Oversee technical direction for creative web assets, custom animations, and immersive WebGL applications. Reduced load times by 45% using code-splitting and asset pipeline optimization.

Next.jsThree.jsGSAPDocker

Senior Front-End Developer

Vector Interactive

2022 - 2024

Built custom interactive elements and page systems. Spearheaded the creation of an in-house visual CMS used by 12+ Fortune 500 companies.

ReactTypeScriptFramer MotionVite

Full-Stack Engineer

DevGrid Solutions

2020 - 2022

Engineered database schemas and REST APIs for logistics and tracking systems. Implemented secure OAuth authentication and background processing pipelines.

Node.jsPostgreSQLRedisAWS

CERTIFICATIONS

POSTAGE OFFICIAL

Professional Cloud Architect

ISSUER: Google Cloud

ID: GCP-PCA-9832Feb 2025
POSTAGE OFFICIAL

Solutions Architect - Assoc.

ISSUER: Amazon Web Services (AWS)

ID: AWS-ASA-5421Sep 2024
SECTION 05 // ACADEMIC_STUDIES

EDUCATION

Brooklyn Polytechnic Institute

Degree: Bachelor of Science

Major: Computer Science & Media Arts

Duration: 2014 - 2018

CGPA: 3.92 / 4.00

Relevant Coursework:

  • Advanced Computer Graphics & WebGL Shader Design
  • Human-Computer Interaction & Cognitive Interfaces
  • Systems Engineering & Database Architecture
  • Data Structures & Efficient Algorithms

Extracurricular Activities:

  • President of the Creative Coding Club
  • Co-Editor of the Campus Tech & Design Zine
SECTION 06 // STATS_ACCOLADES

BENTO STATS & MILESTONES

Hackathons Won

12+

1st place finishes at NYC Hack, Global Creative Jam, and TechCrunch Disrupt Local.

Open Source

1.2k+

Maintainer of retro-ui-kit and contributor to Three.js & Framer Motion animation libraries.

Public Speaking

24

Delivered talks at JSConf, CreativeDev Meetups, and universities on WebGL shaders.

Design Awards

6

Recipient of Awwwards Honorable Mentions and CSS Design Awards for Best UI/UX.

SECTION 07 // GET_IN_TOUCH

SEND A TELEGRAM

Have an project in mind, want to collaborate, or just talk synthesizers and WebGL? Toss me a message below.