Light
Front-End Architect · Designer · Poet

Muhammad
Shayan

Engineering Precision. Designing Delight.

A front-end architect, visual artist, and novel poet operating at the intersection of performance and poetry. At The Ashé Club, Shayan leads all technical direction — from animation engines to headless CMS architecture — while channelling creative vision through graphic design, web design, and verse.

Technical Stack
React / Next.js WebGL / Three.js GSAP TypeScript Headless CMS Framer Motion SCSS / CSS-in-JS Adobe Suite Figma
Muhammad Shayan
MS
5+
Years Active
40+
Projects Shipped
3
Disciplines

"Performance is not a feature. It is the foundation upon which every other experience decision is built."

— Muhammad Shayan
Where Code Becomes Craft
Disciplines

Three skills.
One vision.

🎨 Visual Art

Graphic Design

Brand identity, poster design, typography, and motion graphics — crafted with an eye for detail that makes every visual artifact a statement. Adobe Suite is the instrument; intention is the language.

GD
🌐 Digital Architecture

Web Design

Designing digital experiences that breathe — from wireframe to final pixel. Every layout decision is interrogated. Every spacing choice is intentional. Figma, code, and creative vision converge here.

WD
✍🏼 Literary Arts

Novel Poet

A writer of verse that dwells between worlds — classical Urdu tradition and modern sensibility. Poetry as documentation of the human condition, composed with the same precision applied to code.

NP
From the Archive of Verse
"

The screen illuminates but does not warm,
I write in light what the heart holds in dark —
Every line of code a kind of psalm,
every pixel placed, a quiet mark.

— Muhammad Shayan, Verse from 'The Digital Divan'
Technical Mastery

Built from
first principles.

01

Performance Engineering

Core Web Vitals · LCP/CLS · Asset Optimisation

Obsessive Lighthouse discipline. Sites engineered to load under 1.2s on 3G, zero layout shift, and 100/100 scores — not as targets, but as baseline constraints.

02

WebGL & Creative Front-End

Three.js · GLSL Shaders · Canvas API

From particle systems to custom shader materials, bridging engineering discipline and creative direction — building GPU-accelerated experiences that feel cinematic, not gimmicky.

03

Headless CMS Architecture

Sanity.io · Contentful · GraphQL

Designing scalable, editor-friendly content models that give brands full control without coupling them to a single framework. Future-proof and robust by default.

04

Motion Systems & Animation

GSAP · Framer Motion · requestAnimationFrame

Choreographed motion systems from first principles — custom physics curves, scroll-linked narratives, and micro-interactions that communicate brand personality at 60fps.

الانتماءات

أكثر من
مجرد مطور.

🇵🇰 الجناح السياسي

حزب نوجوان باكستان

مدير تقنية المعلومات والمعماري الرقمي — يقود البنية التحتية الرقمية والاتصالات والحضور الإلكتروني للحركة السياسية الشبابية.

🕌 الإيمان والخدمة

البرهان إسلام آباد

قائد تقنية المعلومات — تطوير أدوات رقمية ومنصات اتصال وأنظمة توعية لهذه المنظمة المجتمعية والتعليمية.

✦ الوكالة

نادي أشيه

المطور الرئيسي ومهندس الواجهة الأمامية — القلب الإبداعي والتقني للوكالة. كل سطر كود، كل تفصيل حركي، كل مشروع يُشحن.

Direct Line

Start a conversation.
End with something great.

Channel Handle / Details Action
Email Shayan's E-mail Compose
WhatsApp +923286509300 Message
Instagram @shayan.sh Follow