<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Ivo De Rosa</title>
        <description>Senior product designer — case studies, systems, and end-to-end delivery.</description>
        <link>http://0.0.0.0:4000/</link>
        <atom:link href="http://0.0.0.0:4000/feed.xml" rel="self" type="application/rss+xml"/>
        <pubDate>Wed, 30 Sep 2026 01:45:24 +0200</pubDate>
        <lastBuildDate>Wed, 30 Sep 2026 01:45:24 +0200</lastBuildDate>
        <generator>Jekyll v4.3.4</generator>
        
            <item>
                <title>How to Build a Portfolio</title>
                <description>&lt;p&gt;Many designers, friends and students alike, have asked me since forever how to build a portfolio (and where), and consequently how I built mine. Which tools did I use. How long did it take me. Should I use Wix? WordPress? Behance? And I always say the same:&lt;/p&gt;

&lt;p&gt;It’s complicated.&lt;/p&gt;

&lt;p&gt;Because I have strong opinions. And I hate to repeat myself. So here we are.&lt;/p&gt;

&lt;p&gt;Perhaps you’re one of these people, or maybe you’re a complete stranger (how the hell did you get here?), but in any case, here’s what you’ll find here:&lt;/p&gt;

&lt;p&gt;Arguments to build your own stuff. 
Free technologies to do so. 
Someone to talk about it. 
Motivation. 
Comradery.&lt;/p&gt;

&lt;p&gt;No tutorials nor tricks to sell you anything. No &lt;a href=&quot;https://www.elconfidencial.com/cultura/2024-02-05/caso-isra-bravo-confias-alguien-hecho-rico-explicandote-como-ser-rico_3823063/&quot;&gt;BS copywriting&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;This is the first post of this brand new blog, so it only makes sense to explain how the thing was built and what I learned on the process. And what can you get out of it, too.&lt;/p&gt;

&lt;h2 id=&quot;the-short-answer&quot;&gt;The short answer&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href=&quot;https://jekyllrb.com/&quot;&gt;Jekyll&lt;/a&gt; + &lt;a href=&quot;https://docs.github.com/es/pages/getting-started-with-github-pages/what-is-github-pages&quot;&gt;GitHub Pages&lt;/a&gt; + &lt;a href=&quot;https://obsidian.md/&quot;&gt;Obsidian&lt;/a&gt;&lt;/strong&gt; . 12 bucks per year for a domain registered on &lt;a href=&quot;https://www.namecheap.com/&quot;&gt;NameCheap&lt;/a&gt;&lt;sup id=&quot;fnref:1&quot;&gt;&lt;a href=&quot;#fn:1&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;

&lt;p&gt;Just tell that to your stupid AI agents and they’ll build it for you. But that’s not what we’re here for.&lt;/p&gt;

&lt;p&gt;In short, &lt;strong&gt;Jekyll is a site generator&lt;/strong&gt;. A landing page, as you may already know, is generally built with some flavors of HTML, CSS and JavaScript.&lt;/p&gt;

&lt;p&gt;Jekyll uses all that to turn your &lt;a href=&quot;https://es.wikipedia.org/wiki/Markdown?wprov=sfti1&quot;&gt;Markdown&lt;/a&gt; files into a site, and it’s surprisingly easy to set up, even for a humble designer like yours truly.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/images/posts/how-to-build-a-portfolio/site-screenshot-1.png&quot; alt=&quot;Jekyll turning Markdown into a site&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Those Markdown files can be created in basically any tool, but I use &lt;strong&gt;Obsidian&lt;/strong&gt; as my text editor and PKM (or &lt;a href=&quot;https://forum.obsidian.md/t/so-how-should-we-finally-call-it-pkm-kms-kos-skos-pks-zk/13860/2&quot;&gt;however the hell we call it these days&lt;/a&gt;)&lt;/p&gt;

&lt;p&gt;I can use Obsidian from my Mac, iPhone and iPad. I’m actually writing this on my phone, from my couch. For free. Isn’t that cool?&lt;/p&gt;

&lt;h3 id=&quot;but-why-these-tools-and-not-others&quot;&gt;But why these tools and not others!?&lt;/h3&gt;

&lt;p&gt;Why &lt;strong&gt;Obsidian&lt;/strong&gt;? Because it’s free and I own my files. And this feature is absolutely wild:&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/images/posts/how-to-build-a-portfolio/site-screenshot-2.png&quot; alt=&quot;Owning my files in Obsidian&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Why &lt;strong&gt;Jekyll&lt;/strong&gt;? Cause it works. And I like it.&lt;/p&gt;

&lt;p&gt;Why am I not using a newer, flashier framework/tool?&lt;/p&gt;

&lt;p&gt;Who cares. Really.&lt;/p&gt;

&lt;p&gt;This is like the Sketch v Figma debate from a few years ago. Just use what’s best for you/your team/your context.&lt;/p&gt;

&lt;p&gt;You’re not going to be “left behind”, specially if you’re a designer.&lt;/p&gt;

&lt;p&gt;I’ve seen two dozens of tools that look like Jekyll, work like Jekyll and are better than Jekyll for x or y reason: Astro, Gatsby, Next.js, Hugo, Eleventy… new stuff comes out all the time.&lt;/p&gt;

&lt;p&gt;Pick the one that looks less daunting &lt;em&gt;to you&lt;/em&gt; and crack on. There’s always time to migrate or to learn new stuff down the road if needed. Our goal now is to build something to put our stuff out there.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://docs.github.com/es/pages/getting-started-with-github-pages/what-is-github-pages&quot;&gt;GitHub Pages&lt;/a&gt; was built for Jekyll, so that’s one less problem.&lt;/p&gt;

&lt;h2 id=&quot;owning-instead-of-renting&quot;&gt;Owning instead of renting&lt;/h2&gt;

&lt;p&gt;But why not just use Wix or WordPress or Behance, then?&lt;/p&gt;

&lt;p&gt;Well, I like to build things &lt;em&gt;my way&lt;/em&gt;. To make them look exactly how I want them to look. To understand how they work. To express myself.&lt;/p&gt;

&lt;p&gt;This is my little corner of the Internet, after all.&lt;/p&gt;

&lt;p&gt;And because I hate paying a monthly fee for stuff I can build myself while having fun, too.&lt;/p&gt;

&lt;p&gt;Don’t know how to code? Neither do I. I just read the docs. Buy a template. Break things. You can ask AI for help, sure, but we’ll miss the point if we ask it to build it for us.&lt;/p&gt;

&lt;p&gt;There was no AI when I first built this site a few years ago under a different, long forgotten name. It’s doable. It only takes patience and some spare time.&lt;/p&gt;

&lt;p&gt;I want to be fair here: Wix and Squarespace and the rest are perfectly valid choices, especially if you don’t have a technical background. They get you from zero to a live site in a couple hours.&lt;/p&gt;

&lt;p&gt;But if you do work in tech (or are planning to do so) without a technical background, what a wonderful excuse to start building one.&lt;/p&gt;

&lt;p&gt;I understand that convenience is quite valuable in the era where in order to even be considered &lt;em&gt;hireable&lt;/em&gt; you need to be (or at least &lt;em&gt;appear&lt;/em&gt; to be) productive &lt;em&gt;all the time&lt;/em&gt; and constantly putting things out there.&lt;/p&gt;

