CreativePortfolio Website2024

AnuArts Photography Portfolio & CMS

A visually immersive photography portfolio with a custom CMS built for a professional photographer to independently manage galleries, collections, and client inquiries.

AnuArts Photography Portfolio & CMS

Client

AnuArts

Role

Frontend & Backend

Timeline

2 weeks

Team

1 dev, 1 design

Overview

AnuArts needed a portfolio that matched the quality of their photography — fast, immersive, and easy to update without a developer. The existing website was a template that didn't reflect their brand, lacked a CMS, and had poor mobile experience.

Process

Designed a minimal, image-forward layout prioritizing full-bleed visuals. Built a lightweight custom CMS so the photographer could upload, organize, and publish galleries independently. Integrated Cloudinary for optimized image delivery.

Key Features

Masonry and grid gallery layouts with lightbox viewer
Custom CMS for uploading and organizing photo collections
Password-protected client galleries for private deliveries
Contact and booking inquiry form with email notifications
Lazy loading with blur-up effect for fast perceived load
Mobile-first responsive design
SEO-optimized image alt tags and metadata

Challenges & Solutions

Integrated Cloudinary for automatic WebP conversion, responsive srcset delivery, and CDN caching. Page load dropped to under 2 seconds.

Built a simple custom CMS with drag-and-drop gallery management and instant publish, requiring zero technical knowledge.

Co-designed a minimal, dark-themed aesthetic with the designer that puts imagery first and removes all visual clutter.

Built password-protected private galleries with shareable links — eliminating WeTransfer and Google Drive workarounds.

Results

Page Load Time

5.8s1.9s

67% faster

Client Inquiries

3/month11/month

3.6x increase

Gallery Updates

developerself

100% autonomous

Mobile Bounce Rate

58%21%

reduction

Lighthouse Score

5494

performance

Client Delivery Time

2 dayssame day

via private galleries

Goals

  • Create a portfolio that reflects professional photography quality
  • Enable independent content management without developer dependency
  • Improve mobile experience and page speed
  • Streamline client gallery delivery

Tech Stack

  • React
  • Node.js
  • Express
  • MongoDB
  • Cloudinary

Target Users

  • Prospective photography clients
  • Event organizers
  • Brands and agencies seeking photographers

Key Learnings

  • Image optimization is the single biggest lever for photography site performance
  • A simple CMS tailored to the client's workflow beats any off-the-shelf solution
  • Minimal design consistently outperforms busy layouts for creative portfolios
  • Private gallery delivery is a high-value feature for professional photographers

Future Plans

  • Add e-commerce for print sales
  • Integrate calendar for booking management
  • Add client feedback and approval tools for delivered galleries
  • Build automated watermarking for social sharing