Behind the scenes

v1 v2

This portfolio was rebuilt from the ground up. I'm keeping a record of the evolution here — because you can judge a dev by how they level up their own tools too.

Opens the old version in a new tab
Honest technical detail

The old version relied on a 3D Spline scene. Elegant, but heavy — and dependent on the graphics card: on machines without a GPU (or server-side), the page could fall into "Oops, something went wrong." That was one of the triggers for the rebuild. The v2 gets the same "wow" effect with a terminal and a neural network in 2D canvas: zero WebGL, zero lag, works everywhere.

Art direction
Generic SaaS template, teal + blue gradients, flat cards. It looked like any Vercel starter.
Custom after-dark: deep charcoal + a single orange signature. An identity, not a template.
The hero
A heavy 3D Spline scene (~1-2 MB) that lagged — and flat-out crashed the page without a graphics card.
An animated terminal that types itself out, over a neural network that's "thinking." Lightweight canvas, zero WebGL, smooth everywhere.
The projects
2 of the 6 cards were fakes from the original template ("E-commerce Solution," "Task Management App").
6 fully real projects: CBlindspot, QuranWay, WallCraft AI, Opus, Vidya, BPA Hub. Plus a complete /projects page.
Typography
An orphaned Arial fallback that overrode the font that was supposed to be used. A detail, but a telling one.
Bricolage Grotesque for display, Geist for text, JetBrains Mono for technical labels.
Content
Outdated stack, generic services, no real blog up front.
Real, up-to-date stack, 3 clear services, and a blog of SEO articles written on my real topics.
Performance
Bundle bloated by Spline, GPU-dependent rendering, scroll lag.
100% static, pre-rendered, no GPU dependency. It loads instantly.

Enough behind-the-scenes.

Go back to the current version, or let's talk about your project.