Gallery Grid Systems
Implemented CSS CSS Columns and Masonry-style layouts to accommodate vastly different artwork aspect ratios seamlessly.
Oliver's Universe
Portfolio and contact form for his Faces Of Trees and Creanatures artwork. Earthy, mystical, and highly visual.
Visit Live SiteTechnical Architecture
Custom Forms
Integrated a completely custom-styled contact form directly tied to a secure serverless function for email dispatching.
High-Fidelity Assets
Carefully managed compression ratios to ensure the artist's work retains its texture and depth without lagging the browser.
Obstacles & Solutions
Obstacle 1: Aspect Ratio Chaos
The Issue: The artist's work ("Faces Of Trees") included extreme panoramas and very tall portraits. Standard grid layouts resulted in ugly cropping or massive amounts of white space.
The Solution: I employed a pure CSS column-count approach (a CSS Masonry alternative) which allowed images of varying heights to stack naturally into columns without needing heavy JavaScript layout calculation engines, preserving performance while respecting the art.
Obstacle 2: Spam via Open Contact Forms
The Issue: Because it was an artist's portfolio seeking commissions, an open contact form was required, which quickly became a magnet for bot spam.
The Solution: Instead of slapping on an intrusive visual Captcha that ruins the mystical aesthetic, I implemented a hidden "honeypot" field and a timestamp validation serverless script. This filtered out 99% of bot traffic invisibly.