~/ Olúwadámiláre
Zavian
← cd ..
Portfolio2026

Zavian

Your story, captured boldly.

Client

Personal Project

Industry

Photography / Creative Services / Personal Branding

Service

Full-Stack Development & Creative Web Design

// overview

Zavian is a modern photography portfolio website designed to showcase editorial, portrait, fashion, and commercial photography through immersive visuals and smooth interactions. The website features full-screen project showcases, dynamic project pages, image galleries, before-and-after sliders, animated page transitions, blog content, and a contact experience for potential clients. Built with Next.js, TypeScript, GSAP, and Tailwind CSS, Zavian focuses on strong visual storytelling, responsive design, and a premium browsing experience across desktop, tablet, and mobile devices.

// the challenge

Photography portfolios often rely on basic image grids that fail to communicate the personality, atmosphere, and creative direction behind each project. The challenge was to build a visually striking portfolio that gives every image enough space to stand out while still remaining fast, responsive, easy to navigate, and engaging across different screen sizes.

// the solution

Zavian uses immersive full-screen imagery, stacked project sections, animated galleries, subtle page transitions, and reusable dynamic project pages to create a more cinematic portfolio experience. Each project is powered by structured data, allowing new case studies to be added without creating a separate page layout. Responsive layouts, optimized Next.js images, GSAP animations, and clear navigation ensure that the experience remains polished and accessible on mobile, tablet, and desktop.

// screenshots

Zavian screen 2
Zavian screen 3
project.json
"client": "Personal Project"
"role": "Full-Stack Developer & UI Designer"
"duration": "4 Weeks"
"year": "2026"

Tech Stack

Next.jsTypeScriptGSAPTailwind CSS
$ start a project →