&lt;p&gt;And I say this as a father and a worker. &lt;em&gt;I know&lt;/em&gt;. Convenience is valuable indeed, but it can also harm you in the longer term, because it’s a doubled-edged sword.&lt;/p&gt;

&lt;p&gt;One of its side effects is called &lt;strong&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Deskilling?wprov=sfti1&quot;&gt;deskilling&lt;/a&gt;&lt;/strong&gt;. So be careful.&lt;/p&gt;

&lt;p&gt;Building and maintaining your own site, even slowly, is how you hold on to it. Today I might be able to build this whole thing from scratch without a template, because I’ve spent enough time messing with it.&lt;/p&gt;

&lt;p&gt;The time you invest in perfectioning it, fixing its bugs, creating with(in) it is not &lt;em&gt;wasted&lt;/em&gt;, it’s literally the opposite (I said investment on the first place didn’t I)&lt;/p&gt;

&lt;h2 id=&quot;the-backbone&quot;&gt;The backbone&lt;/h2&gt;

&lt;p&gt;This site is built on &lt;strong&gt;&lt;a href=&quot;https://jekyllthemes.io/theme/clancy-portfolio-jekyll-theme&quot;&gt;Clancy&lt;/a&gt;&lt;/strong&gt;, a Jekyll theme built by a guy called Artem Sheludko. It comes packed with features for only ~80 bucks.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/images/posts/how-to-build-a-portfolio/site-screenshot-3.png&quot; alt=&quot;The Clancy theme backbone&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Setting up the backbone of a project (the grid, the type system, the responsive behavior…) sucks.&lt;/p&gt;

&lt;p&gt;Of course I want a responsive typography system, but I’d rather “just” define the values I want to use than doing that &lt;em&gt;and also&lt;/em&gt; write classes for every style on every breakpoint.&lt;/p&gt;

&lt;p&gt;Also opening that theme was like opening a good Figma file where you first learn how to nest components, or that good old (now obsolete) :slot trick for the very first time.&lt;/p&gt;

&lt;p&gt;I love reverse engineering stuff, man. I really do.&lt;/p&gt;

&lt;h3 id=&quot;no-ai-at-all-then&quot;&gt;No AI at all then?&lt;/h3&gt;

&lt;p&gt;I mean, I burned one billion tokens this year alone. I routinely send 10 minute voice notes to my Hermes agent to structure my thinking. I ask it to audit my content, to do research for me… to do automated QA when I develop something new for my coffee app, too.&lt;/p&gt;

&lt;p&gt;So yes, I use it now to tinker with this site.&lt;/p&gt;

&lt;p&gt;I’m not saying don’t use AI, I’m saying be careful. Because it’s convenient. &lt;a href=&quot;https://www.mdpi.com/2075-4698/15/1/6&quot;&gt;It literally makes you dumber&lt;/a&gt;. And the companies spearheading its expansion are doing &lt;a href=&quot;https://youtu.be/3VJT2JeDCyw?is=kFh0MELzsh3y-4aO&quot;&gt;horrendous things&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;I believe in &lt;a href=&quot;https://hermes-agent.nousresearch.com/&quot;&gt;a different model&lt;/a&gt;, but that’s for another post.&lt;/p&gt;

&lt;p&gt;My point for now is: be smarter. Tinker. Learn. I trust in you.&lt;/p&gt;

&lt;p&gt;I’m dead serious.&lt;/p&gt;

&lt;h2 id=&quot;the-non-technical-part&quot;&gt;The non technical part&lt;/h2&gt;

&lt;p&gt;This is called &lt;em&gt;how to build a portfolio&lt;/em&gt;, but so far we’ve only discussed tools, tech and philosophy; nothing about strategy or content design yet.&lt;/p&gt;

&lt;p&gt;Let’s add a bit of that too.&lt;/p&gt;

&lt;h3 id=&quot;pick-your-audience&quot;&gt;Pick your audience&lt;/h3&gt;

&lt;p&gt;Think about who actually reads your portfolio. For most of us, it isn’t another designer admiring our craft (are you? I’m blushing) — it’s a &lt;strong&gt;hiring manager&lt;/strong&gt;, skimming twenty portfolios in a morning, looking for a reason to call you back.&lt;/p&gt;

&lt;p&gt;So choose what you add &lt;em&gt;for them&lt;/em&gt;. If the site is meant to convert (to get you a conversation) lead with the thing that earns that conversation, not the thing that proves you’re clever.&lt;/p&gt;

&lt;p&gt;And decide deliberately what belongs on it and what doesn’t. Do you want a section for experiments and half-finished things? I do: I call mine Playground, and it’s there for other tinkerers too.&lt;/p&gt;

&lt;p&gt;Just know why it’s there, and who it’s for.&lt;/p&gt;

&lt;p&gt;Oh, and if your portfolio is not for hiring managers (or not &lt;em&gt;only&lt;/em&gt; for them), this advice is equally valid, because what I’m saying is: design for the audience you want to reach, whatever that is.&lt;/p&gt;

&lt;p&gt;Sounds obvious, but we often forget it, so there’s no harm in repeating it a few more times.&lt;/p&gt;

&lt;p&gt;This blog exists for me to sharpen my thinking (and maybe help you out in the process too), and it’s part of my Portfolio cause for me it’s all one and the same.&lt;/p&gt;

&lt;p&gt;My writing skills are, in a way, my design skills.&lt;/p&gt;

&lt;h3 id=&quot;show-dont-tell&quot;&gt;Show don’t tell&lt;/h3&gt;

&lt;p&gt;There might be a shift in how designers are presenting their work right now, and in what the market demands.&lt;/p&gt;

&lt;p&gt;For years the formula was: narrate the process, discovery, personas, wireframes, iteration… It’s what schools and bootcamps have taught for a decade, and it’s why so many portfolios read as completely interchangeable.&lt;/p&gt;

&lt;p&gt;And a big chunk of that was fake. I’ve hired designers. I’ve been a teacher. I know y’all lie. It’s ok.&lt;/p&gt;

&lt;p&gt;Well, it &lt;em&gt;was&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;What you hear now is: &lt;strong&gt;what did you build, how, why, and what ideas do you still have?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;That’s in part why I wrote this. Launching some crappy app with Lovable and get some real world usage data might look impressive for a while, but the real thing that will stay with you forever is starting to wrangle with the terminal right now.&lt;/p&gt;

&lt;p&gt;I’ll never forget the day my friend &lt;a href=&quot;https://codingcarlos.com/&quot;&gt;Carlos&lt;/a&gt; saw me frustrated trying to use &lt;a href=&quot;https://es.wikipedia.org/wiki/XAMPP?wprov=sfti1&quot;&gt;XAMPP&lt;/a&gt; and said: hey, why don’t you use &lt;a href=&quot;https://www.geeksforgeeks.org/node-js/npm-run-dev/&quot;&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;npm run dev&lt;/code&gt;&lt;/a&gt;?&lt;/p&gt;

&lt;p&gt;That said, I understand the pressure to make your projects look successful, but this is like dancing: if you focus on the joy of doing it, people will see your passion and tenacity, not only the fact that you’re just pretending to know how to dance salsa (meaning: your project sucks)&lt;/p&gt;

&lt;p&gt;Mistakes will just be a natural part of it, because their lacking in case studies has always been a bit suspicious, if you ask me.&lt;/p&gt;

