Ivan Soriano Photography
A professional photography portfolio website with gallery, services, booking system, and client testimonials.
Overview
Ivan Soriano Photography is a professional event photographer based in the Philippines, specializing in weddings, engagements, birthdays, and special celebrations. The project involved building a modern, visually-driven website that showcases their portfolio through a curated gallery, highlights their services, and provides a seamless booking experience for clients. The site features a clean, elegant design that puts photography front and center, with smooth transitions, responsive layouts, and optimized image delivery for fast loading even with media-heavy content. A contact form allows potential clients to easily inquire and book sessions.
Tech Stack
Key Features
- Modern, image-focused portfolio design
- Curated gallery with categorized sample works
- Service pages for weddings, portraits, and events
- Client testimonials section
- Contact form with booking inquiry
- Responsive design optimized for all devices
- SEO-optimized with structured data
Gallery
Process
Challenges
Media-heavy performance
Photography websites are inherently image-heavy. The challenge was delivering high-quality images without sacrificing page load speed or user experience.
Visual storytelling layout
The design needed to feel elegant and editorial while keeping navigation intuitive. Balancing large imagery with readable text and clear CTAs required careful layout planning.
Mobile gallery experience
Most potential clients browse on mobile. The gallery needed to be just as immersive and easy to navigate on small screens as on desktop.
Solutions
Optimized image delivery
Used Next.js Image component with automatic format conversion, lazy loading, and responsive srcsets to deliver the right image size for each device. Page load stayed under 2s.
Editorial design system
Built a clean, typography-driven layout with ample whitespace, full-width hero sections, and a muted color palette that lets the photography stand out.
Touch-friendly mobile gallery
Implemented a swipeable, grid-based gallery with lightbox support optimized for touch interactions, ensuring a seamless browsing experience on mobile devices.
Development
Optimized image delivery
Used Next.js Image component with automatic format conversion, lazy loading, and responsive srcsets to deliver the right image size for each device. Page load stayed under 2s.
Editorial design system
Built a clean, typography-driven layout with ample whitespace, full-width hero sections, and a muted color palette that lets the photography stand out.
Touch-friendly mobile gallery
Implemented a swipeable, grid-based gallery with lightbox support optimized for touch interactions, ensuring a seamless browsing experience on mobile devices.