Portfolio

Portfolio Website

A sleek, modern portfolio website with Dark Mode and Contact Form, fully tailored to the client's personal brand and user experience expectations.

Portfolio Website screenshot 1
Portfolio Website screenshot 2

About this project

This Portfolio Website was built to tell the client's story with clarity and style. Lazy-loaded media, smooth micro-interactions, and semantic structure improve both discoverability and user engagement. The design was collaboratively shaped around the client's aesthetic preferences, resulting in a unique visual identity that stands out in a crowded space.

Project Info

Author
Shahnawaz Saddam Butt
Role
Frontend Developer
Start Date
Mar 1, 2024
End Date
Mar 20, 2024

Tech Stack

Next.jsTailwind CSS

Features

Fully accessible and WCAG compliant
Optimized LCP with lazy-loaded images
Smooth scroll animations and micro-interactions

Challenges

Translating the client's vision into a cohesive visual language
Optimizing animation performance on mid-range mobile devices
Achieving a perfect accessibility score without sacrificing aesthetics

Outcomes

Client approved the design on the first review cycle
100% accessibility score on Lighthouse
Deployed to Netlify with continuous deployment in place