&lt;h2 id=&quot;one-last-thing&quot;&gt;One last thing&lt;/h2&gt;

&lt;p&gt;I got really good advice from my friend &lt;a href=&quot;https://ie.linkedin.com/in/helena-garc%C3%ADa-52a9137b&quot;&gt;Helena&lt;/a&gt; a few years ago, and I want to share it with you too.&lt;/p&gt;

&lt;p&gt;Everyone knows you have to get past the software that filters résumés — the ATS, the keyword scanner, the gate before a human ever looks.&lt;/p&gt;

&lt;p&gt;But optimizing &lt;em&gt;only&lt;/em&gt; for that, turning your CV or your site into something surgical and professional and entirely free of personality, is missing the point.&lt;/p&gt;

&lt;p&gt;She told me to put a bit of &lt;em&gt;myself&lt;/em&gt; into it (not literally, for God’s sake): the fun facts, the family, the random bits. The little things that have nothing to do with “professional experience” and everything to do with whether someone actually wants to work with you or not.&lt;/p&gt;

&lt;p&gt;Designers forget this, because we often treat content like something clinical. You want to sound and look like Apple, but turns out you’re &lt;em&gt;a dude&lt;/em&gt; (yes, I’m talking to myself)&lt;/p&gt;

&lt;p&gt;Your portfolio doesn’t have to be a sterile, official document. It’s also a place where you get to express yourself freely!&lt;/p&gt;

&lt;p&gt;And I too hope I get mine to look more like me, step by step. In Spanish we say “consejos vendo, pa’ mi no tengo”&lt;/p&gt;

&lt;p&gt;Now, back to designing things. More posts soon.&lt;/p&gt;

&lt;hr /&gt;

&lt;div class=&quot;footnotes&quot; role=&quot;doc-endnotes&quot;&gt;
  &lt;ol&gt;
    &lt;li id=&quot;fn:1&quot;&gt;
      &lt;p&gt;That’s what I pay the Internet cartel(s) for my domain &lt;a href=&quot;#fnref:1&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
  &lt;/ol&gt;
&lt;/div&gt;
</description>
                <pubDate>Tue, 01 Sep 2026 08:00:00 +0200</pubDate>
                <link>http://0.0.0.0:4000/how-to-build-a-portfolio/</link>
                <guid isPermaLink="true">http://0.0.0.0:4000/how-to-build-a-portfolio/</guid>
                
                
                <category>blog</category>
                
                <category>craft</category>
                
            </item>
        
            <item>
                <title>Letter to my 20-year-old self: On Work, Care, and the Myth of Automation</title>
                <description>&lt;p&gt;Dear 20-year-old Ivo,&lt;/p&gt;

&lt;p&gt;I know where you are right now. You’re probably sitting there, convinced that we are on the precipice of a Great Liberation. You’ve believed it since you were six or seven—the idea that machines will eventually do everything for us. That “work” is a bug in the human experience, a relic of a primitive era that automation will simply erase. You’re not just hoping for a shorter work week; you’re waiting for the end of labor itself.&lt;/p&gt;

&lt;p&gt;I hate to be the one to tell you this, but you were wrong. Not about the technology—the machines are here, and they are faster and “smarter” than you imagined—but you were wrong about what work actually is.&lt;/p&gt;

&lt;p&gt;For a long time, you confused &lt;em&gt;labor&lt;/em&gt; with &lt;em&gt;work&lt;/em&gt;. You hated the wage slavery, the grind, the selling of hours for survival. And believe me, I still do. But in your eagerness to automate the boredom, you forgot to account for the value of presence.&lt;/p&gt;

&lt;p&gt;Today, I had two visits. A midwife came to the house in the morning, and I went to the dentist in the afternoon.&lt;/p&gt;

&lt;p&gt;Think about those two things.&lt;/p&gt;

&lt;p&gt;A midwife bringing a human into the world. A dentist working millimeters away from your nerve endings. In both those rooms, the last thing I wanted was a “technically correct” machine. I wanted a human. Why? Because a machine optimizes for a result; a human optimizes for a &lt;em&gt;person&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;There is a specific kind of judgment—a criteria of “good”—that only a human can apply. It’s the ability to tell if a decision is right for &lt;em&gt;you&lt;/em&gt; based on your preferences, your fear, your breath, and the subtle energy in the room. Not just whether it fits a statistical model of “success.” That expertise, that embodied knowledge, is where the real value lies. It’s not about efficiency; it’s about care.&lt;/p&gt;

&lt;p&gt;And here is the real kicker, the part that would make you furious: the cost of the “liberation” you’re dreaming of.&lt;/p&gt;

&lt;p&gt;Right now, there are supercomputers like Colossus 1—monsters built by the likes of Musk and used by companies like Anthropic—that are literally poisoning the water and air in places like Memphis just to keep the servers cool. We are destroying the physical world, the actual earth we walk on, to build a digital proxy that is, quite frankly, mediocre.&lt;/p&gt;

&lt;p&gt;We are trading the health of our planet for a technology that can write a decent email but can’t hold a hand or fix a tooth without a human overseeing every single second of it. The future they are aiming for—this sterilized, automated utopia—is fucking bullshit.&lt;/p&gt;

&lt;p&gt;So, if I could give you one piece of advice: stop waiting for the machines to save you from work. Instead, start looking for the work that is actually worth doing. The kind of work that requires a body, a soul, and a level of expertise that cannot be reduced to a prompt.&lt;/p&gt;

&lt;p&gt;Don’t fight against work. Fight for the dignity of human mastery. Because in a world full of mediocre AI, the only thing that will actually matter is the person who knows how to be human in the room.&lt;/p&gt;

&lt;p&gt;With love (and a bit of a toothache),&lt;/p&gt;

&lt;p&gt;Older Ivo&lt;/p&gt;

&lt;hr /&gt;

&lt;!-- EDITORIAL BRIEF — added by Hermes 24 Aug 2026. Planning context, not final body. --&gt;
&lt;blockquote&gt;
  &lt;p&gt;[!NOTE] Editorial brief
&lt;strong&gt;Idea:&lt;/strong&gt; letter from Older Ivo debunking the “automation will free us” belief he held since age 6–7.
&lt;strong&gt;Core argument:&lt;/strong&gt; confused &lt;em&gt;labor&lt;/em&gt; with &lt;em&gt;work&lt;/em&gt;; real work = care, presence, human judgment a machine can’t reproduce.
&lt;strong&gt;Anchors:&lt;/strong&gt; midwife (morning) + dentist (afternoon); Colossus 1 poisoning Memphis.
&lt;strong&gt;Origin:&lt;/strong&gt; dictated as voice note 11 May 2026 (found again in chat history).
&lt;strong&gt;Audience:&lt;/strong&gt; AI-native HMs/devs/PMs — interrogates the “automate everything” orthodoxy. 🔵 AI·work·skill (thesis).
&lt;strong&gt;Status:&lt;/strong&gt; essentially complete — strong publish candidate. Bridge to &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;parto-en-espana-diseno-servicios&lt;/code&gt; (same midwife scene).&lt;/p&gt;
&lt;/blockquote&gt;

