Vision Studio — A Modern Photography Portfolio

Source Code See demo
Static Website
SEO Optimized
Lightweight

Role

  • FullStack Developer

  • UX/UI Designer

  • Solo Creator

Timeline

  • May 2024 – June 2024

Skills

  • Fullstack development
  • UI/UX & Prototyping
  • Headless CMS
Overview

About This Project

A portfolio with purpose

Vision Studio is a modern photography portfolio built for speed, control, and strong visual impact. Created for creatives who want more than just a gallery, it combines storytelling, motion, and interactivity into a smooth and engaging experience. Fully CMS-powered and optimized for performance, it is ready to grow along with your work.

Highlights

Project Highlights

Features

Main Features

Built right, feels right

Vision Studio runs on a modern, modular stack built for speed, scale, and smooth interactions. From static site generation to CMS-driven updates and scroll animations, every piece is designed to deliver a polished experience across all devices.

  • Static site generation

    Pre-rendered pages for ultra-fast load times and SEO.

  • Headless CMS

    Content is fully editable via Storyblok without needing to touch code.

  • Interactive animations

    Smooth scroll and transitions powered by GSAP and Lenis for better UX.

  • Map Integration

    Display project or shoot locations using an interactive Leaflet map.

  • Newsletter

    Capture emails and send updates via SendGrid integration with custom forms.


Design

Design Preview

Result

Website Performance

Performance Results

Optimization focused on speed, accessibility, and SEO. Through reduced bundle size, optimized assets, and clean code structure, the site loads fast and performs consistently across devices.

These improvements make the site easier to use, more discoverable in search engines, and simpler to maintain over time.

Lighthouse metrics

Pollify EcoSmart