Client WebLive

Achintha Banuka, Camara & Tora Ayya

Photography Portfolio Suite

Modern responsive digital showcase suite for wedding photography, cinematic portraits, and high-fashion client albums.

Read the deep dive Visit live Private repository

achintha.vercel.app

Overview

A collection of bespoke photography client portfolios and galleries engineered for Achintha Banuka Photography, Camara Studio, and Tora Ayya Events. The platforms provide wedding couples and commercial brands with cinematic viewing experiences, featuring Masonry photo grids, high-resolution image compression, client proofing galleries, and direct booking inquiries.

Design decisions

The choices that shaped the system, and why.

1
Adaptive Masonry Grid
CSS Grid algorithm that automatically prevents awkward whitespace gaps regardless of whether a wedding photographer uploads landscape 16:9 or portrait 4:5 images.
2
Progressive Lazy Loading
Integrated blur-hash placeholder techniques to ensure instant page scrolling without network stutter on heavy 100+ photo wedding albums.

Architecture

Responsive Masonry Gallery Engine

CSS Grid and JavaScript layout balancing portrait and landscape orientations seamlessly.

High-Resolution Image Delivery

WebP conversion and responsive source sets ensuring fast loading while preserving optical sharpness.

Client Album Proofing

Secure private gallery portals for couples to select final album prints.

Brand Identity & Storytelling

Showcases wedding ceremonies, bridal prep, pre-shoots, and Sri Lankan cultural traditions.

DevOps & deployment

Hosted on AWS S3 with CloudFront CDN or Vercel.

Features

Filterable galleries by event category (Wedding, Pre-shoot, Homecoming, Portraits).
Full-screen lightbox viewer with keyboard navigation and touch gestures.
Integrated photographer biography, camera gear list, and pricing tiers.
Direct WhatsApp consultation and wedding booking schedule request.

Screenshots

Fig 1 · Live site — Achintha Banuka "Capturing moments" portfolio

Fig 2 · Achintha Banuka Photography — portfolio work

Fig 3 · Photographer profile section

Fig 5 · Gallery image from the Camara collection

Related writing

Deep dive · 4 min

A Playbook for Client Websites That Clients Can Actually Run

One editable data file, one design-token stylesheet, WhatsApp lead funnels and static export — lessons from Clean Air, Mahesh Travellers, Keshara and more.

15 May 2026

Previous projectData Communication & Computer Networking Hub Next project TuitionStudio & Sinhala Prompter Pro