Photography website
Sep 20, 2025
Project Overview
PaoloQuartana showcase is a visually striking editorial photography portfolio, crafted from scratch to embody a minimalistic and kinetic aesthetic. The project's goal was to elevate visual storytelling by merging dynamic user experiences with a refined monochrome palette—perfect for presenting both artistic and photographic works. The development followed an experimental flow, progressing from visual ideation in Affinity and collaborative prototyping in Figma, through rapid design generation with Lovable for the site skeleton, and refined coding in Cursor. The process was orchestrated on GitHub for seamless collaboration and ultimately deployed to Vercel, achieving a performant, production-ready result.
My Responsibilities
Frontend Development: Designed and developed the entire platform, building a customized React application powered by Vite, TypeScript, and advanced UI/animation libraries.
UI/UX Design: Crafted elegant interfaces with Tailwind CSS, emphasizing accessibility, motion, and clean typography to enhance content immersion and navigation fluidity.
Animation & Motion: Leveraged GSAP, Framer Motion, and Anime.js to create seamless transitions and interactive gestures, adding a cinematic layer to the viewing experience.
Component Engineering: Implemented modular UI components (carousels, drawers, command palettes, OTP inputs) for high adaptability and smooth user flows.
State Management & Routing: Utilized TanStack React Query for efficient data fetching and React Router DOM for intuitive multi-section navigation.
Core Tech & Libraries
Frameworks & Build Tools: React, Vite, TypeScript, GitHub, Vercel, Cursor, Lovable
Motion & Animation: GSAP, Framer Motion, Anime.js, Tailwind CSS Animate
Styling: Tailwind CSS, PostCSS, Autoprefixer, @tailwindcss/typography, Class Variance Authority, Tailwind Merge, CLSX
Form Handling: React Hook Form, Zod, Input OTP
Components: Lucide React, CMDK, Embla Carousel, React Resizable Panels, React Day Picker, Vaul, Sonner, Next Themes, Recharts
State & Validation: TanStack React Query, Zod
Development Tools: ESLint, TypeScript ESLint, Lovable Tagger, Vite plugins
Impact & Vision
In this project, I focused on blending technical excellence with artistic presentation. The result is a modern, responsive portfolio that showcases not just photographic work, but also the potential of interactive UI and contemporary animation in elevating digital storytelling. A strong emphasis was placed on modularity, performance, and maintainability, with an open codebase for future enhancement and adaptation.