jp·Málaga

Projects02

GiseUGC

A video-first website for a UGC creator.

GiseUGC home page in Spanish: Gisela's portrait, her name, and a vertical video reel

I built this site for Gisela Saldarriaga, a UGC creator. Her work is video, so the main job was making those videos look good even on a slow connection.

What it does

  • Plays her video catalog with HLS adaptive streaming, falls back to MP4, and keeps the files on Cloudflare R2 so there's no origin bandwidth bill
  • Serves Spanish at / and English at /en/. The copy lives in a CMS, and the layout has to cope with Spanish running about 35% longer than English
  • Builds the landing pages for services, industries and resources from data
  • Has some motion: GSAP, Lenis and a three.js background in the hero

Build notes

It's a static React and Vite build that outputs one HTML file per route, so there's no server to run. A script rebuilds the video catalog from a manifest, which means adding a new reel is just a manifest edit.

The hard parts were getting adaptive video to behave on all kinds of phones, keeping R2 costs down, and writing Spanish and English copy that both fit the same layout.

Status

It's live and I still work on it. The latest changes were testimonials, some SEO work and playback fixes.