</description>
                <pubDate>Mon, 11 May 2026 00:00:00 +0200</pubDate>
                <link>http://0.0.0.0:4000/letter-to-my-20-year-old-self/</link>
                <guid isPermaLink="true">http://0.0.0.0:4000/letter-to-my-20-year-old-self/</guid>
                
                
            </item>
        
            <item>
                <title>The Craft of Taste: Serving the Material</title>
                <description>&lt;p&gt;In an era of mass production and rapid consumption, the concepts of taste and craftsmanship often feel like an indulgent luxury rather than a foundational principle. Yet, true artistry, whether in filmmaking, writing, or any creative endeavor, fundamentally relies on these twin pillars. Alfonso Cuarón’s approach to directing &lt;em&gt;Harry Potter and the Prisoner of Azkaban&lt;/em&gt; offers a masterclass in this philosophy, a lesson that resonates deeply with any process of drafting and refining ideas.&lt;/p&gt;

&lt;p&gt;When Cuarón took the helm of the third Harry Potter film, he was presented with a massive, beloved franchise. His mentor, Guillermo del Toro, offered invaluable advice: “Don’t try to do your thing. Just try to serve the material… And if you serve the material, you may do your most personal film.” This wasn’t about stifling creativity, but about a profound respect for the source — an act of humility that paradoxically unlocked a deeper, more authentic expression.&lt;/p&gt;

&lt;p&gt;Cuarón’s success lay in his “thematically driven adaptation.” Instead of merely translating plot points, he identified the core emotional truth of the book: Harry’s journey of identity and of confronting inner fears. This keen editorial taste allowed him to make purposeful choices, grounding the fantastical elements in human emotions. The goal was “a movie that was character-oriented with a special effect, rather than to be a special effect film with a bunch of characters around.”&lt;/p&gt;

&lt;p&gt;Every decision — from the moodier cinematography to the subtle shifts in lighting, and even allowing the young actors to wear casual clothes to reflect individual growth — was in service of this thematic vision. His collaborative spirit, involving actors in character development through essays, further enriched the final product. It is a testament to craftsmanship when every small detail aligns with the overarching narrative and emotional arc.&lt;/p&gt;

&lt;p&gt;Just as Cuarón built a pivotal framework for the entire Harry Potter saga by foreseeing its overarching themes, any creative process demands the same dedication: keeping a detailed record of raw ideas and drafts, sifting through references, and structuring an argument so that every sentence serves the core message. This slow, deliberate refinement — separating what truly matters from what merely fills space — is the craft itself.&lt;/p&gt;

&lt;p&gt;Ultimately, the act of creation, whether crafting a blockbuster film or a concise essay, demands both a discerning taste to identify what truly matters and the meticulous craftsmanship to bring it to life meaningfully. By serving the material with integrity and purpose, we not only honour the source but also imbue our work with a personal authenticity that resonates with our audience.&lt;/p&gt;

&lt;hr /&gt;

&lt;!-- EDITORIAL BRIEF — added by Hermes 24 Aug 2026. Planning context, not final body. --&gt;
&lt;blockquote&gt;
  &lt;p&gt;[!NOTE] Editorial brief
&lt;strong&gt;Idea:&lt;/strong&gt; taste + craftsmanship via Cuarón serving the material. De-meta’d: removed the internal file references (draft_references.csv, Channel Plan.md, etc.).
&lt;strong&gt;Audience:&lt;/strong&gt; 🟣 life·place / craft. Good tier-2 piece.
&lt;strong&gt;Status:&lt;/strong&gt; ready after de-meta.&lt;/p&gt;
&lt;/blockquote&gt;

</description>
                <pubDate>Sun, 10 May 2026 21:00:00 +0200</pubDate>
                <link>http://0.0.0.0:4000/taste-and-craftsmanship/</link>
                <guid isPermaLink="true">http://0.0.0.0:4000/taste-and-craftsmanship/</guid>
                
                
                <category>reflexion</category>
                
                <category>diseno</category>
                
            </item>
        
            <item>
                <title>Childbirth in Spain: a personal account and a service-design analysis</title>
                <description>&lt;h2 id=&quot;introduction&quot;&gt;Introduction&lt;/h2&gt;

&lt;p&gt;Our daughter hasn’t been born yet, but the months of preparation have plunged us into a world of information, emotions and, above all, the realisation of a childbirth system that, despite its technical advances, shows serious flaws in its human-centred design.&lt;/p&gt;

&lt;p&gt;This post comes from the need to document our journey, to turn unease into action, and to offer constructive criticism from two perspectives: the one lived by those of us who are about to become parents, and the one that comes from my background and experience in service design and health technology (Tucuvi).&lt;/p&gt;

&lt;h2 id=&quot;1-the-numbers-that-hurt-beyond-the-caesarean-rate&quot;&gt;1. The numbers that hurt: beyond the caesarean rate&lt;/h2&gt;

&lt;p&gt;We are told that in Spain the caesarean rate sits at around &lt;strong&gt;26.4%&lt;/strong&gt; (Ministry of Health data, 2024)&lt;sup id=&quot;fnref:1&quot;&gt;&lt;a href=&quot;#fn:1&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;, far above the &lt;strong&gt;10–15%&lt;/strong&gt; range recommended by the World Health Organization (WHO)&lt;sup id=&quot;fnref:2&quot;&gt;&lt;a href=&quot;#fn:2&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;. But that number hides individual stories.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;strong&gt;Behind every percentage there is a woman&lt;/strong&gt; who perhaps did not get the chance to give birth the way she wanted, who underwent an intervention without her full consent, or who felt that her body was taken over by protocol before her own physiological process.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;An investigation by &lt;em&gt;elDiario.es&lt;/em&gt; revealed that &lt;strong&gt;26 public and private hospitals exceed a 45% caesarean rate&lt;/strong&gt;&lt;sup id=&quot;fnref:3&quot;&gt;&lt;a href=&quot;#fn:3&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;3&lt;/a&gt;&lt;/sup&gt; — that is, nearly half of the births in those centres end in the operating theatre. Some of the examples cited include:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Hospital Universitario de Guadalajara (Castilla-La Mancha)&lt;/li&gt;
  &lt;li&gt;Hospital Universitario Virgen de la Arrixaca (Murcia)&lt;/li&gt;
  &lt;li&gt;Hospital Universitario de Burgos (Castilla y León)&lt;/li&gt;
  &lt;li&gt;Hospital Universitario de Salamanca (Castilla y León)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;2-obstetric-violence-and-the-weight-of-words&quot;&gt;2. Obstetric violence and the weight of words&lt;/h2&gt;

&lt;p&gt;While preparing for our birth, we came across the term &lt;strong&gt;obstetric violence&lt;/strong&gt;. Its use is controversial because many healthcare professionals perceive it as a personal accusation rather than a sign of systemic failures.&lt;/p&gt;

&lt;p&gt;Yet the evidence is overwhelming: practices such as the &lt;strong&gt;Kristeller manoeuvre&lt;/strong&gt; (fundal pressure during the pushing stage) are still used even though they are advised against by the WHO, the Spanish Society of Gynaecology and Obstetrics (SEGO) and the Ministry of Health itself&lt;sup id=&quot;fnref:4&quot;&gt;&lt;a href=&quot;#fn:4&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;4&lt;/a&gt;&lt;/sup&gt;. This manoeuvre can cause uterine rupture, severe haemorrhage and fetal damage.&lt;/p&gt;

