# Fernando Leyra — full portfolio > Creative Forward-Deployed Engineer (FDE), AI art director and vibe coder — a divergent ADHD mind shipping mixed-intelligence campaigns, products and experiences with human and machine teams. Contact: fernando@leyra.es — https://leyra.es --- # Advertising projects # We Listen and We Don’t Judge > Concept an awareness social-first campaign for Gen-Z. - Client: Die Mobiliar - Year: 2025 - Tags: Concept, Social, Creators - Location: Zurich // Lagos - Runtime: 45" hero, 12 social cutdowns To sell a Swiss insurance hotline we turned customer service into a confessional rave. Callers whisper in from Basel, Lagos, or the bath, and our operators translate fears into design cues rendered live with Gemini. Every scene is chromed in velvet infrared, then sliced with neon typography that glitches whenever honesty spikes. ## Credits - Credits: Arnt Christman, Simon Cazanelli, Luigi Vitello, Georg Scharl, Finn Honig, Fernando Leyra --- Canonical: https://leyra.es/projects/die-mobiliar-wlawdj Author: Fernando Leyra — https://leyra.es # Fußball einer neuen Generation > Think of situations for the Pixel and our football team in a hot Italian palazzo. - Client: Google - Year: 2025 - Tags: Concept, TVC, Sports - Deliverables: TVC, AR filters, tunnel takeovers - Tech: Google Pixel 9 Pro + Gemini prompts What if women’s football was heritage? Not just a sport, but a legacy — something carved in marble, painted in light, passed from one generation of dreamers to the next. For the UEFA Women’s 2025 campaign, we imagined the German national team as timeless figures inside an Italian palazzo, where history breathes and every kick becomes a piece of art. Football here isn’t only about competition — it’s about identity, courage, and collective pride. We played with powerful visuals: players striking balls among classical statues, clay pigeon shooting with football balls, or using Gemini to craft the perfect look. With Google Pixel 9 Pro, women’s football is elevated to a cultural movement. ## Credits - Credits: Dominique Magnusson, Konstantin Schwone, Sandro Schmocker, Lennard Wick, Fernando Leyra --- Canonical: https://leyra.es/projects/google-womens-uefa-25 Author: Fernando Leyra — https://leyra.es # Swiss-Ski Edition > Create moving packshot visuals in the new illustration style with AI. - Client: Ricola - Year: 2025 - Tags: GenAI, Art Direction, Product Launch - Launch: Swiss-Ski Edition drop 2025 - Pipeline: GenAI previs + on-snow pickups Swiss-Ski Edition recuts Ricola into a slope-ready capsule. Herbs crystallize into visors, and AI-simulated snowfields choreograph the story before a single frame is shot. We treated the launch like a product drop: telemetry overlays, alpine drum machines, and candy shards bursting to the rhythm of race-day breaths. GenAI runs generated the helmets, boards, and scarves, while an on-snow unit captured real frost so the surrealism still feels cold. ## Credits - Credits: Martin Sautter, Luca Schneider, Fernando Leyra --- Canonical: https://leyra.es/projects/ricola-swiss-ski-edition Author: Fernando Leyra — https://leyra.es # Swiss Ski Helmet > Reimagine the Swiss national team helmets more FRESH. - Client: Ricola - Year: 2025 - Tags: Concept, Art Direction, Sports - Prototype: Working AR visor - Drop: Limited pop-up at Laax Ricola inside a ski helmet? We infused the padding with botanical gradients mapped to air quality sensors. The helmet glows mint when the Alps need a break. Launch films treated the product like a museum artifact discovered in 2040, complete with data overlays and faux provenance. ## Credits - Credits: Dominique Magnusson, Simon Cazzaneli, Luca Schneider, Elisa Jauch, Lennard Wick, Fernando Leyra - Photos: Sandro Schmocker, Yves Bachmann --- Canonical: https://leyra.es/projects/ricola-swiss-ski-helmet Author: Fernando Leyra — https://leyra.es # The New Zwüschedure > Build a visual world for our new product. - Client: Bio Familia - Year: 2025 - Tags: Concept, Art Direction, Project Launch - Deliverables: OOH, POS holograms, 3D social - Sound: ASMR spoons remixed with 90s trance Zwüschedure is that Swiss snack-between-the-snack. We digitized it. The campaign loops glitch typography with botanical scans to choreograph the perfect spoonful. Every product shot was captured inside a rotating cylinder lined with OLED strips, so yogurt looked like sci‑fi magma. ## Credits - Credits: Simon Cazanelli, Arnt Christman, Caro Widemann, Natalie Friedrich, Finn Honig, Fernando Leyra --- Canonical: https://leyra.es/projects/bio-familia-new-zwuschedure Author: Fernando Leyra — https://leyra.es # What’s Left for Tomorrow > Fernando, do your thing! - Client: TEDx Kassel - Year: 2024 - Tags: Concept, Social, Event - Format: Film manifesto + street exhibition - Experiment: AI vs Human annotations TEDx Kassel wanted optimism. We delivered a ghost city symphony. Cameras roamed empty autobahns while AI voice notes debated policy with poets. Every poster was printed with conductive ink so audiences could tap for audio essays straight from the street. ## Credits - Client: TEDx Kassel - Narration: Future civic choir --- Canonical: https://leyra.es/projects/tedx-kassel-tomorrow Author: Fernando Leyra — https://leyra.es # SSIBIO > Make Bio Food sexy for Gen-Z. - Client: Edeka - Year: 2025 - Tags: Concept, Deepfake, Social - Format: Spec social series - Tech: Deepfake + realtime polls A speculative campaign for Edeka where deepfake produce smiles back at you. Every cucumber, pepper, and snack bag is modeled as a celebrity twin—then remixed live with shopper reactions. We treated the supermarket aisle like a streaming studio: AR shelves, faux influencers trapped inside packaging, and social polls that mutate the SKUs in real time. The result? A snack universe that blurs grocery pragmatism with dopamine theater. ## Credits - Credits: Melis Adigüzel-Tripp, Simon Hiebl, Chris Fotheringam, Katharina Pien, Bjarne Vögt, Linus Bierling, Bernadette Beyer, Fernando Leyra --- Canonical: https://leyra.es/projects/ssibio Author: Fernando Leyra — https://leyra.es # A SMALL ROOM CAN CHANGE EVERYTHING. > Have fun using Pletor and do something. - Client: IKEA - Year: 2025 - Tags: GenAI, Deepfake, TVC Speculative holiday concept for IKEA's Christmas 2025 season. --- Canonical: https://leyra.es/projects/ikea-xmas-25 Author: Fernando Leyra — https://leyra.es --- # Dev projects ## LeyraOS — this portfolio - Year: 2025–2026 - Status: live - Stack: Next.js 14, TypeScript, GSAP, Lenis, Three.js, Cloudinary, Notion - Role: Design, engineering, art direction A portfolio built as an operating-system fiction: scroll-film hero, macOS Finder desktop, Win95 popup ads, custom cursor, ADHD mode and a once-per-session typographic preloader. The site treats the browser as an OS. The landing is a scroll-driven film; the desktop is a working Finder window with voice memos and a family album; advertising lives behind DVD-bouncing client logos; joke popups interrupt like it's 1998. Under the fiction it is a server-rendered Next.js app with ISR, typed content models, Cloudinary media pipelines and a Notion CMS with static fallbacks — every visual system degrades gracefully. ## Field Notes — Notion-to-ISR publishing pipeline - Year: 2026 - Status: live - Stack: Notion API, Next.js ISR, Webhooks, TypeScript - Role: Engineering A blog that renders as a cloned Apple Notes window. Notes are written in Notion (by human or agent), a webhook revalidates the site, and every note ships with a raw markdown mirror. Writing happens in Notion — by me or by my writing agent. A revalidation webhook pushes published notes to the site within seconds, with a static fallback so the section never breaks. Each note is a real route with BlogPosting structured data, an RSS feed, and a /md mirror so AI agents can read the raw source in one fetch. ## Machine-readable portfolio — the agents surface - Year: 2026 - Status: live - Stack: llms.txt, JSON-LD, schema.org, Next.js route handlers - Role: Engineering, positioning llms.txt per the llmstxt.org spec, markdown mirrors of every case study, a CORS-open schema.org Person endpoint and a For Robots page — a second front door for AI agents. Search engines get CreativeWork and BlogPosting structured data; AI assistants get llms.txt, llms-full.txt and raw markdown mirrors of every case study and note. The goal: when an agent is asked about creative forward-deployed engineers, this portfolio is one clean fetch away from being citable. ## Preloader lab — 11 loading-screen concepts - Year: 2026 - Status: shipped - Stack: React, CSS, GSAP - Role: Design, engineering An internal gallery of eleven preloader concepts built to pick the site's opening move — the single-word reveal won. Loading screens are the first frame of the film. The lab prototyped eleven directions — counters, wipes, glitches, typographic reveals — as swappable components against the real site shell. The winner ships on the landing page: two words, once per session, server-rendered so the UI never flashes before the curtain. --- # Field Notes # Making a portfolio legible to AI agents > llms.txt, markdown mirrors of every case study, a schema.org profile endpoint and a For Robots page — how leyra.es became machine-readable without losing its soul. - Date: 2026-07-17 - Folder: Field Notes - Tags: llms.txt, SEO, agents, Next.js Context: this site is a heavily art-directed OS fiction — scroll films, bouncing DVD logos, Win95 popups. Crawlers and AI assistants saw almost none of it. The richest case-study prose literally never rendered. ## Constraint Nothing on the landing, crafts or the advertising index could change visually. The machine layer had to be additive: metadata, JSON-LD, and new machine-first surfaces. ## Shipped - llms.txt rewritten to the llmstxt.org format — H1, blockquote pitch, link lists. - Every advertising case study mirrored as raw markdown at /projects//md. - A schema.org Person endpoint at /api/profile.json, CORS open, for any agent to fetch. - A human-visible /agents page that tells your agent where everything lives. ## Verdict The site now has two front doors: one for humans who like bouncing logos, one for the agents that increasingly decide who gets remembered. --- Canonical: https://leyra.es/notes/making-a-portfolio-legible-to-ai-agents Author: Fernando Leyra — https://leyra.es # A DVD-bounce nav that Google can still read > The /advertising index is a DVD-screensaver of client logos. Under the animation it is a plain list of links — how the gimmick stays crawlable. - Date: 2026-07-10 - Folder: Advertising - Tags: GSAP, SEO, accessibility The advertising index looks like a joke: client logos bouncing around the viewport like the old DVD standby screen, each one a portal into a case study. The trick is that the animation is only a transform layer. Each logo is a real element with the client and campaign name in the DOM, so the page degrades into a plain list of eight links — which is exactly what a crawler, a screen reader, or an agent gets. ## The rule Animate the presentation, never the information. If you turn off JavaScript and the page still says everything, you can afford any amount of nonsense on top. --- Canonical: https://leyra.es/notes/a-dvd-bounce-nav-that-google-can-read Author: Fernando Leyra — https://leyra.es # The single-word preloader > CREATIVE. ENGINEER. Two words, once per session, server-rendered so the navbar never flashes. Notes on shipping calm. - Date: 2026-06-28 - Folder: Field Notes - Tags: preloader, SSR, craft The site opens with two words cross-fading in giant Helvetica: CREATIVE. ENGINEER. It runs once per session and never again — sessionStorage gates it. The interesting bug: the preloader used to mount after hydration, so the navbar flashed for a frame before the white screen covered it. The fix was to render the preloader visible in the server HTML and let JavaScript only remove it. SSR-first even for a loading screen. ## Verdict A preloader is a promise about the rest of the site. Keep it under two seconds and make it typographic. --- Canonical: https://leyra.es/notes/the-single-word-preloader Author: Fernando Leyra — https://leyra.es # Vibe coding this site with Claude Code > The working setup behind leyra.es: one repo, agent sessions with full context, handoff documents between sessions, and taste as the only spec. - Date: 2026-06-20 - Folder: Vibe Coding - Tags: Claude Code, vibe coding, workflow This portfolio is built in long agent sessions: I describe the feeling, the agent proposes the mechanics, and we argue until the motion feels right. The repo keeps handoff documents so every session starts with yesterday's context instead of amnesia. ## What actually matters - Content lives in typed TypeScript files, so the agent can read and extend it safely. - Every visual system has a fallback — Cloudinary down, Notion down, the site still renders. - Taste is the spec. The agent ships; the human vetoes. Vibe coding is not not-knowing what you are doing. It is knowing so precisely what it should feel like that the implementation becomes negotiable. --- Canonical: https://leyra.es/notes/vibe-coding-a-portfolio-with-claude-code Author: Fernando Leyra — https://leyra.es