<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:yandex="http://news.yandex.ru" xmlns:turbo="http://turbo.yandex.ru" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Experiments and Projects</title>
    <link>https://webuela.com</link>
    <description>Case studies for my projects</description>
    <language>en</language>
    <lastBuildDate>Wed, 15 Jul 2026 09:33:47 +0300</lastBuildDate>
    <item turbo="true">
      <title>WHY WEBUELA?</title>
      <link>https://webuela.com/experiments/why_webuela</link>
      <amplink>https://webuela.com/experiments/why_webuela?amp=true</amplink>
      <pubDate>Mon, 06 Jul 2026 19:32:00 +0300</pubDate>
      <category>AI</category>
      <category>Branding</category>
      <enclosure url="https://static.tildacdn.com/tild3863-3831-4232-b036-623766343231/Frame_16_3.png" type="image/png"/>
      <description>A research project exploring how AI becomes understandable, memorable, and human through character design.</description>
      <turbo:content><![CDATA[<header><h1>WHY WEBUELA?</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3863-3831-4232-b036-623766343231/Frame_16_3.png"/></figure><h2  class="t-redactor__h2">The Insight</h2><div class="t-redactor__text">Every culture has the same character. The grandmother.<br /><br />She teaches. She explains. She tells stories. She never makes you feel stupid.<br /><br />Technology should feel the same. That became the foundation of Webuela — a name built from <strong>Web + Abuela (grandmother is spanish)</strong>: a character who explains the internet the way a grandmother would.</div><h2  class="t-redactor__h2">The Idea</h2><div class="t-redactor__text">Instead of another AI mascot, I built a visual language.<br /><br />Webuela doesn't sell AI. She translates it. Complex topics — money, football, marketing, cooking, business, coding — all become tiny everyday moments through one recognizable character.</div><h2  class="t-redactor__h2">Design Principles</h2><div class="t-redactor__text"><strong>Universal.</strong> No country, no politics, no age. A grandmother everyone instantly understands.<br /><br /><strong>Playful.</strong> Soft shapes, rounded geometry, bright optimistic color. Nothing intimidating.<br /><br /><strong>Memorable.</strong> People forget interfaces. People remember characters.<br /><br /><strong>AI-native.</strong> Every scene is designed for generative AI — the character stays consistent across unlimited situations.</div><h2  class="t-redactor__h2">Visual Language</h2><div class="t-redactor__text">One system throughout: glossy plastic materials, a pastel palette, oversized rounded shapes, toy-like proportions, cinematic lighting, and expressive faces.<br /><br />The result lands somewhere between Pixar, LEGO, and collectible designer toys — communicating optimism, simplicity, trust, and warmth before you read a single word.</div><h2  class="t-redactor__h2">Brand Voice</h2><div class="t-redactor__text">Webuela never sounds like a corporation. She speaks like someone's favorite grandmother: curious, patient, playful, wise.</div><hr style="color: {$color};"><blockquote class="t-redactor__quote">Cook your website like grandma makes empanadas!<br />¡Cocina tu web como abuela hace empanadas! </blockquote><img src="https://static.tildacdn.com/tild3739-3833-4536-b464-343265643933/20250707_1732_Magica.png"><hr style="color: {$color};"><blockquote class="t-redactor__quote">Spice up your brand—let’s cook it up with Webuela!<br />¡Dale sazón a tu marca: ¡prepárala con Webuela!</blockquote><img src="https://static.tildacdn.com/tild3263-3864-4434-b436-333836326461/20250708_1054_Playfu.png"><hr style="color: {$color};"><blockquote class="t-redactor__quote">Slow-cook your brand to perfection with us. <br />Forja tu marca a fuego lento con nosotros.</blockquote><img src="https://static.tildacdn.com/tild6635-3433-4338-a163-316536303330/20250801_1002_Jelly-.png"><hr style="color: {$color};"><blockquote class="t-redactor__quote">Weave your online presence with artisan care! <br />¡Teje tu presencia online con cariño artesanal!</blockquote><img src="https://static.tildacdn.com/tild3763-6637-4534-a639-313361643062/20250801_0956_Playfu.png"><hr style="color: {$color};"><blockquote class="t-redactor__quote">Grow your digital roots like grandma’s garden. <br />Cultiva tu crecimiento digital como el huerto de la abuela.  </blockquote><img src="https://static.tildacdn.com/tild3764-6461-4637-a539-653062343539/20250708_1132_Digita.png"><hr style="color: {$color};"><blockquote class="t-redactor__quote">Bake your digital recipe—let’s get started today!<br />Hornea tu receta digital: ¡arranquemos hoy!</blockquote><img src="https://static.tildacdn.com/tild6165-3339-4334-b863-623537373138/20250801_1010_Joyful.png"><h2  class="t-redactor__h2">Behind the Scenes</h2><div class="t-redactor__text">Started in July 2025, Webuela is also an exploration of modern creative workflows — built with OpenAI's generative models (Sora 2.0) and a disciplined system of prompt engineering (ChatGpt), visual identity, and storytelling.<br /><br />The core technical challenge was <strong>character consistency</strong>: keeping one recognizable hero stable across hundreds of unrelated scenes. Generative models drift by default — the same prompt rarely returns the same face twice. So Webuela relies on a fixed set of anchor descriptors (the blue cloud-shaped bun, oversized turquoise glasses, pink skin, turquoise apron) locked into every prompt, combined with consistent framing, lighting, and material language. Prompts are engineered as a repeatable template rather than written from scratch each time — the variable is the <em>scene</em>, never the <em>character</em>.<br /><br />Rather than using AI to replace design, Webuela uses it as a <strong>creative medium</strong>: the model generates, but the system, the constraints, and the creative direction are authored. That distinction is the project — an original visual universe built with AI, not by it. </div><iframe width="100%" height="100%" src="https://www.youtube.com/embed/TLx_36iy_As" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><div class="t-redactor__text">This is how it worked without strong prompting from human part. </div><h2  class="t-redactor__h2">And the Oscar Goes To...</h2><div class="t-redactor__text">Once the system was proven — a consistent synthetic identity that could hold across any scene — I set Webuela aside and moved on to other projects. The point was never to maintain a mascot indefinitely, but to demonstrate that a coherent character and a repeatable generative system could be built from the ground up. With that established, Webuela stands as a finished experiment, and the approach carries forward into whatever comes next (<a href="/">MIGOHAPPYDOG</a>, <a href="https://webuela.github.io/dancing_letters/">DANCING LETTERS</a> or <a href="https://webuela.github.io/secretword/">TEXT PUZZLES</a>).</div><img src="https://static.tildacdn.com/tild3439-3361-4134-a630-643835343766/ChatGPT_Image_8__202.png">]]></turbo:content>
    </item>
    <item turbo="true">
      <title>MIGO — A PET BRAND BUILT</title>
      <link>https://webuela.com/experiments/migo</link>
      <amplink>https://webuela.com/experiments/migo?amp=true</amplink>
      <pubDate>Thu, 25 Jun 2026 19:32:00 +0300</pubDate>
      <category>SMM</category>
      <category>Branding</category>
      <enclosure url="https://static.tildacdn.com/tild3263-3331-4136-b263-353363306362/ef384edee22646d28493.jpg" type="image/jpeg"/>
      <description>A Lagotto Romagnolo living on Spain's Mediterranean coast launched with zero followers, a rare low-recognition breed, phone footage, and a very limited time budget.</description>
      <turbo:content><![CDATA[<header><h1>MIGO — A PET BRAND BUILT</h1></header><div data-block="gallery"><img src="https://static.tildacdn.com/tild3263-3331-4136-b263-353363306362/ef384edee22646d28493.jpg"/><img src="https://static.tildacdn.com/tild6438-3233-4239-b862-323065313566/ef384edee22646d28493.jpg"/><img src="https://static.tildacdn.com/tild3364-6266-4534-b239-666566663835/ef384edee22646d28493.jpg"/><img src="https://static.tildacdn.com/tild3463-6564-4732-b530-353761613431/ef384edee22646d28493.jpg"/><img src="https://static.tildacdn.com/tild3962-3734-4235-b632-616535333038/ef384edee22646d28493.jpg"/><img src="https://static.tildacdn.com/tild3136-3264-4132-b337-623963376135/ef384edee22646d28493.jpg"/><img src="https://static.tildacdn.com/tild3033-3534-4434-a134-633836356663/ef384edee22646d28493.jpg"/><img src="https://static.tildacdn.com/tild3039-3332-4634-a535-346433623761/ef384edee22646d28493.jpg"/><img src="https://static.tildacdn.com/tild3561-3130-4363-a363-383065373664/ef384edee22646d28493.jpg"/><img src="https://static.tildacdn.com/tild3837-3361-4435-a265-353033373339/ef384edee22646d28493.jpg"/></div><h2  class="t-redactor__h2">The Strategy</h2><div class="t-redactor__text"><strong>Positioning: "Slow life by the sea, through a dog's eyes."</strong> Instead of competing in the trick/funny-fails segments, MIGO occupies the calm-lifestyle sub-niche: beach walks, siestas, Mediterranean scenery. The rare breed became an asset — Lagotto owners are an underserved search audience with almost no content serving them.</div><div class="t-redactor__text">YouTube: <a href="https://www.youtube.com/@migohappydog">youtube.com/@migohappydog</a> · Instagram: <a href="https://www.instagram.com/migohappydog/">https://www.instagram.com/migohappydog/</a> · TikTok: <a href="https://www.tiktok.com/@migohappydog·">https://www.tiktok.com/@migohappydog·</a></div><div class="t-redactor__text">One coherent brand identity across three platforms, in MIGO's first-person voice<br /><br />Evergreen breed content that ranks for rare-breed searches regardless of posting frequency<br /><br />All with €0 ad spend and a few hours per week — efficiency is the headline metric</div><h3  class="t-redactor__h3">Result</h3><div class="t-redactor__text">A published bilingual book — the project's tangible, permanent outcome<br /><br />One coherent brand identity across three platforms, in MIGO's first-person voice<br /><br />Evergreen breed content that ranks for rare-breed searches regardless of posting frequency<br /><br />All with €0 ad spend and a few hours per week — efficiency is the headline metric</div><div class="t-redactor__text">Lack of owner discipline detected (as it's me the owner, I am keen to jump back to this route</div><h3  class="t-redactor__h3">Tools used</h3><div class="t-redactor__text">1/ For <strong>Video editing</strong> used free CapCut subscription, videos done on iPhone 12 ProMax camera<br />2/ Book created with <strong>Google Storybook experiment tool</strong><br />3/<strong> </strong>SMM posting automation used<strong> Buffer free subscription </strong></div><img src="https://static.tildacdn.com/tild3136-6466-4565-a338-383035623734/23510A75-F184-4273-B.jpeg"><div class="t-redactor__text">Warm hugs from Migo, tails! </div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>DANCING LETTERS</title>
      <link>https://webuela.com/experiments/sz4o3zk8a1-dancing-letters</link>
      <amplink>https://webuela.com/experiments/sz4o3zk8a1-dancing-letters?amp=true</amplink>
      <pubDate>Sun, 05 Jul 2026 10:41:00 +0300</pubDate>
      <category>Interactive</category>
      <category>Creativity</category>
      <category>Coding</category>
      <description>Free interactive poetry animator for classrooms, creators, and curious readers. Web application hosted on GitHub Pages.</description>
      <turbo:content><![CDATA[<header><h1>DANCING LETTERS</h1></header><h3  class="t-redactor__h3">Overview</h3><div class="t-redactor__text"><a href="https://webuela.github.io/dancing_letters/" target="_blank" rel="noreferrer noopener">Dancing Letters</a> is a small web tool that turns any poem/text into a moving, breathing piece of visual art. Languages: English, Spanish, Russian. <br />A user pastes a text, chooses one of fourteen animation scenes — letters can flip, swing, ripple in waves, spiral, pulse like a drum — fine-tunes speed, intensity, and colors, and presses <em>Animate</em>. The result can be watched full-screen, presented to an audience, recorded as a video, or exported frame by frame for further editing.<br /><br />The project began as an artistic experiment: what happens to a familiar poem when its letters refuse to sit still? It grew into a multilingual, mobile-friendly tool that serves teachers, students, performers, and anyone who enjoys watching language come alive — including readers with dyslexia, for whom the tool offers a rare kind of recognition: here, for once, everyone sees the letters dance.</div><div class="t-redactor__text">Try: <a href="https://webuela.github.io/dancing_letters/">https://webuela.github.io/dancing_letters/</a></div><h3  class="t-redactor__h3">What it Does</h3><div class="t-redactor__text">The tool is organized around a single stage and a settings panel. The user controls the poem text, a secret word to highlight, the animation scene (fourteen options ranging from gentle — breathe, wave, swing — to wild — chaos, vortex, explosion), four toggleable letter effects (blink, drift, tremor, letter swap), and the full look of the stage: background image or color, darkening overlay, text color and size.<br /><br />Work is never lost: compositions can be saved as named projects in the browser, exported to a file, and imported on another machine. For sharing, there are three paths — presentation mode for live showing, one-click video recording of a full animation loop, and a ZIP export of every frame as a PNG image for professional editing.<br /><br />Everything runs in the browser. There is no account, no server, no tracking, and no installation; the entire application is one HTML file per language.<br /><br />The <em><a href="https://webuela.github.io/secretword/">secret word </a></em>feature turns reading into a game — the teacher hides a word inside the poem and students hunt for the highlighted letters. The sequential highlight mode supports choral reading and memorization, guiding the eye through the text at an adjustable pace.<br /><br />To generate secret word use another application I created: <a href="https://webuela.github.io/secretword/">https://webuela.github.io/secretword/</a>.</div><h3  class="t-redactor__h3">Technical summary</h3><div class="t-redactor__text">Vanilla HTML, CSS, and JavaScript; per-letter animation driven by CSS transforms and JavaScript timing; video capture via the browser MediaRecorder API; frame export rendered to canvas and packaged as a ZIP client-side; project storage in localStorage with file-based export/import. Total footprint: about 55 KB per language edition. External dependencies: web fonts and an icon set from public CDNs — nothing else.</div><h3  class="t-redactor__h3">Outcomes and directions</h3><div class="t-redactor__text">The project demonstrates that a genuinely useful classroom and creative tool does not require an app store, a backend, or a subscription — a single well-crafted file and a free static host are enough. Natural next steps include additional animation scenes contributed by users, more language editions (the three-edition structure makes adding a fourth mechanical), sharable links that encode a composition, and optional reduced-motion presets for viewers who prefer calmer movement.</div><div class="t-redactor__text"><em><a href="https://webuela.github.io/dancing_letters/">Dancing Letters</a> is open for feedback, translations, and forks. If the dancing letters made you smile — or made you think — the project has done its job.</em></div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>SECRET WORD</title>
      <link>https://webuela.com/experiments/secretword</link>
      <amplink>https://webuela.com/experiments/secretword?amp=true</amplink>
      <pubDate>Sat, 04 Jul 2026 16:11:00 +0300</pubDate>
      <category>Interactive</category>
      <category>Coding</category>
      <category>Creativity</category>
      <description>Find real words hidden inside the letters of any text — a poem, a song, a quote, a letter, or a plain paragraph. Collect one word from each text and turn your collection into a proverb.</description>
      <turbo:content><![CDATA[<header><h1>SECRET WORD</h1></header><div class="t-redactor__text"><em>A word-discovery game born from a conversation, shipped as a single HTML file.</em></div><h3  class="t-redactor__h3">Overview</h3><div class="t-redactor__text">Secretword is a browser game that finds real words hidden inside the letters of any text. The player pastes a poem, a song, a quote or a plain paragraph; the app strips away spaces, punctuation and case, lays the remaining letters out as tiles, and shows every dictionary word that can be assembled from them. Words are collected one per text, and once the collection holds two or more words in the same language, the app composes them into a proverb — "Where there is LOVE, there is DREAM."<br /><br />The entire product is one self-contained HTML file: no framework, no build step, no backend, no external dependencies beyond an optional web font. It runs from <a href="https://webuela.github.io/secretword/">GitHub Page</a>.</div><div class="t-redactor__text">Try: <a href="https://webuela.github.io/secretword/">https://webuela.github.io/secretword/</a></div><div class="t-redactor__text">It supports seven word languages (English, Russian and Spanish first, plus French, German, Italian, Portuguese) with automatic Cyrillic ⇄ Latin transliteration, so a Russian poem can legitimately yield a Spanish word. Translations appear only when the word language differs from the interface language — useful for language learners, invisible to native speakers.</div><img src="https://static.tildacdn.com/tild6333-3864-4664-b366-326133366539/screen.jpg"><h3  class="t-redactor__h3">From game to marketing tool</h3><div class="t-redactor__text">The mechanic works in both directions. The app <em>finds</em> hidden words — which means a copywriter can use it to deliberately <em>plant</em> one. Write a caption, a product description or a campaign line, run it through Hidden Words, and verify that your secret word is discoverable in its letters (and that no unwanted words are hiding there too). The audience gets a puzzle; the brand gets engagement and time-on-content.<br /><br />I used exactly this workflow for the <strong><a href="https://webuela.github.io/dancing_letters/">Dancing Letters</a></strong> project: a secret word was hidden inside the campaign text, and Hidden Words served as both the authoring tool (checking the word was really there) and the reveal mechanic for the audience. The letter-tile interface — hover a word and the tiles it uses light up — turned the reveal into a small visual moment rather than a plain answer.</div><h3  class="t-redactor__h3">Scenarios </h3><div class="t-redactor__text">Other uses of the same pattern: teaser posts where: <br /><ul><li data-list="bullet">followers hunt for the brand name;</li><li data-list="bullet">newsletter easter eggs;</li><li data-list="bullet">classroom vocabulary games;</li></ul>and... woooow (!) <br /><ul><li data-list="bullet">wedding or event invitations with a hidden word for guests.</li></ul></div><div class="t-redactor__text">Please <a href="mailto:mailme:webuela.es@gmail.com">contact me</a> if you need support with the tool and let me know about your cases.</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>AROMASMAS</title>
      <link>https://webuela.com/experiments/79y725byu1-aromasmas</link>
      <amplink>https://webuela.com/experiments/79y725byu1-aromasmas?amp=true</amplink>
      <pubDate>Wed, 24 Jun 2026 12:48:00 +0300</pubDate>
      <category>Branding</category>
      <category>Commerce</category>
      <category>Creativity</category>
      <enclosure url="https://static.tildacdn.com/tild3930-3733-4264-a439-666136313632/41a98528-cb94-4f5c-9.png" type="image/png"/>
      <description>Experimental Candle Design &amp;amp; Brand Identity</description>
      <turbo:content><![CDATA[<header><h1>AROMASMAS</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3930-3733-4264-a439-666136313632/41a98528-cb94-4f5c-9.png"/></figure><h3  class="t-redactor__h3">Overview</h3><div class="t-redactor__text">AROMASMAS began as an exploration of scent, light, and material. What started as curiosity about handcrafted candles gradually evolved into a complete creative project — from developing unique candle compositions and experimenting with waxes, pigments, fragrances, and containers to building a visual identity around the brand.<br /><br />Although it eventually became a personal hobby rather than a commercial business, the project gave me valuable hands-on experience in product development, branding, photography (took a workshop with famous @budarinphoto), and creating emotionally engaging physical products.</div><img src="https://static.tildacdn.com/tild6338-3235-4534-b164-633737653330/aaromas.jpg"><div class="t-redactor__text">What started as a small kitchen experiment quickly outgrew the dining table. To support the project, my husband built a dedicated candle-making laboratory in the basement of our house, giving me the space to experiment, prototype, and produce candles in a professional and organized environment.</div><div class="t-redactor__text">Although the business did not scale commercially due to the highly competitive candle market, the project remains active and continues to exist as a complete brand. More importantly, it became a practical exercise in taking an idea from concept to launch, combining product design, branding, supplier research, e-commerce, logistics, and customer validation.</div>]]></turbo:content>
    </item>
  </channel>
</rss>
