Loading…
// 04BUILDING
Portafolio Mel
DEPLOY STATUS:BUILDING
// THE CHALLENGE
Full-bleed imagery and layered motion transitions are heavy by default. The build has to stay buttery on mid-range mobile hardware, not just on a dev machine.
// SCOPE & SOLUTION
A kinetic, image-forward photography portfolio built as a TypeScript React/Vite SPA, showcasing creative work with fluid Framer Motion transitions and a distinct visual identity.
- Build a fast, gallery-first layout for visual work
- Add fluid Framer Motion page/section transitions
- Keep the CMS-free content model simple enough to update solo
- Route booking enquiries to WhatsApp and locate shoots with Google Maps
deploy.sh — portafolio-mel
$ deploy --target=PREVIEW BUILD
> Provisioning SPA / CSR services...
> Stack: React, Vite, TypeScript, Tailwind, Framer Motion, Google Maps API, WhatsApp API
> Health check... BUILDING
> Latency probe: 6.1ms (staging)
✓ Staging build ready
// ARCHITECTURE & FEATURES
Landing // Kinetic Hero
- Full-bleed typography layered with drifting, parallax-driven photography
- Smooth load-in orchestration via Framer Motion