&lt;p&gt;The debate over terminology reveals an &lt;strong&gt;ideological bias&lt;/strong&gt; in the leadership of some services. In Murcia, for example, it has been reported that the conscientious objection of the head of the Obstetrics and Gynaecology department blocks access to legal abortion&lt;sup id=&quot;fnref:5&quot;&gt;&lt;a href=&quot;#fn:5&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;5&lt;/a&gt;&lt;/sup&gt;. Although we are still verifying this specific case, similar patterns are seen in other regions where the ideological charge of clinical leadership determines which protocols are applied and which rights are respected.&lt;/p&gt;

&lt;h2 id=&quot;3-service-design-what-i-learned-at-tucuvi-and-in-health-design-thinking&quot;&gt;3. Service design: what I learned at Tucuvi and in &lt;em&gt;Health Design Thinking&lt;/em&gt;&lt;/h2&gt;

&lt;p&gt;My work at Tucuvi taught me that a well-designed medical protocol can save lives, but that a rigid, poorly adapted protocol becomes a machine for producing unwanted outcomes. In childbirth, we see how:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;Excessive standardisation&lt;/strong&gt; removes the ability to adapt to individual needs.&lt;/li&gt;
  &lt;li&gt;The &lt;strong&gt;lack of feedback loops&lt;/strong&gt; prevents women’s experiences from improving the protocols.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Hierarchical power&lt;/strong&gt; (department heads) freezes innovation; some hospitals’ birth plans haven’t been updated in decades (it is rumoured that at Los Arcos, Murcia, the plan has been in force for more than 20 years)&lt;sup id=&quot;fnref:6&quot;&gt;&lt;a href=&quot;#fn:6&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;6&lt;/a&gt;&lt;/sup&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Contrast this with the United Kingdom’s model, where the clinical best-practice guidelines (NICE) are reviewed every &lt;strong&gt;3–5 years&lt;/strong&gt;, forcing hospitals to renew their protocols&lt;sup id=&quot;fnref:7&quot;&gt;&lt;a href=&quot;#fn:7&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;7&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;

&lt;h2 id=&quot;4-la-voz-de-las-mujeres-and-the-activism-that-guides-us&quot;&gt;4. “La voz de las mujeres” and the activism that guides us&lt;/h2&gt;

&lt;p&gt;The documentary &lt;em&gt;“La voz de las mujeres”&lt;/em&gt; by &lt;strong&gt;El Parto es Nuestro&lt;/strong&gt; sums up twenty years of activism against obstetric violence&lt;sup id=&quot;fnref:8&quot;&gt;&lt;a href=&quot;#fn:8&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;8&lt;/a&gt;&lt;/sup&gt;. Its milestones include:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Bringing unnecessary and harmful manoeuvres to light.&lt;/li&gt;
  &lt;li&gt;Promoting the &lt;strong&gt;birth plan&lt;/strong&gt; as a tool for negotiation and informed consent.&lt;/li&gt;
  &lt;li&gt;Campaigns such as “Stop Kristeller” and “Haloperidol en el parto jamás más”.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;5-our-choice-icosaedra-and-the-home-birth&quot;&gt;5. Our choice: Icosaedra and the home birth&lt;/h2&gt;

&lt;p&gt;Given this landscape, we decided to hire &lt;strong&gt;Icosaedra Maternidad&lt;/strong&gt; to accompany a home birth&lt;sup id=&quot;fnref:9&quot;&gt;&lt;a href=&quot;#fn:9&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;9&lt;/a&gt;&lt;/sup&gt;. This decision is not a rejection of medicine, but an assertion that we want a service where:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;The woman is at the centre of decision-making.&lt;/li&gt;
  &lt;li&gt;The protocol adapts to the process, not the other way around.&lt;/li&gt;
  &lt;li&gt;The physiological time of birth is respected.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;conclusion-design-for-birth-not-for-intervention&quot;&gt;Conclusion: design for birth, not for intervention&lt;/h2&gt;

&lt;p&gt;Childbirth in Spain needs a design revolution. It is not about eliminating medical technology, but about &lt;strong&gt;putting it at the service of people&lt;/strong&gt;. To that end we propose:&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;&lt;strong&gt;Mandatory transparency&lt;/strong&gt; of intervention rates by hospital (as &lt;em&gt;elDiario.es&lt;/em&gt; already does).&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Periodic updating&lt;/strong&gt; of protocols (every 5 years at most).&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Mandatory training in human rights and informed consent&lt;/strong&gt; for all healthcare staff.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Bringing midwives into the decision-making&lt;/strong&gt; of obstetrics services.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Validation of birth plans&lt;/strong&gt; as binding documents between the user and the service.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Our son or daughter deserves to be born into a system that respects their process from the very first heartbeat. And we, as future parents and as designers, have the responsibility to demand that change.&lt;/p&gt;

&lt;hr /&gt;

&lt;p&gt;&lt;em&gt;This is a draft. We will publish the final version after the birth, incorporating our direct experience and the lessons learned.&lt;/em&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;!-- EDITORIAL BRIEF — added by Hermes 24 Aug 2026. Planning context, not final body. --&gt;
&lt;blockquote&gt;
  &lt;p&gt;[!NOTE] Editorial brief
&lt;strong&gt;Idea:&lt;/strong&gt; el parto en España desde la experiencia personal + el diseño de servicios (Tucuvi). Cesáreas 26,4% vs OMS; violencia obstétrica; Kristeller.
&lt;strong&gt;Audience:&lt;/strong&gt; designers (service-design hook) + anyone touched by healthcare. 🟣 life·place but bridges to career.
&lt;strong&gt;Status:&lt;/strong&gt; unfinished — “todavía no ha nacido nuestra hija”. Finish the closing + references before publishing.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;div class=&quot;footnotes&quot; role=&quot;doc-endnotes&quot;&gt;
  &lt;ol&gt;
    &lt;li id=&quot;fn:1&quot;&gt;
      &lt;p&gt;Ministerio de Sanidad, “Informe Anual del Sistema Nacional de Salud 2024”, https://www.mscbs.gob.es/estadEstudios/estadisticas/ informesAnuales/SNS/2024.htm (accessed May 2026). &lt;a href=&quot;#fnref:1&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
    &lt;li id=&quot;fn:2&quot;&gt;
      &lt;p&gt;Organización Mundial de la Salud, “WHO calls for global expansion of midwifery models of care”, 18 June 2025, https://www.who.int/es/news-room/detail/18-06-2025-who-calls-for-global-expansion-of-midwifery-models-of-care &lt;a href=&quot;#fnref:2&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
    &lt;li id=&quot;fn:3&quot;&gt;
      &lt;table&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td&gt;Raúl Sánchez and Ana Requena Aguilar, “BUSCADOR&lt;/td&gt;
            &lt;td&gt;Consulta la tasa de partos por cesárea de cada hospital de España”, &lt;em&gt;elDiario.es&lt;/em&gt;, 12 October 2025, https://www.eldiario.es/sociedad/buscador-consulta-tasa-partos-cesarea-hospital-espana_1_9622470.html&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
      &lt;p&gt;&lt;a href=&quot;#fnref:3&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
    &lt;li id=&quot;fn:4&quot;&gt;
      &lt;p&gt;El Parto es Nuestro, “Dossier STOP Kristeller: evidencia científica”, https://www.elpartoesnuestro.es/informacion/dossier-stop-kristeller-evidencia-cientifica &lt;a href=&quot;#fnref:4&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
    &lt;li id=&quot;fn:5&quot;&gt;
      &lt;p&gt;Note: verify with local sources (e.g. Murciasalud, reproductive-rights platforms). This claim requires confirmation through archive research and official statements. &lt;a href=&quot;#fnref:5&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
    &lt;li id=&quot;fn:6&quot;&gt;
      &lt;p&gt;Source needed: direct enquiry to Hospital Universitario Los Arcos or a review of its public protocol document. &lt;a href=&quot;#fnref:6&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
    &lt;li id=&quot;fn:7&quot;&gt;
      &lt;p&gt;National Institute for Health and Care Excellence (NICE), “Caesarean section”, last updated 2023, https://www.nice.org.uk/guidance/ng192 &lt;a href=&quot;#fnref:7&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
    &lt;li id=&quot;fn:8&quot;&gt;
      &lt;p&gt;El Parto es Nuestro, “La voz de las mujeres”, https://lavozdelasmujeres.elpartoesnuestro.es/ &lt;a href=&quot;#fnref:8&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
    &lt;li id=&quot;fn:9&quot;&gt;
      &lt;p&gt;Icosaedra Maternidad, “Acompañamiento Parto en casa”, internal document provided by the company (April 2026). &lt;a href=&quot;#fnref:9&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
  &lt;/ol&gt;
