FORGE — Elite Performance Training
A concept landing page for a 24/7 training facility. A real-time 3D dumbbell anchors the hero, and the scroll carries you through programs, coaches, and memberships without ever dropping a frame.
View Live SiteFront-End Design & Development
Building Digital Products That People Remember.
I design and build landing pages and interfaces by hand — real-time 3D, scroll-driven motion, and not a framework in sight.
Selected Personal Projects
Things I designed and built, end to end.
911 GT3 RS — Motorsport Launch Page
An unofficial concept page for Porsche's most focused road car, built as a motion study. A timed preloader, line-by-line headline reveals, counting spec figures, and a lightbox gallery — all hand-built, zero framework.
View Live Site
Ferrari — Engineering Emotion
An unofficial concept page built on a print metaphor: four-colour process separations, headlines that sit slightly out of register like a misaligned plate, and photography halftoned onto a warm press sheet. A rev counter sweeps to the redline and the spec figures count up as they scroll into view.
View Live SiteWhat I Do
Design and code, from first sketch to ship.
UI/UX Design
Interfaces built around clarity, intent, and delight at every step.
Front-End Development
Fast, resilient front ends written by hand — clean code, no framework tax.
Real-Time 3D
WebGL and Three.js scenes that sit in the hero without dropping frames.
Motion & Interaction
Scroll-driven reveals, magnetic controls, and transitions that feel deliberate.
Responsive & Accessible
Keyboard-operable, reduced-motion aware, and legible at every width.
Performance
Sub-second loads, lazy media, and a page that degrades gracefully without JS.
Process
A refined path from idea to launch.
-
Discovery
I dig into your business, your users, and your goals to define the real problem.
-
Strategy
A clear roadmap connecting business objectives to product decisions.
-
Design
High-fidelity, considered interfaces refined through iteration.
-
Development
Production-grade builds with clean architecture and testing.
-
Launch
A coordinated release with monitoring and rollback plans in place.
-
Optimization
Ongoing measurement and refinement after launch.
My Toolkit
- Figma
- React
- Next.js
- TypeScript
- Node.js
- Supabase
- Tailwind CSS
- GSAP
- Framer Motion
- Three.js
How I Build
Built different, by design.
Custom Design
Nothing off the shelf — every pixel considered.
Lightning Fast
Performance budgets enforced from day one.
SEO Optimized
Built to be found, not just to look good.
Accessible
WCAG-conscious by default, not an afterthought.
Scalable
Architecture that grows with your product.
Secure
Best practices baked into every build.
Modern Tech Stack
Tools chosen for longevity, not trends.
Direct Contact
You talk to the person writing the code. No account layer.
FAQ
Common questions.
A landing page of this scale takes roughly 2–4 weeks from brief to launch. Larger builds scale from there — I'll give you a range before any work starts.
No — the three builds above are self-directed concept projects, designed and coded start to finish to push specific techniques. Every line of them is mine, and they are all live and clickable.
Fixed price for a defined scope, or an hourly rate for open-ended work. Whichever fits, you get the number in writing before I start.
Usually, yes. I read it first and tell you honestly whether extending it or rebuilding is the better call — including when the honest answer is that you don't need me.
You get the full source, a short handoff write-up, and me on email for bug fixes after launch. Ongoing work is a separate arrangement.
Let's Build Something Extraordinary.
Tell me what you're building and I'll tell you honestly whether I'm the right person for it.