Ideas Turned Into Code

A cinematic e-commerce bookstore for a dark, minimal ebook brand — stoicism, history, and warrior codes. A full-screen video hero where the word ARCHIVOS bleeds crimson through a dripping mask, a near-monochrome white-on-black design system with a single restrained ember accent, and a complete production storefront: catalogue with search, sort and filter, book detail pages, a cart, Stripe checkout, Clerk authentication, a personal library for owned titles, a free-books lead magnet, bundle offers, transactional emails, and an admin area. Awwwards-grade motion throughout — a dripping blood-fill title, a dual-wave scroll marquee, staggered reveals, and an interactive 3D character. Built with Next.js 16, React 19, Tailwind v4, and TypeScript, with per-book social images and a graceful demo mode.

A premium website for a family-run Venezuelan kitchen in Algeciras, Spain. A full-bleed cinematic scroll hero, a real-photo carta gallery with lightbox, a Cruz-Diez-inspired salon section, and a balanced JS masonry menu. Built with vanilla HTML, CSS, and JavaScript — no framework, no build step. Self-hosted variable fonts, WebP imagery, and a pure-CSS loader keep the site fast on every phone.

A premium website for an artisan gelato shop in the heart of Tilburg, serving authentic Italian gelato alongside fresh waffles and crêpes. A custom hero animation, a live menu with a 14-allergen modal and vegan markers, and a custom admin dashboard that lets the owner edit categories, prices, and content directly — no developer touch needed. Mobile-optimised with WebP imagery throughout and an on-brand typographic logo system. Built with vanilla HTML, CSS, JavaScript, and GSAP — no framework bloat, no build step, fast on every device.

An in-house workflow built inside my RUBRIC operations dashboard that transforms any business website into a cinematic experience in four steps. Step 1 — deep brand analysis from a single URL: tone, palette, typography, hero scene. Step 2 — AI-generated hero animations using Nano Banana 2 (Gemini image) for the still and Kling 3.0 Pro for the looping video. Step 3 — assembly of cinematic modules from a curated component library, preserving the client's existing design language. Step 4 — automatic deployment with a live URL ready to share. Every step is orchestrated by my Alpha build agent and streams progress events live to the RUBRIC console, so I can see exactly what's happening from brief to deployment.

An end-to-end n8n automation that turns a single Google Sheets row (topic + length) into a finished sleep-story YouTube video. The orchestrator generates a script with Google Gemini, splits it into scenes, then fans out to five reusable sub-workflows that produce per-scene images and voiceovers, stitch them into clips, and combine everything into a final video via the Rendi.dev ffmpeg API. Status and asset URLs are written back to the sheet, so every run is fully traceable. Built around a 32-node main workflow plus five sub-workflows — production-tested on Rendi's 4-commands-per-minute free tier with batching, throttling, and retry logic to absorb 429s gracefully.