&lt;/div&gt;
</description>
                <pubDate>Sun, 10 May 2026 21:00:00 +0200</pubDate>
                <link>http://0.0.0.0:4000/childbirth-spain-service-design/</link>
                <guid isPermaLink="true">http://0.0.0.0:4000/childbirth-spain-service-design/</guid>
                
                
                <category>reflexion</category>
                
                <category>diseno</category>
                
                <category>salud</category>
                
            </item>
        
            <item>
                <title>Your portfolio doesn&apos;t have to weigh 150 MB</title>
                <description>&lt;p&gt;My portfolio repo had &lt;strong&gt;146 MB of images&lt;/strong&gt;. Two of them were 22% of the total. One was a PNG &lt;strong&gt;11,811 pixels wide&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;I only found out because I finally measured instead of guessing. This is what I learned, with the actual numbers — and the rules I now apply to every image I publish.&lt;/p&gt;

&lt;h2 id=&quot;first-the-repo-is-not-the-page&quot;&gt;First: the repo is not the page&lt;/h2&gt;

&lt;p&gt;The instinct is to panic about the total. Don’t. What a visitor downloads is what a &lt;em&gt;single page&lt;/em&gt; references:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;Home:&lt;/strong&gt; 1.27 MB across 3 images&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Work index:&lt;/strong&gt; 2.67 MB across 7 images&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;A case study page:&lt;/strong&gt; 0.02 MB in one image&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Nobody was ever downloading 146 MB. But the repo size was still a symptom of the real problem.&lt;/p&gt;

&lt;h2 id=&quot;the-real-problem-originals-that-were-never-exported&quot;&gt;The real problem: originals that were never exported&lt;/h2&gt;

&lt;p&gt;The images weren’t “heavy”. They were &lt;strong&gt;raw exports&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;arbor_cnp_2.png&lt;/code&gt; — &lt;strong&gt;23.4 MB, 11,811 × 8,268 px&lt;/strong&gt;. Nothing on the site is ever displayed wider than ~1,500 px.&lt;/li&gt;
  &lt;li&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;arbor_gif.gif&lt;/code&gt; — &lt;strong&gt;13.3 MB&lt;/strong&gt; (600 × 450, 13 seconds)&lt;/li&gt;
  &lt;li&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;arbor_gif-2.gif&lt;/code&gt; — &lt;strong&gt;18.3 MB&lt;/strong&gt; (600 × 600, 5 seconds)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Two GIFs, 31.6 MB. That’s the whole problem in two files.&lt;/p&gt;

&lt;h2 id=&quot;rule-1--pick-the-width-from-the-layout-not-from-the-file&quot;&gt;Rule 1 — pick the width from the layout, not from the file&lt;/h2&gt;

&lt;p&gt;The right width is &lt;em&gt;display width × 2&lt;/em&gt; (retina), and it changes with the role of the image. In my site:&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;Role&lt;/th&gt;
      &lt;th&gt;Displayed at&lt;/th&gt;
      &lt;th&gt;Export at&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;Grid card (3-column, 1140px container)&lt;/td&gt;
      &lt;td&gt;~370 px&lt;/td&gt;
      &lt;td&gt;&lt;strong&gt;800 px&lt;/strong&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Image inside a case (740–760px column)&lt;/td&gt;
      &lt;td&gt;≤760 px&lt;/td&gt;
      &lt;td&gt;&lt;strong&gt;1500 px&lt;/strong&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Full-bleed / hero&lt;/td&gt;
      &lt;td&gt;viewport&lt;/td&gt;
      &lt;td&gt;&lt;strong&gt;2000 px&lt;/strong&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;p&gt;“Export everything at 1800px” is what I did first, and it’s wrong: it wastes weight on cards and falls short if something opens full-screen. If an image appears at several sizes, ship a &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;srcset&lt;/code&gt; and let the browser choose.&lt;/p&gt;

&lt;h2 id=&quot;rule-2--quality-depends-on-whats-in-the-image&quot;&gt;Rule 2 — quality depends on what’s in the image&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;Photos:&lt;/strong&gt; WebP at &lt;strong&gt;q80&lt;/strong&gt; — invisible difference.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;UI screenshots with text:&lt;/strong&gt; &lt;strong&gt;q90&lt;/strong&gt;. At q80 the type goes mushy. This is the single most common mistake.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;rule-3--a-gif-is-never-the-answer&quot;&gt;Rule 3 — a GIF is never the answer&lt;/h2&gt;

&lt;p&gt;GIF is a 1987 format: 256 colours per frame, no inter-frame compression. Same animation as H.264 video:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;13.33 MB → &lt;strong&gt;0.353 MB&lt;/strong&gt; (−97%)&lt;/li&gt;
  &lt;li&gt;18.29 MB → &lt;strong&gt;0.298 MB&lt;/strong&gt; (−98%)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Same content, 40× smaller, better quality (real colour, no dithering), plus a &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;poster&lt;/code&gt; so there’s no blank first frame, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;muted loop playsinline&lt;/code&gt; so it behaves like a GIF, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;prefers-reduced-motion&lt;/code&gt; support, and hardware decoding instead of pinning a CPU core.&lt;/p&gt;

&lt;h2 id=&quot;rule-4--check-the-source-before-you-blame-the-conversion&quot;&gt;Rule 4 — check the source before you blame the conversion&lt;/h2&gt;

&lt;p&gt;After converting, I compared the original with the WebP at 1400px and q90: the aliasing and the halo around the text were &lt;strong&gt;already in the original&lt;/strong&gt;. So if an image looks bad, re-export it from the source file — don’t compress harder and hope.&lt;/p&gt;

&lt;h2 id=&quot;the-script&quot;&gt;The script&lt;/h2&gt;

&lt;p&gt;One shell script, one line per image with its role, and the original never gets touched:&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;images/work/arbor/arbor_cnp_2.png|figure
images/work/arbor.png|card
images/work/gfs/ss-no-filters.png|ui
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;Result on 95 files: &lt;strong&gt;69.21 MB → 7.96 MB (−88%)&lt;/strong&gt;. No visible loss, because the widths and qualities now come from the layout.&lt;/p&gt;

