Liquid Gold- Junaid Jawed

0

0

JUNAID JAWED

A Creative Developer who makes web experiences pulse with Digital Alchemy

XX

SCROLL • BELOW

01 Labs

Lorem .
AI?

A landing Page I designed for writing my thoughts on hwo to use llms effciently and how not to be a vibe coding monkey in this creative space. Not from any substantial experience but from my understanding and feel of the mindset change ive seen in recent times. Features stark matrix design on cinematic void brought to life with brutalist typography and design.

02 Labs

Lorem .
IpsAI II

Another iteration of Lorem.AI where I had enough of corporate pushing AI into stuff nowhere close to needing it. Buzzword this, AI that. No. AI is good, but art is inherently human, and AI does not belong in the creative space. AI is great, but only when you're not a slave to it. More elaboration on this in the coming sections. It features thread-like knitted SVGs and typography that perfectly replicate this exact feeling.

03 Labs

Deccan Chargers

A full web experience I built for a Cricket sports team that had been disbanded 14 years ago. Was and will always be a fan, and this is my love letter to them. Beautiful rotating landing page carousel hand built, down to the last semicolon and multiple sections with gsap scrubbed animations, sequences and timelines. Colourful and expressive, like their nostalgic run back in the days.

04 Labs

Night Lit
Street

A scenery of dimly lit street in late night, featuring a bus stop and blinking lamp posts.Everything built out of base Three Js shapes and I put textures on top of them to bring the whole thing to life. A very Good exercise on modular building for maps. Early project but a very important hurdle I had to overcome.

" I want to write code that makes someone stop and stare at their screen for an extra five seconds."

Like you just did

XX

Hello, I'm
Junaid
Jawed
is

Curious

Diligent

Greedy

Awesome

Creative

Aesthetic

Aesthetic

CONTACT ME

HANG OUT

How I Learn Things

UNIVERSITY

Let's get the boring stuff aside first, I'm an Engineering Student at

The National Institute of Technology Durgapur, India. It's a prestigious college and well, let's just say my math isn't weak because of this big guy here.

BEGINNINGS

It all started with the legend himself, Bruno Simon's portfolio.

I spent two hours just driving that little car around. It was my first real taste of the third dimension on the web, and let's just say I didn't sleep that night trying to reverse-engineer whatever dark magic he used to build it.

THE PROTOTYPE

I don't let algorithms do my job, but I'll happily let them write a garbage first draft.

When a WebGL concept is being stubborn, I don't pretend AI doesn't exist. I make it spit out a quick, brute-force prototype. Do I copy-paste it? Obviously not. I just use it as a sandbox to locate the core logic, grab the math I need, and dump the rest.

DECONSTRUCTION

Isolating the actual mechanics from the automated noise.

Once that messy prototype is in front of me, I tear it apart. I isolate the exact mechanics at play and strip away all the AI boilerplate until I'm left with nothing but the pure, naked concept making the interaction work.

HITTING THE BOOKS

Stepping away from the IDE to understand the actual physics.

This is where the engineering degree actually pays off. Code is just syntax; the real boss fight is the math underneath. I pull up the heavy documentation and actually read through the raw geometry and physics driving the whole thing.

FROM SCRATCH

Manual reconstruction so I actually own the architecture.

Once the theory is locked in, I sit back down at my editor and build the entire system myself, from scratch. It takes way longer, but the end result is a highly optimized, custom architecture that I fully control. No compromises.

"Give me a deep enough forum thread and a strong enough Wi-Fi connection, and I shall center this div."

What I know

01
ONE

Javascript

02
TWO

Three Js

03
THREE

WebGL

04
Four

Gsap

05
Five

Design

06
Six

& More

05 — THE ARCHITECTURE

DIGITAL
METALLURGY

This is the design concept I abide by. I call it Digital Metallurgy. It's what happens when you throw raw mathematical precision into a crude furnace and let it collide with beautiful, brutalist negative space. To that, I add mathematically rigid yet elegant details using heavy PBR rendering, custom GLSL shaders, and GSAP micro-interactions. I'm not a pro yet, and honestly, there is still a whole lot more to figure out. But let's just say I know how to make the math look good.

"Give them a smooth scroll, and they will browse. Seize their Z-axis, and they shall witness"