ProjectsProject DetailPersonal Portfolio2026
Project Detail
Zohaib Nawaz Dev
A craft-first personal portfolio—editorial storytelling, Serwist PWA, theme studio, intentional motion, and an on-site AI chatbot.
The Brief
A showcase site engineered like a product.
Zohaib Nawaz Dev is the live personal portfolio for a full-stack product engineer—work, services, pricing, story, and contact—built to convert serious client conversations, not to ship a multi-user ops console.
The craft layer carries the story: Serwist PWA with offline fallback, a multi-axis theme customizer, GSAP and Lenis motion, consent-first analytics, and a Gemini chatbot. Share Studio, Hire Forms, and leads triage live in ZN CMS.
Technical Architecture
Next.js
App Router portfolio with TypeScript, Tailwind, GSAP, and Lenis for an editorial brand experience.
Serwist PWA
Service worker precaches marketing routes and serves offline fallback—APIs stay NetworkOnly.
Gemini
Powers the on-site portfolio chatbot so visitors arrive to conversations better prepared.
Design for presence and performance
Public pages prioritize clarity, theme control, and motion that supports hierarchy. The experience should feel installable and intentional—without turning the portfolio into a signed-in dashboard.
Craft
PWA · Theme · Motion
Assist
AI chatbot · Contact
Role
Full Stack Product Engineer
Client
Personal brand site
Date
2026
Collaborators
Solo build
Next Project