&lt;h2 id=&quot;the-bug-that-cost-me-an-hour&quot;&gt;The bug that cost me an hour&lt;/h2&gt;

&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;ffmpeg&lt;/code&gt; reads stdin. Inside a &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;while read line&lt;/code&gt; loop over my image list, it &lt;strong&gt;swallows the rest of the list&lt;/strong&gt; — so the file on the next line silently gets skipped. My script printed a mangled path and I spent twenty minutes convinced two files didn’t exist.&lt;/p&gt;

&lt;p&gt;The fix is one flag: &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;-nostdin&lt;/code&gt;.&lt;/p&gt;

&lt;hr /&gt;

&lt;p&gt;None of this needs a framework with an image CDN. It needs knowing your own layout, four rules, and a script you run once. Which is the same reason I still build this site by hand: when you own the stack, the fix is a file in your repo, not a plan upgrade.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;(If you’re building your portfolio from scratch, start with &lt;a href=&quot;/how-to-build-your-portfolio/&quot;&gt;How to build your portfolio&lt;/a&gt;.)&lt;/em&gt;&lt;/p&gt;
</description>
                <pubDate>Wed, 23 Sep 2026 01:33:36 +0200</pubDate>
                <link>http://0.0.0.0:4000/how-heavy-should-your-portfolio-be/</link>
                <guid isPermaLink="true">http://0.0.0.0:4000/how-heavy-should-your-portfolio-be/</guid>
                
                
                <category>blog</category>
                
                <category>craft</category>
                
            </item>
        
            <item>
                <title>The Melting Pot</title>
                <description>&lt;h1 id=&quot;the-melting-pot-idea&quot;&gt;The Melting Pot (idea)&lt;/h1&gt;

&lt;p&gt;A &lt;strong&gt;marketing history&lt;/strong&gt; of New York, not a design piece.&lt;/p&gt;

&lt;p&gt;The seed: at the Ellis Island museum, the Italian immigrant poster — &lt;em&gt;“I heard the streets of America were paved with gold; when I arrived they were not paved at all, and they expected me to pave them.”&lt;/em&gt; More than 200 registries of Neapolitan immigrants named &lt;strong&gt;De Rosa&lt;/strong&gt;, just like me.&lt;/p&gt;

&lt;p&gt;The tension: America was (until recently) a safe beacon for immigrants — but maybe it never really was. The Statue of Liberty’s promise vs. the reality of slavery and inequality. The luxury we see/see is a product of that inequality.&lt;/p&gt;

&lt;hr /&gt;

&lt;!-- EDITORIAL BRIEF — added by Hermes 24 Aug 2026. Planning context, not final body. --&gt;
&lt;blockquote&gt;
  &lt;p&gt;[!NOTE] Editorial brief
&lt;strong&gt;Idea:&lt;/strong&gt; NYC immigration/marketing history — the “paved with gold” myth vs. reality. Personal (200+ De Rosa registries at Ellis Island) + political.
&lt;strong&gt;Research so far:&lt;/strong&gt; Black Panther Party (Newton &amp;amp; Seale, 1966) grew from the North’s failed promise — jobs/suburbs fled, black population ghettoized, police nearly all white. Statue of Liberty (1886, “Give me your tired…” = Emma Lazarus, 1883) while slavery’s legacy persisted. More to research on request.
&lt;strong&gt;Audience:&lt;/strong&gt; human personal essay — NOT career content, but shows range + writing. 🟣 life·place.
&lt;strong&gt;Status:&lt;/strong&gt; idea only — was a mis-titled duplicate of the Cuarón essay; corrected.&lt;/p&gt;
&lt;/blockquote&gt;

</description>
                <pubDate>Sun, 10 May 2026 21:00:00 +0200</pubDate>
                <link>http://0.0.0.0:4000/the-melting-pot/</link>
                <guid isPermaLink="true">http://0.0.0.0:4000/the-melting-pot/</guid>
                
                
                <category>reflexion</category>
                
                <category>historia</category>
                
                <category>migracion</category>
                
            </item>
        
            <item>
                <title>Homogenization (is it bad?)</title>
                <description>&lt;p&gt;• Dieter Rams at Braun — the 60s line of radios, turntables and small appliances, with his famous “less but better”, is the obligatory reference point against today’s generic minimalism.&lt;/p&gt;

&lt;p&gt;• Marco Zanuso and Richard Sapper — Italian appliance design (Brionvega, for example the Algol TV).&lt;/p&gt;

&lt;p&gt;Contrast with today&lt;/p&gt;

&lt;p&gt;Today the equivalent would be studios like Pininfarina (which now draws the Battista electric hypercar), or within the brands, very large in-house design teams (BMW, Hyundai) where the individual designer’s name almost disappears from the public story — in contrast to personal signatures like Giugiaro’s or Gandini’s.&lt;/p&gt;

&lt;hr /&gt;

&lt;!-- EDITORIAL BRIEF — added by Hermes 24 Aug 2026. Planning context, not final body. --&gt;
&lt;blockquote&gt;
  &lt;p&gt;[!NOTE] Editorial brief
&lt;strong&gt;Idea:&lt;/strong&gt; why do modern cars all look the same? → regulation + aerodynamics (and &lt;em&gt;maybe&lt;/em&gt; that’s good). Link to retro nostalgia (games) + ethics (the 70s polluted/were dangerous = bad design).
&lt;strong&gt;Sub-threads:&lt;/strong&gt; brand consolidation (a shared art direction); trends; &lt;strong&gt;Jony Ive / myth of the solitary genius&lt;/strong&gt; (genius or surrounded by people? iOS flaws?); why a Ford Mustang is “damn good” and a modern SUV isn’t.
&lt;strong&gt;Research so far:&lt;/strong&gt; homogenization = regulation (lights/emissions/pedestrians) + aerodynamics (“hostage to the wind”). Do not treat lightly — add the Wences Sanz framing (regulation as something good).
&lt;strong&gt;Audience:&lt;/strong&gt; critical thinking / taste. 🟠 homogen·craft. Link to &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;high fidelity and retro gaming&lt;/code&gt; + &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;High_Seriality_Prototyping&lt;/code&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
</description>
                <pubDate>Sat, 04 Apr 2026 16:01:35 +0200</pubDate>
                <link>http://0.0.0.0:4000/homogenization/</link>
                <guid isPermaLink="true">http://0.0.0.0:4000/homogenization/</guid>
                
                <category>fashion</category>
                
                <category>story</category>
                
                <category>rest</category>
                
                
            </item>
        
            <item>
                <title>Fidelity and the Retro</title>
                <description>&lt;h1 id=&quot;fidelity-and-the-retro-idea&quot;&gt;Fidelity and the retro (idea)&lt;/h1&gt;

&lt;p&gt;The &lt;strong&gt;fidelity of the medium we’re emulating&lt;/strong&gt;: artists designed sprites knowing how they’d look on &lt;strong&gt;CRT&lt;/strong&gt; screens (they may even have designed on them). Playing the original Sonic on a modern HD screen doesn’t look like what it was.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Metroid Fusion&lt;/strong&gt; was designed as survival-horror/metroidvania, but the GBA had no backlight → they used very saturated colors to compensate. Today, emulated or on Switch Online, it doesn’t look like the “dark and creepy” game where the Sa-X chases you.&lt;/p&gt;

&lt;p&gt;→ Links to &lt;strong&gt;prototyping in code instead of Figma&lt;/strong&gt;, breakpoints, responsive design. And to the theme of designing in the final medium (comic artist, A5).&lt;/p&gt;

&lt;hr /&gt;

&lt;!-- EDITORIAL BRIEF — added by Hermes 24 Aug 2026. Planning context, not final body. --&gt;
&lt;blockquote&gt;
  &lt;p&gt;[!NOTE] Editorial brief
&lt;strong&gt;Idea:&lt;/strong&gt; CRT fidelity — old games were designed for the display they shipped on; emulation/hd destroys that intent. Sonic (CRT vs HD) + Metroid Fusion (saturated colors to compensate for no-backlit GBA).
&lt;strong&gt;Bridge:&lt;/strong&gt; prototyping in code (final medium) vs Figma; breakpoints; responsive. 🟠 homogen·craft.
&lt;strong&gt;Status:&lt;/strong&gt; idea only (was an empty stub titled “Retro”).&lt;/p&gt;
&lt;/blockquote&gt;
</description>
                <pubDate>Sat, 04 Apr 2026 16:01:35 +0200</pubDate>
                <link>http://0.0.0.0:4000/fidelity-and-retro/</link>
                <guid isPermaLink="true">http://0.0.0.0:4000/fidelity-and-retro/</guid>
                
                
            </item>
        
            <item>
                <title>Campus 3D</title>
                <description>&lt;p&gt;Big gamer since 6. 
PS1, Game Boy…&lt;/p&gt;

&lt;p&gt;Juegos viejos
Empecé con MAME. Luego la PSP. Siempre me han acompañado (los juegos retro)&lt;/p&gt;

&lt;p&gt;Histus.&lt;/p&gt;

&lt;p&gt;2020 back with Switch. 
Naturally get a Steam Deck, the perfect emulation machine. And bear with me, cause I need to tell you all this. 
EmuDeck. 
Not so perfect (Metroid Fusion), DS?
Emu on iPad (meh)
Small games, small screens. 
Anbernic. 
Another Anbernic (fidelity, aspect ratios)
Retroid Pocket for Ps2/small Deck. 
Finally: Steam Machine.&lt;/p&gt;

&lt;p&gt;Y ahora qué hago con los roms y los saves?&lt;/p&gt;

&lt;p&gt;Romm + Tender + Syncthing on raspi + tailscale + iisu&lt;/p&gt;

&lt;p&gt;What’s next: pandora/anbernic box + descaler de señal.&lt;/p&gt;
</description>
                <pubDate>Sat, 04 Apr 2026 16:01:35 +0200</pubDate>
                <link>http://0.0.0.0:4000/campus-3d/</link>
                <guid isPermaLink="true">http://0.0.0.0:4000/campus-3d/</guid>
                
                
            </item>
        
            <item>
                <title>From Akinator to Backlog: the first prototype</title>
                <description>&lt;h2 id=&quot;the-problem&quot;&gt;The problem&lt;/h2&gt;

&lt;p&gt;I own hundreds of games I’ll never play. I’m not the only one: the industry is designed for you to buy, accumulate, and move on to the next thing — not to enjoy what you already have. The tracking apps that exist don’t help much — they tell you about the next release, they recommend the new stuff, but they don’t answer the question I actually ask myself every night: &lt;strong&gt;what should I play today, out of everything I already own?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;That question was the starting point, before Backlog as it is now even existed.&lt;/p&gt;

&lt;h2 id=&quot;the-first-idea-an-akinator-style-recommender&quot;&gt;The first idea: an Akinator-style recommender&lt;/h2&gt;

&lt;p&gt;My first prototype wasn’t a backlog-management app. It was something much smaller: a recommender I installed directly on my Steam Deck.&lt;/p&gt;

&lt;p&gt;The mechanic was inspired by Akinator: instead of giving you a list or asking you to filter by genre, it made you choose between two games from your own library. Each choice halved the rest of the options, until you reached a single game. No infinite scrolling, no analysis paralysis — just quick, binary decisions until you got an answer.&lt;/p&gt;

&lt;h2 id=&quot;the-problem-with-steams-categories&quot;&gt;The problem with Steam’s categories&lt;/h2&gt;

&lt;p&gt;For those binary choices to make sense — so it wasn’t literally heads or tails — I needed to compare games by real characteristics: tone, pacing, length, mechanics. Steam’s tags aren’t enough for that.&lt;/p&gt;

&lt;p&gt;The solution was to pull tags from an external video-game database and build my own categorization layer, richer than Steam’s, so the binary decision tree had real criteria behind it.&lt;/p&gt;

&lt;h2 id=&quot;what-didnt-work-and-what-stayed&quot;&gt;What didn’t work (and what stayed)&lt;/h2&gt;

&lt;p&gt;This prototype didn’t quite take off as a standalone product. But it wasn’t wasted time: the categorization layer I built then is, right now, the foundation I’m reusing in Backlog, the project I’m working on with my friend Carlos. The idea is to use those same tags, further down the line, to feed a kind of pet or Tamagotchi inside the app that recommends or comments on your library.&lt;/p&gt;

&lt;p&gt;It’s funny how a “failed” prototype ends up being the foundational piece of something else.&lt;/p&gt;

&lt;h2 id=&quot;whats-next&quot;&gt;What’s next&lt;/h2&gt;

&lt;p&gt;In the next post in this series I tell the story of how we went from this solitary recommender to Backlog: an app where you can connect your Steam library, triage your games Tinder-style (swipe yes, swipe no), and even — with a fairly creative workaround — import your Nintendo history from screenshots and an LLM.&lt;/p&gt;

&lt;hr /&gt;

&lt;p&gt;&lt;em&gt;This is the first post in a series where I document, in real time, how we’re building Backlog.&lt;/em&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;!-- EDITORIAL BRIEF — added by Hermes 24 Aug 2026. Planning context, not final body. --&gt;
&lt;blockquote&gt;
  &lt;p&gt;[!NOTE] Editorial brief
&lt;strong&gt;Idea:&lt;/strong&gt; anti-consumerism in games — enjoy what you own, not buy-buy-buy. From an Akinator-style Steam Deck recommender to &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;Backlog&lt;/code&gt; (with Carlos).
&lt;strong&gt;Series:&lt;/strong&gt; part 1 of the Backlog series (&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;series_part: 1&lt;/code&gt;). Next: Tinder-style triage + Nintendo history import.
&lt;strong&gt;Audience:&lt;/strong&gt; indie/product hustle; links to the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;backlog&lt;/code&gt; case study. 🟢 consumption.
&lt;strong&gt;Note:&lt;/strong&gt; there’s a mis-titled duplicate of this under &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;campus 3d.md&lt;/code&gt; (cleaned separately).&lt;/p&gt;
&lt;/blockquote&gt;
</description>
                <pubDate>Sat, 04 Apr 2026 16:01:35 +0200</pubDate>
                <link>http://0.0.0.0:4000/backlog-game-recommender/</link>
                <guid isPermaLink="true">http://0.0.0.0:4000/backlog-game-recommender/</guid>
                
                <category>games</category>
                
                <category>prototyping</category>
                
                <category>side-project</category>
                
                
            </item>
        
    </channel>
</rss>