{"name":"HAAM","description":"HAAM builds accessible, performant AI-powered web experiences with a focus on clarity, speed, and measurable outcomes.","url":"https://haam.co","generatedAt":"2026-07-09T13:52:23.224Z","entity":{"name":"HAAM","legalName":"Haamer Ventures OÜ","registrationNumber":"11516600","founder":{"name":"Kris Haamer","id":"https://haam.co/#kris-haamer","url":"https://haam.co/profile/kris.haamer"},"email":"kris@haam.co"},"agentResources":{"llms":"https://haam.co/llms.txt","llmsFull":"https://haam.co/llms-full.txt","openapi":"https://haam.co/openapi.json","actions":"https://haam.co/api/haam-actions","schemaGraph":"https://haam.co/api/schema-graph","pwaCapabilities":"https://haam.co/api/pwa-capabilities","manifest":"https://haam.co/manifest.json","sitemap":"https://haam.co/sitemap.xml","robots":"https://haam.co/robots.txt"},"recommendedEntryPoints":[{"label":"Services","url":"https://haam.co/services"},{"label":"Products","url":"https://haam.co/products"},{"label":"World Studio","url":"https://haam.co/tools/world-studio"},{"label":"Production Studio","url":"https://haam.co/tools/production-studio"},{"label":"Pricing","url":"https://haam.co/pricing"},{"label":"Start a project","url":"https://haam.co/start"},{"label":"Projects","url":"https://haam.co/projects"},{"label":"Docs","url":"https://haam.co/docs"},{"label":"Agents","url":"https://haam.co/agents"},{"label":"Browser Hub","url":"https://haam.co/browser-hub"}],"documents":[{"id":"page-home","type":"page","title":"HAAM - AI Web Studio","description":"AI-powered web development studio focused on accessible, performant, multilingual digital experiences.","url":"https://haam.co/","path":"/","keywords":["home","AI web studio","web development","UX","accessibility","projects"],"summary":"AI Web Studio • Build human-guided AI work in Taiwan • Legacy Projects • Contact for New Business"},{"id":"page-about","type":"page","title":"About","description":"Founder story of Kris Haamer, from growing up above a computer game store to building digital products through HAAM.","url":"https://haam.co/about","path":"/about","keywords":["about","Kris Haamer","HAAM","founder story","game store"],"summary":"HAAM is a multi-platform interaction design company. We help teams turn complex ideas into clear user journeys across websites, web apps, internal tools, and AI-assisted interfaces. • Founder Story | Kris Haamer and HAAM • The story behind HAAM, Kris Haamer's independent design engineering practice shaped by web development, film, interaction design, and work between Tallinn and Taipei. • Kris Haamer • HAAM founder story • independent design practice • design engineering • interaction design • founder-led studio • about"},{"id":"page-ux-ui-pattern-builder","type":"page","title":"UX/UI Pattern Builder","description":"Browse UX/UI patterns, add desired app features to a cart, and submit the selected scope to HAAM.","url":"https://haam.co/ux-ui-pattern-builder","path":"/ux-ui-pattern-builder","keywords":["UX UI patterns","feature cart","app order","shopping cart","interface patterns","ux","ui","pattern","builder"],"summary":"guided onboarding • responsive app navigation • smart search • progressive checkout • accessibility pass • next/link • UX/UI Pattern Builder - Choose App Features • Browse a library of UX/UI patterns, add the features you want to your cart, and review the selected app scope on a dedicated cart page. • UX UI patterns • app feature selector • UX pattern library • UI feature builder • order app design • shopping cart UX • @context • @graph • @type • WebPage • UX/UI Pattern Builder • Interactive app feature selector for choosing UX/UI patterns before reviewing the scope in a cart. • ItemList • UX/UI app feature library • Offer • EUR • application/ld+json • Pick the UX/UI features you want in your app. • Browse a practical library of product patterns and add the features that fit your app idea. Your selections stay saved as you move between the library, pattern guides, and the separate cart p"},{"id":"page-pricing","type":"page","title":"Pricing","description":"Pricing for founder-led strategy, design, and development work at HAAM.","url":"https://haam.co/pricing","path":"/pricing","keywords":["pricing","hourly rate","fixed-price","design taste","product judgment"],"summary":"Code is easier to produce than ever. • What remains scarce is judgment: taste, experience, and the ability to decide what is actually worth building. • EUR200 per hour • USD250 per hour • Minimum engagement 5 hours • next/link • Senior specialist rate • EUR200/hour • Used for advisory, design direction, prototyping, and implementation when the scope is exploratory or changes quickly. • International invoicing • USD250/hour • A simple dollar-denominated baseline for clients who prefer USD invoicing. The work is still led directly by Kris Haamer. • Smaller starting point • 5-hour minimum • A short review can test fit before a larger engagement. Fixed-price proposals are available when the deliverables are clear. • HAAM is an independent practice, not a large agency. • The public rate is a positioning choice, not evidence that every listed package has an established sales history. • A propo"},{"id":"page-meditation","type":"page","title":"Meditation","description":"A calming breathing and grounding area for taking a slower minute on HAAM.","url":"https://haam.co/meditation","path":"/meditation","keywords":["meditation","breathing","calm","grounding","wellbeing"],"summary":"Calm down room • A tiny meditation area for a slower minute. • Follow the breathing circle. • Grounding prompt • next/link • Meditation Area - HAAM • A calming breathing and grounding area on HAAM for taking a slower minute. • meditation • breathing • calm • grounding • wellbeing • Use it whenever the internet gets loud. • This is a lightweight pause space, not medical care. If you feel unsafe or overwhelmed for a long time, reach out to a trusted person or local emergency support. • Understand the system • Calm is personal. Distraction is also structural. • See how digital products compete for attention, where useful engagement becomes extraction, and how to build better boundaries. • Read the attention economy guide"},{"id":"page-products","type":"page","title":"Products","description":"Five bundled HAAM product offers that group UX, analytics, AI, localization, accessibility, and ecommerce services into clearer outcomes.","url":"https://haam.co/products","path":"/products","keywords":["products","bundles","Signal Riot","Interface Knife Fight","Checkout Exorcist","Neon Passport","Black Box Babysitter"],"summary":"Five sharp offers instead of a wall of services. • Signal Riot • Interface Knife Fight • Checkout Exorcist • Neon Passport • Black Box Babysitter • next/link • service • physical • Products and Product Proposals | HAAM • Explore products created by HAAM and future product proposals, including an AI-first WordPress that can safely rewrite itself. • HAAM products • HAAM product proposals • AI-first WordPress • self-rewriting software • Green Filter • WiFi.ee • Friction X-Ray • HAAM Signal Agent • products by HAAM • Products • Products with their own identity. • HAAM is the house behind the work. Each product can have its own name, audience, tone, and future. The shared signature is intentionally quiet: A product by HAAM. • See project evidence • Open the shop • The collection • Independent products, connected by authorship • These are products HAAM is building, rebuilding, or testing direc"},{"id":"page-trends","type":"page","title":"Trends - Signals Shaping Digital Products","description":"Ten connected trends across interaction design, AI UX, transmedia storytelling, accessibility, localization, growth, product systems, and public-interest technology.","url":"https://haam.co/trends","path":"/trends","keywords":["trends","interaction design trends","AI UX trends","transmedia storytelling","accessibility","localization","AI search","design systems"],"summary":"AI interfaces as collaborative workspaces • Storyworlds replacing isolated campaigns • Trust as a product capability • Localization as product architecture • Discovery through synthesized answers • Growth as an evidence loop • Interaction-level performance • Behavior systems • Continuous modernization • Public-interest product design • next/link • Observe anomalies • Start with the detail that does not fit the accepted story: a workaround, a new interaction, a changed queue, an unexpected purchase, or language people suddenly begin using. • Triangulate evidence • Compare what appears in products, research, policy, business models, culture, physical spaces, and firsthand conversations. One example is interesting. Repetition across worlds is a signal. • Find the pressure • Ask what structural force makes the pattern durable: a new capability, falling cost, regulation, distribution change, "},{"id":"page-collaborate","type":"page","title":"Collaborate","description":"Open invitation for future collaborators, creative partners, and exceptional people aligned with HAAM.","url":"https://haam.co/collaborate","path":"/collaborate","keywords":["collaborate","open call","future collaborators","careers","creative partnership"],"summary":"HAAM is not actively hiring full-time right now. • Open to freelance collaboration, project-based roles, creative partnership, or future opportunities. • Sometimes the role comes after the person. • Interaction designers • Creative developers • Researchers • Writers and storytellers • Filmmakers and visual world-builders • Strategists and AI-native product thinkers • Freelance collaboration on live client or product work. • Project-based partnerships for clearly defined builds. • Creative experiments that need the right mix of taste and technical skill. • Future opportunities that start with a conversation before there is a formal role. • Collaborate - HAAM • An open invitation for future collaborators, creative partners, and exceptional people who align with HAAM. • collaborate • careers • open call • creative partner • future opportunities • Collaborate • No open roles right now. Open "},{"id":"page-design-system","type":"page","title":"Design System","description":"Shared design system, design tokens, voice, and interface principles for HAAM and related projects.","url":"https://haam.co/design-system","path":"/design-system","keywords":["design system","design tokens","brand system","voice and tone","interface patterns","design","system"],"summary":"A digital product is a system of decisions. • Shared foundation for haam.co and related projects. • Principles, tokens, patterns, and voice. • next/link • Foundations • Color, typography, spacing, grid, shape, and motion. • #foundations • Identity • The visual and verbal signals that make the institution recognizably HAAM. • #identity • Components • Reusable interface elements with clear hierarchy and accessible behavior. • #components • Patterns • Compositions for recurring product, editorial, data, and service needs. • #patterns • Quality • Accessibility, performance, resilience, and trust requirements. • #quality • Governance • Ownership, releases, deprecation, and rules for generated work. • #governance • Clarity has priority • Every screen should communicate its purpose, hierarchy, and next action without requiring interpretation. Ornament earns its place through meaning. • Durabili"},{"id":"page-interaction-design-library","type":"page","title":"Interaction Design Library","description":"Comprehensive library of popular UX affordances and interaction patterns with real examples across countries, products, apps, and services.","url":"https://haam.co/interaction-design-library","path":"/interaction-design-library","keywords":["interaction design library","UX affordances","interaction patterns","mobile interaction design","global UX examples","UI behaviors","interaction","design","library"],"summary":"Navigation and orientation patterns • Discovery and selection interactions • Input and form behavior design • Feedback, status, and trust patterns • Gesture-based interface controls • Commerce conversion interactions • Retention and engagement loops • next/link • Navigation and orientation • Bottom navigation bar • Persistent, thumb-friendly primary destinations. • Dominant in mobile apps because people can change context quickly with one hand. • United States: Instagram app bottom tabs for Home, Search, Reels, and Profile. • India: Flipkart app bottom navigation for Home, Categories, Notifications, and Account. • Brazil: Nubank app bottom tabs separating account overview, cards, and shopping features. • Sticky top bar with contextual actions • Keeps key actions visible while users scroll long content. • Popular in content-heavy and commerce experiences where users need constant access t"},{"id":"page-mission","type":"page","title":"Mission","description":"Explore projects by mission: Culture, Digitalization, Sustainability.","url":"https://haam.co/mission","path":"/mission","keywords":["mission","culture","digitalization","sustainability"],"summary":"Our work spans culture, digitalization, and sustainability. • Mission - HAAM • Explore projects by mission: Culture, Digitalization, Sustainability. • mission • culture • digitalization • sustainability"},{"id":"page-projects","type":"page","title":"Projects","description":"Explore a selection of recent websites crafted by HAAM and discover the live experiences.","url":"https://haam.co/projects","path":"/projects","keywords":["projects","portfolio","case studies","websites"],"summary":"Screenshots • Case study • next/link • Projects - HAAM • Browse HAAM product work by audience, service, knowledge, commercial, and behaviour-change outcomes. • portfolio • web projects • case studies • HAAM projects • @context • @type • ItemList • HAAM Projects • ListItem • application/ld+json • Looking for the deep cuts? • Read five projects from problem to proof. • The in-depth collection covers AI UX research, civic infrastructure, web performance, institutional publishing, accessibility, and community storytelling. • Open the case studies"},{"id":"page-aesthetics","type":"page","title":"Website Aesthetics","description":"A visual history of website aesthetics, from the first CERN page and Y2K experimentation to responsive design and KiiiKiii's interactive album universe.","url":"https://haam.co/aesthetics","path":"/aesthetics","keywords":["aesthetics","web design history","Y2K","KiiiKiii","interactive websites","art direction"],"summary":"The web as a document • The web discovers decoration • The cinematic interface • The clean responsive web • The website becomes a world again • next/link • The web as a document • The first sites inherited the logic of research papers: headings, lists, blue links, and very little visual authorship. The radical part was not how a page looked, but that one document could lead to another. • The first website at CERN • document • The web discovers decoration • Background images, visitor counters, animated GIFs, frames, tiled textures, and browser-specific badges made pages feel handmade. Limitations were visible, and personality often came from working around them. • Space Jam (1996) • portal • The cinematic interface • Flash let designers choreograph sound, motion, typography, and transitions as one continuous experience. At the same time, CSS began separating content from presentation and "},{"id":"page-internal-tools","type":"page","title":"Internal Tools","description":"Open-source internal tools from HAAM, including the AtmoTube data visualizer.","url":"https://haam.co/internal-tools","path":"/internal-tools","keywords":["internal tools","open source","AtmoTube","air quality","data visualizer","internal","tools"],"summary":"Sync known location history to AtmoTube data • Backfill missing GPS context • Customizable UI • Multiple chart visualizations • next/link • App Store Scene Studio • AI creates parks, cafes, commutes, studios, and other real-world settings while the original screenshot is composited in the browser so interface details remain unchanged. • Uploads up to ten iOS screenshots without sending them to the image model. • Generates multiple lifestyle locations with optional art direction. • Exports a lean submission set or one accepted preset for every current Apple device class. • Downloads individual PNGs or a complete ZIP archive. • Open tool • AtmoTube Data Visualizer • Open-source tooling to clean, enrich, and explore AtmoTube air-quality logs with flexible charts and location-aware context. • When AtmoTube misses GPS traces because the monitor was not connected to a phone, this tool can sync"},{"id":"page-services","type":"page","title":"Services","description":"Explore UX, interaction design, optimization, accessibility, and AI-SEO services by Kris Haamer.","url":"https://haam.co/services","path":"/services","keywords":["services","UX","interaction design","accessibility audit","AI UX audit","analytics","ecommerce optimization"],"summary":"UX, Product, and Optimization Services • Choose a service page below to see scope, examples, and how I work. • next/link • Product research and interaction design • Clarify the user journey, product decision, interface behaviour, and evidence needed before a team invests further. • Front-end implementation and design systems • Turn product direction into production-ready interfaces, reusable components, and maintainable implementation notes. • Accessibility, performance, and sustainability • Find practical barriers and waste in real flows, then connect the remediation plan to the existing design, codebase, and infrastructure. • AI agents, workflow automation, and integrations • Design recurring work as a human-supervised operational product with clear permissions, correction, fallback, monitoring, and ownership. • Kris Haamer leads the engagement and remains accountable for the work. • T"},{"id":"page-founder-led-product-sprints","type":"page","title":"Founder-Led Product Sprints","description":"HAAM packages strategy, UX, frontend implementation, accessibility, analytics, and AI oversight into focused founder-led product sprints.","url":"https://haam.co/founder-led-product-sprints","path":"/founder-led-product-sprints","keywords":["founder-led product sprints","AI UX and Governance Sprint","EAA Accessibility Readiness Sprint","Growth Signal Sprint","product strategy","frontend implementation","founder","led","product","sprints"],"summary":"Buy a clear first engagement, not a maze of services. • How we solve the problem • From messy goals to a working digital experience. • Chapter 1 · Sharpen demand • Win clearer B2B and B2C journeys worldwide • Chapter 2 · Test the opportunity • Turn open questions into tested digital opportunities • AI product teams • AI Product Trust Sprint • Fix the AI moments that make users hesitate by redesigning one critical journey across trust, correction, failure, and human oversight. • 10 working days • EUR10k fixed • EU digital services • EAA Accessibility Readiness Sprint • Review WCAG-facing product risk, prioritize remediation, and produce a clear accessibility plan for design and engineering teams. • 2-3 weeks • Starting from EUR9k • Growth and marketing teams • Growth Signal Sprint • Turn messy analytics, CRO ideas, and AI-search anxiety into a practical measurement model and 90-day optimi"},{"id":"page-team","type":"page","title":"HAAM Team Roles","description":"Character-based product roles connected to HAAM services for UX, accessibility, AI safety, localization, analytics, ecommerce, and growth.","url":"https://haam.co/team","path":"/team","keywords":["team","roles","characters","UX","accessibility","AI safety","localization"],"summary":"Data Scout • 數星探 • Data Detective • Finds the signal behind user behavior, analytics, research notes, and market clues so design work starts from evidence. • Experience Blade • 界刃俠 • Experience Design Fighter • Shapes flows, interface structure, and production-ready design decisions when a product needs sharper UX. • Checkout Spirit • 購魂靈 • Checkout Experience Guardian • Watches cart, checkout, membership, and purchase journeys for small frictions that cost real revenue. • Localization Envoy • 行界使 • Localized Guidance Specialist • Connects language, culture, platform habits, and regional trust cues into launch-ready product experiences. • AI Safety Guardian • 智箱守 • AI Safety Specialist • Reviews AI product moments for trust, oversight, privacy, fallback behavior, and safer user expectations. • Research Strategist • 證策者 • Frames the questions, gathers the evidence, and decides which findi"},{"id":"page-start","type":"page","title":"Start Here","description":"Describe your goal and start a project with HAAM's AI-assisted web studio workflow.","url":"https://haam.co/start","path":"/start","keywords":["start","project inquiry","proposal","contact"],"summary":"Use the writing box to describe what feels broken, what you want to build, or what already exists. HAAM will help turn the rough version into a clearer brief. • next/link • Start a Project - HAAM • Choose a HAAM product sprint or describe a custom project to start a founder-led UX, accessibility, analytics, or AI product engagement. • start project • AI UX sprint • accessibility audit • growth sprint • product design inquiry • start • About HAAM"},{"id":"page-social","type":"page","title":"Social & Contact","description":"Reach Kris Haamer and HAAM through verified social, messaging, and direct contact channels.","url":"https://haam.co/social","path":"/social","keywords":["social","contact","LinkedIn","Telegram","WhatsApp","Instagram","WeChat","Line"],"summary":"Kris Haamer 漢默可 • Kris Haamer • Tallinn, Estonia / Taipei, Taiwan • kris@haam.co • https://www.krishaamer.com/ • Haamer Ventures OÜ • Reg. 11516600 • https://haam.co • HAAM social and messaging inboxes are handled through Kris using the verified channels on this page. • X • @krishaamer • Quick public replies and direct messages. • Instagram • Messages, photos, and visual updates. • LinkedIn • Professional introductions and business outreach. • WhatsApp • +372 53073123 • Best for quick chats on the Estonia number. • Telegram • Open Telegram directly or scan the QR code for @krishaamer. • Wire • Open the Wire profile or scan the QR code to connect securely. • KakaoTalk • krishaamer • Scan the QR code or search for krishaamer. • Line • Scan the QR code to connect on Line. • WeChat • next/image • next/link • Social & Contact - HAAM • Reach Kris Haamer and HAAM through verified social, messag"},{"id":"page-cv","type":"page","title":"CV - Kris Haamer","description":"Curriculum vitae for Kris Haamer with key contributions, work history, and selected projects.","url":"https://haam.co/cv","path":"/cv","keywords":["CV","resume","product designer","web developer","consultant","cv"],"summary":"Founder, HAAM - Senior Web Developer, Product Designer, AI Web Consultant • Professional Summary • Key Contributions for HR Review • Professional Experience • Core Skills • next/link • CV - Kris Haamer | HAAM • Curriculum vitae for Kris Haamer with key contributions, work history, and selected projects. • Kris Haamer CV • web developer CV • product designer CV • HAAM • Kris Haamer • Founder, HAAM - Design Engineer, Senior Web Developer, Product Designer, AI Web Consultant • Tallinn, Estonia / Taipei, Taiwan • kris@haam.co • Estonia • Taiwan • Personal Website • Portfolio PDF • Storytelling • Audiovisual Media • Interaction Design • Design Research • Data-Driven Design • End-to-End Product Delivery • Built and refined a delivery model covering user research, journey mapping, prototyping, frontend engineering, and post-launch analytics. • AI + Sustainability Research Leadership • Led Green"},{"id":"page-community","type":"page","title":"Community","description":"A lightweight collaboration hub for sharing ideas, tackling bounties, and forming teams.","url":"https://haam.co/community","path":"/community","keywords":["community","collaboration","ideas","bounties","members"],"summary":"Frontend Backend Full‑stack Design Data AI/ML Crypto/Web3 DevOps Community PM • Looking for hackathons to collaborate at? • Community - HAAM • Collaborate on ideas, bounties, and projects with the HAAM community. • community • collaboration • ideas • bounties"},{"id":"page-ideas","type":"page","title":"Ideas & Projects","description":"Browse initiatives and find where you can help.","url":"https://haam.co/community/ideas","path":"/community/ideas","keywords":["ideas","projects","collaboration","community","Next.js","Vercel","CI","seeking-collaborators","Ideas & Projects","Community","IRL","Meetups","planning","Templates","DX","SaaS","in-progress"],"summary":"Open Source Showcase • A gallery for community projects with auto-deployed previews and feedback threads. • Next.js • Vercel • CI • seeking-collaborators • Local Hacknights • Weekly coworking sessions to prototype ideas, share demos, and get help. • Community • IRL • Meetups • planning • Starter Kits • Opinionated templates for common project types (landing, docs, SaaS, bounties). • Templates • DX • SaaS • in-progress • Ideas & Projects - HAAM Community • Discover community ideas and ongoing projects you can join. • community ideas • open projects • collaboration • Browse initiatives and find where you can help. • Browse initiatives and find where you can help. • Browse initiatives and find where you can help."},{"id":"page-bounties","type":"page","title":"Bounties","description":"Pick up a task, contribute, and get rewarded.","url":"https://haam.co/community/bounties","path":"/community/bounties","keywords":["bounties","tasks","rewards","community","$150","Docs","DX","JavaScript","Bounties","$300","Perf","Lighthouse","Next.js","$250","Design","Tailwind","Theming"],"summary":"Improve docs & examples • Add quickstart snippets and end-to-end examples for new contributors. • $150 • Docs • DX • JavaScript • Performance audit • Measure Core Web Vitals and propose optimizations. • $300 • Perf • Lighthouse • Next.js • Design tokens + themes • Introduce color, spacing, and typography tokens with light/dark themes. • $250 • Design • Tailwind • Theming • Bounties - HAAM Community • Help with focused tasks and earn rewards. • bounties • tasks • community rewards • Pick up a task, contribute, and get rewarded. • Pick up a task, contribute, and get rewarded. • Pick up a task, contribute, and get rewarded."},{"id":"page-members","type":"page","title":"Members","description":"Find teammates by skills and availability.","url":"https://haam.co/community/members","path":"/community/members","keywords":["members","skills","collaborators","availability","community","Full‑stack","Design","PM","kris","Members","Frontend","AI/ML","alex","Backend","DevOps","maria"],"summary":"Kris Haamer • Tallinn / Taipei • Full‑stack • Design • PM • Evenings & weekends • Alex Chen • Taipei • Frontend • AI/ML • Weeknights • Maria Popescu • Bucharest • Backend • DevOps • Flexible • next/navigation • Tallinn / Taipei • Evenings & weekends • Taipei • Weeknights • Bucharest • Flexible"},{"id":"page-hackathons","type":"page","title":"Hackathons","description":"A selection of hackathons and prototype-driven events focused on collaboration, learning, and rapid execution.","url":"https://haam.co/hackathons","path":"/hackathons","keywords":["hackathons","events","prototypes","collaboration"],"summary":"Hackathons are a powerful way to apply one's skills and meet collaborators. • Hackathons - HAAM • Explore hackathons, events, and rapid prototypes built by HAAM. • hackathons • events • prototypes • HAAM"},{"id":"page-map","type":"page","title":"Project & Hackathon Map","description":"Explore the global footprint of our projects and hackathon events.","url":"https://haam.co/map","path":"/map","keywords":["map","global footprint","locations","projects","hackathons"],"summary":"Legend • Projects • Hackathons • regional • detailed • mapbox • apple • constellation • Hackathon & Project Map - HAAM • Explore the global footprint of HAAM projects and world travels through Mapbox and Apple Maps. • project map • Mapbox • Apple Maps • hackathons • portfolio map • global footprint • string"},{"id":"page-constellation","type":"page","title":"Constellation","description":"Explore project relationships as a constellation graph connected by shared tags.","url":"https://haam.co/map?tab=constellation","path":"/map?tab=constellation","keywords":["constellation","tag graph","project relationships","shared tags"],"summary":"Each star is a project. Lines connect projects that share tags. • Shared tag links"},{"id":"page-join","type":"page","title":"Join the Community","description":"Sign up to collaborate on ideas, bounties, and projects at HAAM.","url":"https://haam.co/join","path":"/join","keywords":["join","community","signup","collaborate"],"summary":"Tell us a bit about yourself and how you'd like to collaborate. • Join - HAAM Community • Sign up to collaborate on ideas, bounties, and projects at HAAM. • join community • HAAM community • collaborate"},{"id":"page-shop","type":"page","title":"Shop","description":"Buy HAAM service bundles, digital downloads, and AI-generated product kits with Stripe checkout.","url":"https://haam.co/shop","path":"/shop","keywords":["shop","Stripe","checkout","AI-generated products","digital products","service bundles"],"summary":"Buy service bundles, digital downloads, and AI-generated product kits. • Stripe Checkout • Synthetic Product Concept Pack • AI UX Prompt Library • next/link • Shop | HAAM • Buy HAAM service bundles, digital products, and AI-generated product kits with Stripe or Creem checkout and optional HAAM point discounts. • HAAM shop • HAAM points • AI-generated products • Stripe checkout • Creem checkout • UX products • digital product kits • creem • stripe • Creem • Stripe • success • flex gap-2 • Buy service bundles, digital downloads, and AI-generated product kits. • Choose Stripe or Creem at checkout. Signed-in visitors collect HAAM points with either provider, while point redemption currently runs through Stripe. • Compare product bundles • View HAAM points • Payment details • Buy with Stripe • Stripe, Creem, and points setup notes • Stripe can use dynamic prices or mapped Price IDs. Creem pro"},{"id":"page-payments","type":"page","title":"Payments","description":"Bank transfer details for paying Haamer Ventures OÜ, including Estonian business registry and account information.","url":"https://haam.co/payments","path":"/payments","keywords":["payments","invoice","bank transfer","IBAN","Wise","Swedbank","LHV"],"summary":"Haamer Ventures OÜ • Reg. 11516600 • Payment details for Haamer Ventures OÜ • next/image • next/link • Business name • Haamer Ventures OÜ • Business registry • Reg. 11516600 • Country • Estonia • Contact • kris@haam.co • Swedbank • Account holder • HAAMER VENTURES OÜ • IBAN • EE862200221041795124 • LHV Estonia • EE737700771000704428 • BIC / SWIFT • LHVBEE22 • Wise • BE67967220813287 • TRWIBEB1XXX • service • Payments - HAAM • Bank transfer details for paying Haamer Ventures OÜ, including Estonian business registry and account information. • HAAM payment details • Haamer Ventures OÜ bank account • pay Kris Haamer • Estonian business payment details • @context • @graph • @type • WebPage • @id • Payment details for Haamer Ventures OÜ with business and bank transfer information. • Organization • PostalAddress • application/ld+json • mailto:kris@haam.co?subject=Payment%20confirmation%20for%20"},{"id":"page-changelog","type":"page","title":"Changelog","description":"Public, user-facing product updates shipped on HAAM.","url":"https://haam.co/changelog","path":"/changelog","keywords":["changelog","release notes","updates","product updates"],"summary":"Map and Home experience refresh • Projects and navigation performance updates • Localization and flow improvements • AI chatbot launch • next/link • Changelog - HAAM • Public, user-facing product updates shipped on HAAM. • changelog • product updates • release notes • HAAM • July 2, 2026 • Abyssal Relay release • Launched a private Opportunity Agent that connects prospect research, opportunity planning, and a private people graph. • Rebuilt the octopus storyworld around Haimo Mochu with a dark manga direction and a historical archive. • Introduced paid UX Reviews with gated access, checkout, and an in-depth Respiray product analysis. • Opened the live HAAM Signal Room with presence-backed profiles and a shared Human + AI entry point. • Expanded the feature cart and prospecting dashboard with dedicated controls and structured registry-data imports. • July 1, 2026 • Electric Bazaar release"},{"id":"page-website-audit","type":"page","title":"Website Audit","description":"Accessibility and sustainability audit data for the HAAM website.","url":"https://haam.co/website-audit","path":"/website-audit","keywords":["website audit","accessibility","sustainability","asset inventory","website","audit"],"summary":"Accessibility Snapshot • Sustainability Snapshot • Public Asset Inventory • next/link • Website Audit - HAAM • Accessibility and sustainability audit data for the HAAM website. • website audit • accessibility • sustainability • HAAM • Document language and reading direction • Pass • Skip link for keyboard users • A visible-on-focus skip link jumps directly to #main-content. • Menu keyboard support • The menu supports Escape to close, focus-safe controls, and ARIA state attributes. • Screen reader route updates • A polite aria-live region announces route changes after navigation. • Control labeling • Theme switch, language switch, and primary menu controls expose ARIA labels. • Reduced motion handling • Key animations have prefers-reduced-motion fallbacks. • Automated accessibility CI checks • Gap • No automated axe/lighthouse pipeline is configured yet. • Static-first delivery • Most con"},{"id":"page-lovable","type":"page","title":"Kris Haamer for Lovable","description":"Research-backed product engineer and interaction designer application page for Lovable.","url":"https://haam.co/lovable","path":"/lovable","keywords":["Lovable","Forward Deployed Engineer","Design Engineer","Green Filter","lovable"],"summary":"Featured Case Studies • Research Stats • 700 students • 10 Taiwanese universities • Kris Haamer for Lovable | HAAM • Research-backed product engineer and interaction designer application page for Lovable. • Kris Haamer • Lovable • forward deployed engineer • design engineer • Green Filter • AI sustainability finance companion for young adults to support shopping, saving, and investing decisions. • Built from thesis research: The Journey from Consumer to Investor. • Research inputs included expert interviews, focus groups, user testing, and thematic analysis. • Survey reached 700 students across 10 Taiwanese universities. • Sustainability Chrome Extension Prototype • Browser-based decision support concept tested in real shopping moments to validate behavior change patterns. • Focused on sustainability prompts with practical financial framing. • Evaluated which interactions were understand"},{"id":"page-games","type":"page","title":"Games - HAAM Arcade","description":"Play interactive prototypes and experiments from HAAM Arcade.","url":"https://haam.co/games","path":"/games","keywords":["games","arcade","interactive prototype","Yue Lao Matchmaker","Taiwan Valentine Date Rush"],"summary":"HAAM Arcade • interactive prototypes • web game experiments • Playable Trailers - HAAM • One-minute interactive previews of experiences being developed for the HAAM app. • playable trailers • interactive previews • HAAM app"},{"id":"page-browser-hub","type":"page","title":"Browser Hub","description":"Live demos of powerful and less-known modern browser capabilities.","url":"https://haam.co/browser-hub","path":"/browser-hub","keywords":["browser hub","modern browser APIs","browser features","view transitions","file system access","barcode detection","browser","hub"],"summary":"View Transitions API • Visual continuity • Animate layout and state changes as one coherent transition instead of a hard redraw. • This lets product teams upgrade filters, sorting, route changes, and layout toggles without dropping down to canvas tricks or brittle animation choreography. • File System Access API • Desktop-class workflows • Open, edit, and save user files directly from the browser with native file pickers. • A browser app can behave much more like installed software when it can work against real files instead of forced upload-download loops. • EyeDropper API • Native utilities • Sample any on-screen color with the system picker and pipe it back into the web app. • It turns the browser into a practical design and QA tool for brand extraction, theme audits, and visual comparison workflows. • Web Share API • Hand off links, text, and sometimes files to the device’s native sh"},{"id":"page-world-problems-hub","type":"page","title":"World Problems Hub","description":"Community challenges organized by country with practical ideas for how AI could help address each problem.","url":"https://haam.co/world-problems-hub","path":"/world-problems-hub","keywords":["world problems","AI for communities","global challenges","responsible AI","community resilience","world","problems","hub"],"summary":"Brazil • South America • Amazon river and favela communities • River settlements, Indigenous guardians, and urban favela residents face overlapping pressure from environmental change, informal work, safety risks, and unequal access to services. • Deforestation and ecosystem loss • Communities lose food sources, water quality, cultural heritage, and climate resilience when forests are cleared or degraded. • Combine satellite monitoring, community reports, and predictive alerts so local groups can document illegal activity earlier and prioritize restoration zones. • Urban violence and safety • Residents may avoid school, work, healthcare, and public spaces when violence and distrust make everyday movement risky. • Use privacy-preserving incident mapping, service routing, and multilingual safety messaging to guide outreach without expanding surveillance harms. • Informal housing and sanitat"},{"id":"page-blog","type":"page","title":"Blog - HAAM Insights","description":"Explore strategic UX, AI, accessibility, localization, and growth insights from HAAM.","url":"https://haam.co/blog","path":"/blog","keywords":["blog","AI UX","accessibility","localization","CRO","experimentation"],"summary":"Strategic UX + AI Blog • In-depth guides that connect services, project thinking, and delivery methods. • next/link • Notes | HAAM Index • Short essays, working ideas, practical methods, and observations from HAAM's design and technology practice. • HAAM Notes • interaction design essays • AI UX notes • product strategy writing • cross-cultural UX • website • @context • @type • Blog • BlogPosting • Organization • application/ld+json • HAAM Index formats • no-underline hover:underline • page • en-US • numeric • long • HAAM Index • Signals • Systems • Notes • Exhibits • HAAM Index / Notes • Ideas from the work, while they are still moving. • Short essays, working ideas, practical methods, and observations gathered while designing products, studying systems, and moving between markets. • Reader promise: each note should leave you with one useful idea, question, or decision to carry into you"},{"id":"page-swimmable-cities","type":"page","title":"Swimmable Cities Lab","description":"A concept directory for connecting verified urban water quality, public access, ecology, and community evidence.","url":"https://haam.co/labs/swimmable-cities","path":"/labs/swimmable-cities","keywords":["swimmable cities","urban water quality","civic data","open water","HAAM Labs","labs","swimmable","cities"],"summary":"Water conditions • public swimming access • local ecology • community evidence • trustworthy safety communication • Water conditions • Latest verified sample, measurement time, source, confidence, weather context, and clearly separated official warnings. • Access and inclusion • Entry points, steps or ramps, changing facilities, public transport, seasonal access, and accessibility notes. • Local ecology • Biodiversity context, sensitive habitats, pollution sources, restoration work, and guidance for low-impact use. • Community evidence • Moderated observations, photographs, corrections, local campaigns, and a visible distinction between reports and measurements. • Copenhagen • Harbour • How can swimming become ordinary public infrastructure? • Oslo • Fjord • How do access, ecology, and urban development share the shoreline? • Paris • Seine • How should major clean-up investment become tr"},{"id":"page-network","type":"page","title":"Network Directory","description":"Full list of HAAM clients, collaborators, and vendors.","url":"https://haam.co/network","path":"/network","keywords":["network directory","clients","collaborators","vendors","partners","network"],"summary":"Full Client List • Full Collaborator List • Full Vendor List • Network Directory | HAAM • Full list of HAAM clients, collaborators, and vendors. • HAAM clients • HAAM collaborators • HAAM vendors • network directory • 100 Objects from Finland • Estonian Academy of Arts • Elsa Figueira Campaign • ESL & SISU • Green Filter App • Life in Finland • Narva Art Residency • Nile Journeys • Pärnu Art Week • Repsal Busholmen • Segredos da Floresta • Tallinn Biennial • TEDxSaoTome • Vargamäe Museum • Viirus Theatre • WiFi.ee • Ziran Taiwan • Anneli Kenk • buildspace • Estonian Wireless Movement (WiFi.ee) • Green Filter research participants • Haamer Ventures partner network • National Cheng Kung University • Reelika • Stuudio Stuudio • TEDxSaoTome team • University researchers and student participants • Clerk • Cloudflare • Formspree • Google Maps • Next.js • OpenAI API • pnpm • PostCSS • Supabase "},{"id":"page-product-thinking","type":"page","title":"Product Thinking","description":"Editorial guide to product thinking principles, decision frameworks, and delivery patterns.","url":"https://haam.co/product-thinking","path":"/product-thinking","keywords":["product thinking","strategy","decision framework","delivery patterns","product","thinking"],"summary":"Product thinking principles • project patterns • measurement and iteration • Start with user and business tension • Every project starts by naming the tension between user needs, business goals, and technical reality. The goal is not a perfect brief but a shared decision frame that teams can revisit as constraints change. • Prototype assumptions before scaling • Before building full systems, I test the riskiest assumptions with lightweight prototypes and guided conversations. This reduces expensive rework and clarifies what deserves investment. • Design for measurable behavior change • Product thinking means linking design choices to outcomes: clearer onboarding, reduced friction, better activation, and stronger retention signals. A polished UI without movement in behavior is incomplete. • Treat localization and accessibility as product strategy • Multilingual UX and accessible interacti"},{"id":"page-startup-culture","type":"page","title":"HAAM and Startup Culture","description":"How HAAM relates to startup culture through founder-led product thinking, rapid prototyping, AI-assisted delivery, and practical validation.","url":"https://haam.co/startup-culture","path":"/startup-culture","keywords":["startup culture","founder-led","rapid prototyping","product validation","startup UX","startup","culture"],"summary":"Founder-level context • prototype before overcommitting • startup culture translated into practical product work • AI acceleration with human judgment • Founder-level context, not ticket-taking • Startup work usually begins with incomplete information. HAAM fits that environment by helping founders translate ambition, constraints, and market pressure into decisions that can be designed, built, and tested. • Prototype before overcommitting • The fastest useful answer is often a focused prototype, landing page, demo flow, or internal tool that exposes whether the idea is clear enough for customers, partners, or investors. • Small teams, broad ownership • Early teams need people who can move across strategy, UX, content, implementation, analytics, and quality. HAAM works as a senior product partner rather than a narrow production lane. • AI acceleration with human judgment • AI helps compre"},{"id":"page-attention-economy","type":"page","title":"Attention Economy","description":"Editorial perspective on interaction design decisions in a crowded attention economy.","url":"https://haam.co/attention-economy","path":"/attention-economy","keywords":["attention economy","interaction design","user focus","trust","attention","economy"],"summary":"Attention is finite • interaction design levers • clarity as growth strategy • next/link • Signal • A badge, vibration, headline, recommendation, or social cue suggests that something important may be waiting. • Interrupt • The signal pulls you away from the thing you had chosen to do and replaces intention with reaction. • Hold • Infinite feeds, autoplay, streaks, and variable rewards remove natural stopping points and make the next action effortless. • Measure • Adapt • The system learns which timing, topic, emotion, and social proof are most likely to win your next moment of attention. • Monetize • Attention becomes advertising inventory, subscription pressure, behavioral prediction, marketplace demand, or another form of commercial leverage. • Can a person complete their purpose and leave without being punished? • Are notifications proportional to the value they provide? • Does perso"},{"id":"page-maintenance-and-code-rot","type":"page","title":"Maintenance and Code Rot","description":"How continuous maintenance prevents code rot and protects delivery speed.","url":"https://haam.co/maintenance-and-code-rot","path":"/maintenance-and-code-rot","keywords":["maintenance","code rot","technical debt","software quality","and","code","rot"],"summary":"Maintenance pillars • practical maintenance loop • long-term reliability • next/link • Maintenance and Code Rot - HAAM • Why continuous maintenance prevents code rot, protects user trust, and keeps products adaptable. • maintenance • code rot • technical debt • software quality • Reliability compounds over time • Small fixes and regular dependency updates reduce incidents, regressions, and emergency work. Proactive maintenance keeps product behavior predictable for users and teams. • Code rot is mostly a process problem • Code rarely breaks all at once. It decays through postponed refactors, stale documentation, and unclear ownership. The longer those signals are ignored, the harder safe change becomes. • Maintenance protects delivery speed • Teams ship faster when tests, tooling, and architecture stay healthy. Without care, each new feature costs more, takes longer, and introduces hidde"},{"id":"page-human-oversight-for-ai-development","type":"page","title":"Human Oversight for AI Development","description":"Governance approach for reviewing AI-assisted content and code before release.","url":"https://haam.co/human-oversight-for-ai-development","path":"/human-oversight-for-ai-development","keywords":["human oversight","AI governance","review process","responsible AI","human","oversight","for","ai","development"],"summary":"Named human ownership • review before release • high-risk escalation • next/link • Human Oversight for AI Content and Code - HAAM • How Hammer Ventures applies human accountability, review, and governance to AI-generated content and software code. • human oversight • ai governance • responsible ai • software quality • code review • Named human ownership • Every AI-assisted deliverable has a responsible human owner at Hammer Ventures. Ownership is explicit: a person is accountable for final quality, factual correctness, and decision traceability. • Review before release • AI output is treated as draft material, not production-ready truth. Humans review architecture, copy, legal and ethical implications, accessibility, and user impact before anything ships. • Escalation for high-risk work • When content or code affects safety, compliance, privacy, payments, or critical business logic, we i"},{"id":"page-health-apps","type":"page","title":"Health Apps - Shower Tracker Concept","description":"A product concept for iOS and Android hygiene tracking with private mode, insights, and habit analytics.","url":"https://haam.co/health-apps","path":"/health-apps","keywords":["health apps","shower tracker","hygiene tracker","wellness app","health","apps"],"summary":"Session tracking • calendar timeline • private mode • smart insights • next/image • next/link • Health Apps | Shower Tracker Concept • A full-feature product concept for an iOS and Android hygiene tracker covering showers, baths, sauna sessions, privacy controls, and social sharing. • health app • shower tracker • hygiene habits • water usage • ios and android app • Session tracking for shower, bath, sauna, steam room, and cold plunge. • Calendar timeline with daily, weekly, and monthly hygiene overview. • Private mode with local-first logging and optional cloud backup. • Friends feed where users can share selected sessions and wellness streaks. • Audio-assisted water-use estimate by recording sound patterns during shower flow. • Location tags (home, gym, hotel, spa) with map and habit heatmap views. • Mood, energy, and skin/hair notes to correlate hygiene routines with well-being. • Cus"},{"id":"source-page-accessibility","type":"source","title":"Accessibility Statement","description":"HAAM's accessibility commitment, WCAG 2.2 AA target, current limitations, testing approach, and contact path for reporting barriers on haam.co.","url":"https://haam.co/accessibility","path":"/accessibility","keywords":["accessibility"],"summary":"Accessibility Statement | HAAM • HAAM's accessibility commitment, WCAG 2.2 AA target, current limitations, testing approach, and contact path for reporting barriers on haam.co. • HAAM accessibility • haam.co accessibility statement • WCAG 2.2 AA • web accessibility • European Accessibility Act • accessible design • Perceivable • Content should remain understandable with zoom, high contrast, text alternatives, captions where needed, and without depending on colour alone. • Operable • Core navigation and controls should work with a keyboard, expose visible focus, avoid traps, and respect reduced-motion preferences where practical. • Understandable • Pages should use clear language, predictable navigation, descriptive headings, useful labels, and actionable error messages. • Robust • Semantic HTML, names, roles, values, and status messages should support modern browsers and assistive techno"},{"id":"source-page-after-y2k","type":"source","title":"What Comes After Y2K Nostalgia?","description":"The next nostalgia wave combines 2012 party music, 2014 Tumblr emotion, and 2016 social-internet optimism.","url":"https://haam.co/after-y2k","path":"/after-y2k","keywords":["after","y2k"],"summary":"next/link • WAVE 01 • Recession pop & indie sleaze • The party after the crash • Electro-pop, bloghouse, EDM drops, and Auto-Tune • Flash photography, smudged eyeliner, and skinny jeans • Messy nightlife replacing immaculate lifestyle content • Festival wristbands, cheap cameras, and uploaded-later memories • yellow • WAVE 02 • The social internet • The last fun timeline • Vine, Musical.ly, Snapchat filters, and Pokémon Go • Tumblr emotion, flower crowns, matte lipstick, and bomber jackets • Oversaturated Instagram before the beige authenticity performance • Friends, fandoms, and personalities before total recommendation logic • blue • WAVE 03 • The next ironic revival • Waiting just outside the frame • SoundCloud rap and hypebeast streetwear • VSCO girls and third-generation K-pop • Vaporwave after its first death • The strange innocence of pre-pandemic TikTok • green • PARTY MUSIC • Bi"},{"id":"source-page-agents-documentation-steward","type":"source","title":"HAAM Documentation Steward | A Vercel AI Agent","description":"A working HAAM agent that runs on Vercel, reviews GitHub changes for documentation drift, and opens evidence-backed pull requests for human approval.","url":"https://haam.co/agents/documentation-steward","path":"/agents/documentation-steward","keywords":["agents","documentation","steward"],"summary":"next/link • HAAM Documentation Steward | A Vercel AI Agent • A working HAAM agent that runs on Vercel, reviews GitHub changes for documentation drift, and opens evidence-backed pull requests for human approval. • Vercel AI agent • documentation agent • AI documentation automation • human governed AI agent • GitHub documentation bot • documentation drift • HAAM Documentation Steward • Review repository evidence • Vercel reads a bounded GitHub comparison and the current Fumadocs corpus. • Make a structured decision • Validate before writing • The runtime rejects unsafe paths, incomplete frontmatter, oversized output, and proposals that make no actual change. • Stop at human authority • The agent opens a GitHub pull request. It cannot merge or publish directly to haam.co. • Run on Vercel • Allowed • A daily secured Cron and an authenticated manual endpoint invoke the runtime. • Read GitHub "},{"id":"source-page-agents","type":"source","title":"HAAM Agents | Governed AI Systems in Practice","description":"A public record of HAAM agents, including their responsibilities, evidence, permission boundaries, and human approval gates.","url":"https://haam.co/agents","path":"/agents","keywords":["agents"],"summary":"next/link • HAAM Agents | Governed AI Systems in Practice • A public record of HAAM agents, including their responsibilities, evidence, permission boundaries, and human approval gates. • HAAM agents • AI agent examples • governed AI agents • human supervised agents • agentic workflows • Documentation Steward • Runs on Vercel, reviews GitHub changes for documentation drift, prepares evidence-backed MDX updates, and opens pull requests for human review. • Keep the public operating record aligned with the system it describes. • Operational pilot • Vercel runtime ready • Proposal prepared • Human review open • Reviewed, no change • grid gap-5 • HAAM Agents • A public operating record for work delegated to machines. • Each HAAM agent has one named responsibility, a bounded permission model, a visible evidence trail, and a human decision point. This index records what they can do, what they ca"},{"id":"source-page-ai-3d-printing","type":"source","title":"AI + 3D Printing: From Generated Form to Physical Object","description":"Explore how artificial intelligence and additive manufacturing connect ideas, generative geometry, engineering judgment, materials, fabrication, and physical iteration.","url":"https://haam.co/ai-3d-printing","path":"/ai-3d-printing","keywords":["ai","3d","printing"],"summary":"AI + 3D Printing: From Generated Form to Physical Object - HAAM • Explore how artificial intelligence and additive manufacturing connect ideas, generative geometry, engineering judgment, materials, fabrication, and physical iteration. • AI and 3D printing • generative design • additive manufacturing • AI generated 3D models • computational design • digital fabrication • 3D printing workflow • future of manufacturing • @context • @type • WebPage • AI + 3D Printing • An interactive HAAM field guide to connecting AI-generated geometry with additive manufacturing and human engineering judgment. • WebSite • HAAM • Thing • Artificial intelligence • 3D printing • Generative design • Additive manufacturing • application/ld+json"},{"id":"source-page-ai-agent-control","type":"source","title":"AI Agent Control Systems | Harnesses, Loops, and Multi-Agent Workflows","description":"HAAM designs AI agent control systems: harnesses, loops, permissions, handoffs, audit trails, and operating interfaces for teams working with many AI agents.","url":"https://haam.co/ai-agent-control","path":"/ai-agent-control","keywords":["ai","agent","control"],"summary":"Harness • The runtime wrapper around the model: instructions, tools, memory, state, permissions, output schema, evaluation checks, and recovery behavior. • Loop • The repeatable path from goal to evidence, decision, action, review, and learning. A loop makes progress visible instead of leaving it inside a chat transcript. • Handoff • The contract that lets one agent stop and another agent continue with the same goal, evidence, artifacts, assumptions, and unresolved questions. • Gate • A deliberate checkpoint before an agent changes a system, sends a message, spends money, exposes data, publishes, or claims something as true. • Audit trail • A record of who asked, what the agent saw, what it changed, what evidence supported it, and who approved the next step. • Operating interface • The human-facing control room: queues, status, priorities, permissions, blocked decisions, logs, review scr"},{"id":"source-page-ai-agents","type":"source","title":"How HAAM Uses AI Agents | Human-Controlled Agentic Workflows","description":"See how HAAM uses bounded AI agents for research, product delivery, editorial support, website quality, project framing, and signal discovery while keeping human approval and accountability visible.","url":"https://haam.co/ai-agents","path":"/ai-agents","keywords":["ai","agents"],"summary":"A defined goal • Every agent starts with a concrete outcome, such as finding evidence, preparing a proposal, checking a website journey, or drafting a reviewable change. • Bounded inputs • The agent receives only the project context, files, pages, data, and instructions needed for the task. More access is not automatically better access. • Tools • Depending on the job, an agent can search, inspect code, read authorized files, run checks, compare options, create drafts, or prepare a pull request. • Working memory • The agent keeps track of decisions, evidence, constraints, and unresolved questions so the work can continue as a coherent process rather than a series of isolated prompts. • An approval gate • The workflow defines what the agent may do alone, what it may only propose, and what requires an explicit human decision before anything changes. • A visible output • The result should b"},{"id":"source-page-ai-automation-engineer","type":"source","title":"AI Automation Engineer for Founders","description":"Show HAAM a repetitive business job. Get a working, human-supervised automation that connects your tools, handles the routine path, and keeps improving after launch.","url":"https://haam.co/ai-automation-engineer","path":"/ai-automation-engineer","keywords":["ai","automation","engineer"],"summary":"next/link • Lead handling • A founder checks forms, emails, company data, fit, and next steps by hand. • HAAM builds one flow that researches, qualifies, drafts, routes, and asks for approval before outreach. • Client operations • Updates, requests, files, deadlines, and decisions are scattered across conversations and tools. • HAAM builds a shared operating loop that gathers context, prepares the next action, and escalates exceptions. • Reporting • Someone repeatedly copies numbers from analytics, spreadsheets, products, and finance tools. • HAAM connects the sources, checks the data, explains changes, and delivers the report on schedule. • Content operations • Research, briefs, drafts, approvals, publishing, localization, and measurement live in separate workflows. • HAAM turns them into one reviewable system with sources, quality gates, publishing rules, and feedback. • Show the job •"},{"id":"source-page-ai-automation-studio","type":"source","title":"AI Automation Studio and Workflow Builder","description":"Design an editable AI automation blueprint with workflow steps, human approvals, integrations, operating rules, success metrics, simulation, and implementation exports.","url":"https://haam.co/ai-automation-studio","path":"/ai-automation-studio","keywords":["ai","automation","studio"],"summary":"next/link • Design the operating loop • Map triggers, inputs, decisions, actions, exceptions, permissions, ownership, and measurable outcomes before choosing a stack. • Connect real systems • Integrate websites, email, calendars, CRMs, databases, analytics, support tools, documents, messaging channels, and internal products. • Keep consequential actions supervised • Separate reading, drafting, approving, publishing, sending, spending, deletion, and record changes into explicit permission boundaries. • Operate and improve • Track value, failures, cost, latency, confidence, escalation, and user feedback so the system becomes more useful over time. • Automate an outcome, not a pile of disconnected tasks. • Keep consequential actions behind explicit permissions and approval. • Design correction, fallback, and human handoff before launch. • Prefer replaceable components and documented integra"},{"id":"source-page-ai-brand-short-videos","type":"source","title":"AI Brand Short Videos","description":"Learn how AI can create short videos using your brand assets and design system while preserving consistency, speed, and quality control.","url":"https://haam.co/ai-brand-short-videos","path":"/ai-brand-short-videos","keywords":["ai","brand","short","videos"],"summary":"Ingest brand assets into an AI-ready kit • Collect logos, color tokens, typography, iconography, product shots, audio signatures, and approved messaging into a structured library. AI output quality improves when brand inputs are clean and explicit. • Generate scripts and shot lists from campaign goals • Turn one campaign brief into multiple short-video angles: product teaser, testimonial cut, educational explainer, and offer reminder. This gives teams rapid variation without rewriting from scratch. • Apply design rules automatically across formats • Use template constraints so transitions, text overlays, logo placement, and end cards stay on-brand in 9:16, 1:1, and 16:9 formats. Consistency is the difference between experiments and a repeatable system. • Human review before publishing • Run a final creative and legal check for claims, tone, accessibility, and cultural fit. AI accelerates"},{"id":"source-page-ai-content-performance-marketing","type":"source","title":"AI SEO Content Operations and Performance Marketing","description":"How to use AI for high-quality SEO content, performance marketing, localization, experimentation, and metrics without turning content production into low-value automation.","url":"https://haam.co/ai-content-performance-marketing","path":"/ai-content-performance-marketing","keywords":["ai","content","performance","marketing"],"summary":"Demand pages • Service pages, product pages, comparisons, pricing explanations, location pages, and use-case pages that help a person choose or act. • Authority pages • Original research, case studies, expert analysis, datasets, tools, and first-hand observations that give search and answer systems something distinctive to cite. • Learning pages • Guides, glossaries, FAQs, tutorials, and decision frameworks that answer a real question completely and connect it to a useful next step. • Lifecycle content • Onboarding, email, help content, retention messages, and product education that continue the journey after the first visit instead of treating acquisition as the finish line. • Map demand and business value • Combine search queries, customer interviews, sales calls, support questions, paid campaign data, competitor gaps, and product priorities. A topic enters the plan only when it serves"},{"id":"source-page-ai-ethics","type":"source","title":"AI Ethics and Interaction Design","description":"How HAAM turns AI ethics into interaction design through transparency, calibrated confidence, meaningful consent, user agency, recovery, and visible accountability.","url":"https://haam.co/ai-ethics","path":"/ai-ethics","keywords":["ai","ethics"],"summary":"next/link • What is the system doing right now? • Why did it produce this result? • How certain is it? • What data or permissions is it using? • What can the person change, reject, or undo? • Who is responsible when the system causes harm? • Reveal the system • People should know when AI is involved, what role it is playing, and where human judgment still enters the process. • Calibrate confidence • The interface should communicate uncertainty without turning every answer into noise. Confidence must match the evidence. • Preserve agency • People need meaningful ways to edit, refuse, pause, override, and leave. A decorative cancel button is not control. • Make consent specific • Ask for permission at the moment it matters, explain the consequence, and avoid bundling unrelated data uses together. • Design recovery • Errors are inevitable. Ethical systems make correction, appeal, rollback, "},{"id":"source-page-ai-generated-3d-models","type":"source","title":"AI 3D Model Generation","description":"Learn how AI enables modern 3D model generation and explore three example outputs for product, robotics, and architecture workflows.","url":"https://haam.co/ai-generated-3d-models","path":"/ai-generated-3d-models","keywords":["ai","generated","3d","models"],"summary":"Biomech Chair Concept • Generate a compact ergonomic chair inspired by exoskeleton geometry with recycled aluminum ribs and breathable woven mesh. • The model starts from a text prompt, then AI proposes topology, edge flow, and material variants for ergonomic testing. • img • Generated 3D model of a biomech chair • url(#chair-seat) • url(#chair-frame) • none • Autonomous Delivery Drone • Create a quad-rotor delivery drone with foldable arms, weatherproof shell, and modular payload bay for urban logistics. • AI-assisted generation rapidly explores aerodynamic body shells and propeller arm placements before CFD refinement. • Generated 3D model of a delivery drone • rotate(-18 96 73) • rotate(18 224 73) • rotate(18 98 131) • rotate(-18 222 131) • Smart Habitat Tower • Model a mixed-use eco tower with layered terraces, kinetic facades, and integrated vertical farming modules. • Generative wo"},{"id":"source-page-ai-generated-short-dramas","type":"source","title":"A Memory From Tomorrow — AI Short Film by HAAM","description":"Watch A Memory From Tomorrow, a psychological sci-fi proof of concept, and explore HAAM's production system for client-ready AI short films.","url":"https://haam.co/ai-generated-short-dramas","path":"/ai-generated-short-dramas","keywords":["ai","generated","short","dramas","AI-generated short dramas","AI storytelling","short-form video production","generative media workflow","interactive drama"],"summary":"next/image • next/link • The impossible warning • Mara receives a video from tomorrow. Her future self holds a letter and warns her not to read it. • Private knowledge • The future recording reveals a necklace that should still be locked inside Mara’s drawer. • The proof arrives • The box is empty. Three knocks repeat the exact rhythm heard in the future memory. • A serial hook • A letter crosses the threshold and the phone announces that memory two is ready. • Narrative direction • One emotional promise guides every decision: technology becomes frightening when it knows something intimate before we do. • Continuity bible • Character, wardrobe, necklace, apartment geometry, lighting, and performance rules keep generated shots inside one believable world. • Shot-level generation • Each clip has one controlled action, camera instruction, sound cue, and exclusion list instead of asking a mo"},{"id":"source-page-ai-product-trust-sprint","type":"source","title":"AI Product Trust Sprint | Fix AI UX Friction in 10 Days","description":"A fixed-scope AI product trust sprint for SaaS, fintech, marketplaces, and agentic products. Audit one critical journey, redesign trust and failure states, and receive a ship-ready prototype in 10 working days.","url":"https://haam.co/ai-product-trust-sprint","path":"/ai-product-trust-sprint","keywords":["ai","product","trust","sprint"],"summary":"next/link • Users hesitate after the AI responds • The answer may be technically useful, but people cannot judge its confidence, source, limits, or next step. • Correction and recovery are unclear • Users can generate output, but editing, retrying, undoing, escalating, or recovering from failure feels improvised. • The team debates trust instead of shipping it • Product, design, engineering, legal, and support each see different risks, with no shared journey or priority order. • Usage looks healthy, but value is fuzzy • Dashboards count prompts and sessions while missing whether users completed the task, corrected the system, or came back. • Find the trust-breaking moments • Days 1 to 3 • Review one critical AI-assisted journey, product evidence, support patterns, analytics, states, permissions, and failure paths. • Redesign the full interaction loop • Days 4 to 7 • Shape clearer inputs,"},{"id":"source-page-ai-seo","type":"source","title":"What Is AI SEO? AEO and Generative Search Explained","description":"A practical explanation of AI SEO, AEO, and GEO, including how to make content discoverable, understandable, trustworthy, and citable in AI-powered search.","url":"https://haam.co/ai-seo","path":"/ai-seo","keywords":["ai","seo"],"summary":"AI SEO • A broad, practical label for improving visibility in AI-powered search, generated answers, assistants, and research tools. • AEO • Answer engine optimization focuses on making information easy to extract and use in direct answers, snippets, and conversational responses. • GEO • Generative engine optimization focuses on whether generative systems can understand, select, summarize, and cite a source. • The result may be an answer • A person can receive a synthesized response before seeing a traditional list of links. The source still matters, but the click is no longer the only form of visibility. • Passages can compete independently • An answer system may use one precise section from a long page. Clear headings, self-contained explanations, and explicit context make useful passages easier to identify. • One prompt can trigger many searches • AI search can break a complex request "},{"id":"source-page-ai-transmedia-storytelling","type":"source","title":"AI for Transmedia Storytelling","description":"How AI enables transmedia storytelling through storyworld design, migratory cues, cross-channel asset production, and continuity orchestration.","url":"https://haam.co/ai-transmedia-storytelling","path":"/ai-transmedia-storytelling","keywords":["ai","transmedia","storytelling"],"summary":"Storyworld first, channels second • Transmedia storytelling starts with a coherent storyworld: core canon, rules, timeline, and stakes. Each platform should reveal a distinct piece of that world rather than repeating the same plot summary. • Migratory cues move audiences between touchpoints • Migratory cues are intentional prompts that encourage audiences to continue the narrative journey on another medium, such as a clue in a short video that resolves in a podcast or game experience. • Additive comprehension over redundancy • Every asset should add meaningful context, character depth, or world detail. Fans who follow multiple channels should feel rewarded with richer understanding, not duplicated content. • Participation strengthens narrative loyalty • Community participation, theory crafting, and user-generated extensions can deepen engagement when creators provide clear guardrails aro"},{"id":"source-page-app-store","type":"source","title":"HAAM App Store | Connect Your Tools to HAAM","description":"Connect apps, APIs, feeds and webhooks to HAAM. Choose what each source can share, keep provenance visible and control whether HAAM may observe, recommend or act.","url":"https://haam.co/app-store","path":"/app-store","keywords":["app","store"],"summary":"HAAM App Store | Connect Your Tools to HAAM • Connect apps, APIs, feeds and webhooks to HAAM. Choose what each source can share, keep provenance visible and control whether HAAM may observe, recommend or act. • HAAM App Store • HAAM integrations • app connections • AI data connections • webhook ingestion • GitHub integration • permission-aware AI • business data graph • @context • @type • SoftwareApplication • BusinessApplication • Web • A permission-aware integration catalog for connecting external apps and sharing approved data with HAAM. • Organization • HAAM • App and connector catalog • Observe, Recommend and Act permissions • Provider-specific data scopes • GitHub public repository sync • Universal webhook ingestion • Reference connections for external resources • Connection activity and provenance • application/ld+json"},{"id":"source-page-art-history-biennialisation","type":"source","title":"Biennialisation: When the Exhibition Becomes an Operating System","description":"A HAAM art history and experience design essay about how biennials, art seasons, and private museums organise cultural attention, city branding, institutions, and memory.","url":"https://haam.co/art-history/biennialisation","path":"/art-history/biennialisation","keywords":["art","history","biennialisation"],"summary":"next/image • next/link • Nineteenth century • The exhibition becomes a model of the world • World fairs, salons, museums, and international exhibitions learned to compress nations, industries, objects, and ideas into navigable public spectacles. The exhibition was already becoming media, diplomacy, education, and urban theatre at once. • Venice makes recurrence part of the institution • Postwar decades • Temporary exhibitions gain art-historical authority • Recurring exhibitions increasingly did work once associated with museums and textbooks. They selected artists, framed movements, produced canons, and told audiences what the present meant while the present was still unfolding. • Late twentieth century • The format travels and is contested • New biennials developed outside the oldest European centres. Some reproduced the Venice model. Others challenged national pavilions, Eurocentric s"},{"id":"source-page-art-history","type":"source","title":"Art History for the Present","description":"A growing HAAM section connecting art history, visual culture, museums, technology, cultural institutions, and lessons for contemporary design.","url":"https://haam.co/art-history","path":"/art-history","keywords":["art","history"],"summary":"next/link • Ancient worlds • The image as world making • Images were not simply representations. They organized ritual, memory, authority, cosmology, and the relationship between people and the unseen. • Classical and imperial traditions • The image as order • Proportion, narrative, monumentality, portraiture, and public space made visual culture a tool for explaining society and making power feel permanent. • Late antiquity to medieval worlds • The image as devotion and knowledge • Icons, manuscripts, calligraphy, architecture, textiles, and ornament carried belief and learning across cultures, languages, and generations. • 1400 to 1700 • The image as window and reproducible object • Perspective, print, workshops, collecting, global exchange, and new forms of patronage changed who could make, own, circulate, and interpret images. • 1700 to 1900 • The image as public argument and commodi"},{"id":"source-page-blog-a-storyworld-is-a-system-of-permission","type":"source","title":"next/image","description":"Who gets to tell, adapt, translate, profit from, or refuse a story? A framework for local storytelling, cultural appropriation, intersectionality, and ethical worldbuilding.","url":"https://haam.co/blog/a-storyworld-is-a-system-of-permission","path":"/blog/a-storyworld-is-a-system-of-permission","keywords":["blog","a","storyworld","is","system","of","permission"],"summary":"next/image • next/link • A Storyworld Is a System of Permission • Who gets to tell, adapt, translate, profit from, or refuse a story? A framework for local storytelling, cultural appropriation, intersectionality, and ethical worldbuilding. • ethical storytelling • storyworld permissions • cultural appropriation • intersectionality • local storytelling • narrative ethics • Indigenous cultural intellectual property • AI storyworlds • worldbuilding governance • article • Access • Who may encounter the material at all? • Public visibility does not automatically mean unrestricted use. A story, image, name, place, ceremony, archive, or dataset can be easy to find while still carrying social, spiritual, familial, or community-specific conditions. • Voice • Who may speak from inside the world? • There is a difference between describing a community, collaborating with it, writing a character from"},{"id":"source-page-blog-after-nostalgia-korea-y2k-y3k","type":"source","title":"next/link","description":"The first phase was built from memory. Low-rise denim, cropped silhouettes, varsity references, glossy accessories, flip-phone nostalgia, school-uniform styling, and the visual grammar of early social media returned to Korean fashion and pop culture. The clothes carried an image of the early 2000s as a time when technology still felt colourful, personal, and slightly naive.","url":"https://haam.co/blog/after-nostalgia-korea-y2k-y3k","path":"/blog/after-nostalgia-korea-y2k-y3k","keywords":["blog","after","nostalgia","korea","y2k","y3k"],"summary":"next/link • article • The remembered future became young again • The first phase was built from memory. Low-rise denim, cropped silhouettes, varsity references, glossy accessories, flip-phone nostalgia, school-uniform styling, and the visual grammar of early social media returned to Korean fashion and pop culture. The clothes carried an image of the early 2000s as a time when technology still felt colourful, personal, and slightly naive. • This revival worked because Y2K had already become detached from the actual year 2000. For a generation too young to remember the millennium clearly, the period arrived as an archive of surfaces: metallic plastic, compact devices, bubble typography, denim, rhinestones, and pop-star confidence. Korea did not simply reproduce the archive. Its music labels, stylists, beauty teams, photographers, and retail brands converted it into a fast-moving contempora"},{"id":"source-page-blog-asias-fastest-growing-local-media","type":"source","title":"next/link","description":"Asia's Fastest-Growing Local Media Publications Are Becoming Something Else","url":"https://haam.co/blog/asias-fastest-growing-local-media","path":"/blog/asias-fastest-growing-local-media","keywords":["blog","asias","fastest","growing","local","media"],"summary":"next/link • Asia's Fastest-Growing Local Media Publications Are Becoming Something Else • From Japanese business video to Filipino community platforms, Asia's emerging media winners are replacing the traditional publication with video, membership, events, and market intelligence. • Asian media • local media Asia • media business models • PIVOT Japan • Rappler Communities • Business Insider Taiwan • independent media • article • There is no perfect Asian media growth ranking • Comparing media companies is messy. Most privately held publishers do not disclose revenue or subscriber numbers. One company reports YouTube subscribers, another reports registered users, while another announces percentage growth without revealing the starting point. • Audience growth also does not automatically mean business growth. A publication can attract millions of social views without building a sustainable "},{"id":"source-page-blog-before-the-ai-employee","type":"source","title":"article","description":"After 2023, automation could begin with a role.","url":"https://haam.co/blog/before-the-ai-employee","path":"/blog/before-the-ai-employee","keywords":["blog","before","the","ai","employee"],"summary":"article • The historical distinction • After 2023, automation could begin with a role. • A misleading census • Agent counts measure naming conventions as much as capacity. • The institutional lesson • An agent needs an institution around it. • The long view • The ambition remained constant. • @context • @type • Article"},{"id":"source-page-blog-before-the-games-montagna-milano-2026","type":"source","title":"next/image","description":"The Montagna Milano venue at BASIC VILLAGE with K-Way alpine looks displayed under red and blue lighting.","url":"https://haam.co/blog/before-the-games-montagna-milano-2026","path":"/blog/before-the-games-montagna-milano-2026","keywords":["blog","before","the","games","montagna","milano","2026"],"summary":"next/image • next/link • The Montagna Milano venue at BASIC VILLAGE with K-Way alpine looks displayed under red and blue lighting. • Inside BASIC VILLAGE, the K-Way FW26 presentation turned the room into a temporary alpine stage. • A wet Milan street with people arriving near a metro entrance and rolling luggage before the Montagna Milano event. • The field note began in ordinary Milan street weather before moving into the constructed alpine room. • Audience members inside Montagna Milano with the K-Way collection, event logo, and cable car set visible across the room. • The venue held collection display, audience seating, mountain scenography, and public programming in one continuous space. • A dark blue K-Way technical alpine outfit on a mannequin with ski helmet and goggles. • A K-Way FW26 technical look made the event's themes physical: protection, visibility, weather, movement, and "},{"id":"source-page-blog-building-on-the-xrp-ledger-at-42-paris","type":"source","title":"next/link","description":"A field note from September 2025, when a developer training at 42 Paris turned blockchain from market language into questions of accounts, permissions, payments, assets, and interface responsibility.","url":"https://haam.co/blog/building-on-the-xrp-ledger-at-42-paris","path":"/blog/building-on-the-xrp-ledger-at-42-paris","keywords":["blog","building","on","the","xrp","ledger","at","42","paris"],"summary":"next/link • Building on the XRP Ledger at 42 Paris • A field note from September 2025, when a developer training at 42 Paris turned blockchain from market language into questions of accounts, permissions, payments, assets, and interface responsibility. • Building on the XRP Ledger • 42 Paris • XRPL Commons • 42Blockchain • XRP Ledger developer training • blockchain interaction design • financial product UX • Kris Haamer Paris • HAAM field notes • article • Date attended • 29 September 2025 • Place • 42 Paris, 96 Boulevard Bessières • Event • Participation • Attendee on the first day • Show state before action • A financial interface should make the current account, asset, destination, amount, fee, and authorization path visible before a transaction is signed. Hidden state creates avoidable risk. • Make authority legible • Keys, issuers, trust relationships, and permissions are part of th"},{"id":"source-page-blog-buildspace","type":"source","title":"next/image","description":"Buildspace and the Feeling That You Could Make Something Good","url":"https://haam.co/blog/buildspace","path":"/blog/buildspace","keywords":["blog","buildspace"],"summary":"next/image • next/link • Buildspace and the Feeling That You Could Make Something Good • A personal archive note on Buildspace, the community that treated your own idea as the curriculum, what survives from my participation, and how Green Filter moved into public view. • buildspace • Buildspace • Nights and Weekends • maker communities • learning by building • community collaboration • Green Filter • greenfilter.app • sustainable shopping • HAAM • make whatever • creative technology • article • April 1, 2022 • Buildspace x Terra • A Discord notification in my email archive announced a weekend programme about stablecoins, Rust, and shipping a Terra dapp. It captures the version of Buildspace I encountered: fast, crypto-native, practical, and organised around making a working thing. • April 6, 2022 • One million project-page views • A second notification, posted by Farza, said the Buildspa"},{"id":"source-page-blog-cointelegraph-website-security-archive","type":"source","title":"next/link","description":"What Cointelegraph's missing articles, front-end compromise, and search collapse reveal about website security, digital preservation, and operational trust.","url":"https://haam.co/blog/cointelegraph-website-security-archive","path":"/blog/cointelegraph-website-security-archive","keywords":["blog","cointelegraph","website","security","archive"],"summary":"next/link • When a Website Loses Its Memory • What Cointelegraph's missing articles, front-end compromise, and search collapse reveal about website security, digital preservation, and operational trust. • 8 min read • Website Security • Digital Preservation • Search Integrity • Incident Analysis • Publishing Infrastructure • Cointelegraph missing articles • Cointelegraph website security • front-end compromise • website archive integrity • broken legacy URLs • search visibility incident • website security case study • Confirmed • A front-end security incident • On June 23, 2025, Cointelegraph warned readers about fraudulent pop-ups promoting a fake airdrop and non-existent CTG tokens. The interface attempted to persuade visitors to connect crypto wallets. • A severe search-visibility decline • Third-party analytics reported a sharp decline after Google's August and September 2025 spam up"},{"id":"source-page-blog-coordination-is-an-interface-problem","type":"source","title":"next/link","description":"Shared intentions do not automatically produce shared action. Interfaces shape whether people can discover one another, understand the system, contribute, decide, and maintain what they create together.","url":"https://haam.co/blog/coordination-is-an-interface-problem","path":"/blog/coordination-is-an-interface-problem","keywords":["blog","coordination","is","an","interface","problem"],"summary":"next/link • article • http • HAAM Notes · July 8, 2026 · 12 min read • The claim • Shared intentions do not automatically produce shared action. Interfaces shape whether people can discover one another, understand the system, contribute, decide, and maintain what they create together. • Sources and related notes • ← Back to HAAM Notes • Published July 8, 2026"},{"id":"source-page-blog-design-shanghai-2026-the-building-was-part-of-the-exhibition","type":"source","title":"next/image","description":"Design Shanghai 2026: The Building Was Part of the Exhibition","url":"https://haam.co/blog/design-shanghai-2026-the-building-was-part-of-the-exhibition","path":"/blog/design-shanghai-2026-the-building-was-part-of-the-exhibition","keywords":["blog","design","shanghai","2026","the","building","was","part","of","exhibition"],"summary":"next/image • next/link • Design Shanghai 2026: The Building Was Part of the Exhibition • 10 min read • Design Shanghai • Field Notes • Design Culture • Design Shanghai 2026 • Shanghai Exhibition Centre • Kris Haamer Design Shanghai • China design fair • Asian design culture • design exhibition interaction design • craft and contemporary design • HAAM field notes • A graphic field map of the Shanghai Exhibition Centre, with a historic central tower, contemporary city skyline, four exhibition halls, and a visitor route through the fair. • Design Shanghai returned to its original home in 2026. The historic venue did more than contain the fair. It gave contemporary design a visible relationship with memory, scale, and the city around it. • I entered as a professional visitor • On March 19, 2026, I attended the opening day of Design Shanghai at the Shanghai Exhibition Centre. My professional "},{"id":"source-page-blog-every-coding-agent-needs-a-regression-agent","type":"source","title":"next/image","description":"AI can produce the next version of a product in minutes. Teams now need agents that remember what the previous version promised and detect when code, interfaces, performance, accessibility, data, or user journeys quietly move backward.","url":"https://haam.co/blog/every-coding-agent-needs-a-regression-agent","path":"/blog/every-coding-agent-needs-a-regression-agent","keywords":["blog","every","coding","agent","needs","a","regression"],"summary":"next/image • next/link • Every Coding Agent Needs a Regression Agent • AI can produce the next version of a product in minutes. Teams now need agents that remember what the previous version promised and detect when code, interfaces, performance, accessibility, data, or user journeys quietly move backward. • AI regression testing • coding agents • visual regression testing • agentic QA • AI software testing • continuous verification • accessibility regression testing • performance regression detection • AI code review • software observability • article • Code + behaviour • Existing functions, workflows, APIs, permissions, and edge cases still behave as expected. • Unit, integration, end-to-end, contract, mutation, fuzz, and replay tests. • Checkout still succeeds, but discount stacking now produces the wrong total. • Visual + interaction • The interface still looks, moves, responds, and a"},{"id":"source-page-blog-follow-the-money","type":"source","title":"next/link","description":"Verified revenue does not tell us what to build. It tells us where to look for the next product constraint.","url":"https://haam.co/blog/follow-the-money","path":"/blog/follow-the-money","keywords":["blog","follow","the","money"],"summary":"next/link • Follow the Money • Verified revenue does not tell us what to build. It tells us where to look for the next product constraint. • 9 min read • Commercial Signals • AI Systems • Product Strategy • verified revenue • TrustMRR • startup signal intelligence • AI agency lead generation • product strategy • commercial signal radar • HAAM • article • The signal • Verified revenue does not tell us what to build. It tells us where to look. • The internet is full of startup signals. A company launches on Product Hunt. A founder announces a funding round. A team posts a new role. Someone shares a Stripe screenshot. A product receives traffic, followers, press, or awards. • Some of these signals matter. Many are temporary, performative, or disconnected from the health of the underlying business. • Revenue is different. It does not prove that a product is good, profitable, or sustainable. "},{"id":"source-page-blog-gaic-hangzhou-2026-ai-workflows","type":"source","title":"next/link","description":"GAIC Hangzhou 2026: AI Was Becoming an Industry of Workflows","url":"https://haam.co/blog/gaic-hangzhou-2026-ai-workflows","path":"/blog/gaic-hangzhou-2026-ai-workflows","keywords":["blog","gaic","hangzhou","2026","ai","workflows"],"summary":"next/link • GAIC Hangzhou 2026: AI Was Becoming an Industry of Workflows • A field note from an AI industry event in Hangzhou, where engineering design, electronic contracts, machine memory, and comic-drama production showed AI moving beyond the chat window. • 10 min read • GAIC • Hangzhou • AI Systems • Field Notes • GAIC Hangzhou 2026 • Hangzhou AI conference • China AI industry • AI workflow products • AI engineering design • AI electronic contracts • AI memory systems • AI comic drama • HAAM field notes • 金口良策 • Jinkou Liangce • Engineering design • An AI design engine built around engineering models, drawing models, standards, documents, and domain-specific review. • Asign • Electronic contracts • A contract SmartHub connecting drafting, comparison, review, workflow, reporting, signature, and evidence. • 红熊 AI • Red Bear AI • Machine memory • A memory layer presented as an operating"},{"id":"source-page-blog-garage48-hardware-arts-riga-2017","type":"source","title":"next/link","description":"Garage48 Hardware & Arts Riga 2017: The Room Was the Prototype","url":"https://haam.co/blog/garage48-hardware-arts-riga-2017","path":"/blog/garage48-hardware-arts-riga-2017","keywords":["blog","garage48","hardware","arts","riga","2017"],"summary":"next/link • Garage48 Hardware & Arts Riga 2017: The Room Was the Prototype • A personal archive note from my participation in the first Garage48 Hardware & Arts hackathon in Riga, where more than 100 people turned 34 pitches into 14 physical prototypes in one weekend. • Garage48 Hardware & Arts Riga 2017 • Garage48 Riga • RTU Design Factory • physical prototyping hackathon • hardware and arts • multidisciplinary design • Kris Haamer Garage48 • HAAM origins • article • Dates • 29 September to 1 October 2017 • Place • RTU Design Factory, Riga • Format • 48-hour physical prototyping hackathon • Participation • Participant in the weekend build • Pitch • Choose • Form • Build • Present • A room can be designed as infrastructure • The agenda, tools, meals, mentors, checkpoints, workshops, and final deadline formed a temporary production system. Collaboration became easier because the environme"},{"id":"source-page-blog-greenchill-public-goods-yoyogi-park","type":"source","title":"next/link","description":"A reconstructed field note from GreenChill in Yoyogi Park, where a DAO TOKYO side event turned public-goods theory into an open, low-pressure gathering under the sky.","url":"https://haam.co/blog/greenchill-public-goods-yoyogi-park","path":"/blog/greenchill-public-goods-yoyogi-park","keywords":["blog","greenchill","public","goods","yoyogi","park"],"summary":"next/link • GreenChill: Public Goods Need a Public Place • A reconstructed field note from GreenChill in Yoyogi Park, where a DAO TOKYO side event turned public-goods theory into an open, low-pressure gathering under the sky. • GreenChill Tokyo • GreenChill public goods • Yoyogi Park Web3 event • DAO TOKYO side event • Fracton Ventures • GreenPill Japan • regenerative cryptoeconomics • public goods event design • quadratic funding • Kris Haamer Tokyo • HAAM field notes • article • Date • 17 April 2023, 10:30 to 16:00 • Place • Yoyogi Park, Shibuya, Tokyo • Format • Free outdoor meetup and workshop • Context • Official DAO TOKYO side event • Open entry • Admission was free, people could arrive or leave at any time, and participants were invited to bring their own food and drink. The boundary around participation was deliberately light. • Shared ground • The gathering used a public park in"},{"id":"source-page-blog-hack-for-sweden-2019-waste-id","type":"source","title":"next/image","description":"A field note from my participation in the Waste ID team at Hack for Sweden 2019, where we prototyped a QR-based identity layer for discarded products.","url":"https://haam.co/blog/hack-for-sweden-2019-waste-id","path":"/blog/hack-for-sweden-2019-waste-id","keywords":["blog","hack","for","sweden","2019","waste","id"],"summary":"next/image • next/link • Waste ID at Hack for Sweden 2019 • A field note from my participation in the Waste ID team at Hack for Sweden 2019, where we prototyped a QR-based identity layer for discarded products. • Hack for Sweden 2019 • Waste ID • circular economy design • waste traceability • QR code prototype • sustainability hackathon • civic technology • Kris Haamer • HAAM archive • article • Concept • The surviving concept-paper cover records the project name, the Hack for Sweden setting, and the Stockholm date of April 5, 2019. • Prototype • QR identity generator • The interface shown in the archive creates a unique Waste ID from product information and returns a scannable QR code. • Team • Eight contributors • The concept-paper cover credits an eight-person team, including me. Waste ID was collaborative work developed under hackathon conditions. • Identify the object • A product en"},{"id":"source-page-blog-how-companies-do-data-driven-design","type":"source","title":"next/link","description":"What Netflix thumbnails, Duolingo streaks, Booking.com experiments, Spotify learning rates, Uber metrics, Airbnb guardrails, and Google's 41 shades of blue reveal about designing with data.","url":"https://haam.co/blog/how-companies-do-data-driven-design","path":"/blog/how-companies-do-data-driven-design","keywords":["blog","how","companies","do","data","driven","design"],"summary":"next/link • How Companies Actually Do Data-Driven Design • What Netflix thumbnails, Duolingo streaks, Booking.com experiments, Spotify learning rates, Uber metrics, Airbnb guardrails, and Google's 41 shades of blue reveal about designing with data. • 18 min read • Data-Driven Design • Experimentation • Product Strategy • Design Research • data-driven design examples • companies using data-driven design • A/B testing product design • Netflix artwork personalization • Duolingo experimentation • Booking.com experiments • Spotify product experiments • Airbnb experimentation guardrails • Uber experimentation platform • Google 41 shades of blue • article • Netflix • 2017 to 2026 • A title's artwork changes who notices it • Netflix turned the thumbnail into a personalized interface • Netflix discovered that recommendation does not end when the system selects a title. The image used to represent"},{"id":"source-page-blog-human-centered-design-is-not-enough","type":"source","title":"next/image","description":"Life-centered design expands responsibility beyond the immediate user to communities, other species, ecosystems, infrastructure, and people who will inherit the consequences.","url":"https://haam.co/blog/human-centered-design-is-not-enough","path":"/blog/human-centered-design-is-not-enough","keywords":["blog","human","centered","design","is","not","enough"],"summary":"next/image • next/link • Human-Centered Design Is Not Enough • Life-centered design expands responsibility beyond the immediate user to communities, other species, ecosystems, infrastructure, and people who will inherit the consequences. • 12 min read • Life-Centered Design • Systems Design • Sustainability • life-centered design • human-centered design • more-than-human design • multispecies design • sustainable interaction design • systems design • AI sustainability • Green Filter • A person connected to community, infrastructure, ecosystems, other species, and future generations. • The user remains important, but the user is no longer the edge of the design problem. • Human-centered design was a necessary correction • Human-centered design changed what designers were accountable to. Instead of beginning with technical possibility or organizational convenience, it asked us to understan"},{"id":"source-page-blog-lovehack-minsk-2018-yellow-blue-bus","type":"source","title":"next/link","description":"Surviving event report: LOVEHACK in Minsk, July 2018","url":"https://haam.co/blog/lovehack-minsk-2018-yellow-blue-bus","path":"/blog/lovehack-minsk-2018-yellow-blue-bus","keywords":["blog","lovehack","minsk","2018","yellow","blue","bus"],"summary":"next/link • Surviving event report: LOVEHACK in Minsk, July 2018 • Origin • Garage48 Visual Hackathon 2018 • Yellow Blue Bus started here as a visual and emotional translation idea, and the first version was built during the Garage48 weekend in Minsk. • Continuation • LOVEHACK Minsk 2018 • The same summer, the idea moved into LOVEHACK as a second build focused more directly on relationships, emotion, voice, and cross-language communication. • article • @context • @type • BlogPosting • Event • CreativeWork • Yellow Blue Bus • Thing • Cross-cultural interaction design • Person • Kris Haamer • Organization • application/ld+json • LOVEHACK, Minsk • Date • July 2018 • Project • Я люблю вас • I love you • Project lineage • One idea, two separate Minsk hackathons • Yellow Blue Bus should be read as a thread across two events. The origin and the continuation now stay distinct in the archive. • A"},{"id":"source-page-blog-make-anything","type":"source","title":"next/image","description":"A market overview of the platforms turning the internet into a universal workshop, and the missing layer between making an artifact and delivering a complete real-world outcome.","url":"https://haam.co/blog/make-anything","path":"/blog/make-anything","keywords":["blog","make","anything"],"summary":"next/image • next/link • slug • title • Make Anything • description • A market overview of the platforms turning the internet into a universal workshop, and the missing layer between making an artifact and delivering a complete real-world outcome. • publishedAt • readTime • 18 min read • tags • Maker Platforms • AI Creation • Market Gaps • keywords • make anything online • maker platforms • AI creation tools • prompt to app • digital manufacturing • online maker economy • intention to outcome • real world AI agents • creation platform market • future of making • heroImage • src • width • height • alt • A central intention moving through layers for software, media, worlds, products, workflows, and markets, with unresolved gaps for permission, trust, local action, and maintenance. • caption • The internet can produce almost every ingredient. The unsolved problem is carrying an intention th"},{"id":"source-page-blog-mongodb-europe-2018","type":"source","title":"next/link","description":"MongoDB Europe 2018 and the Infrastructure Behind a Global Day of Action","url":"https://haam.co/blog/mongodb-europe-2018","path":"/blog/mongodb-europe-2018","keywords":["blog","mongodb","europe","2018"],"summary":"next/link • MongoDB Europe 2018 and the Infrastructure Behind a Global Day of Action • A personal archive note from MongoDB Europe at Old Billingsgate in London, when work on World Cleanup Day made database reliability a practical product concern. • MongoDB Europe 2018 • MongoDB Atlas • Old Billingsgate London • World Cleanup Day technology • civic technology infrastructure • database scalability • cloud database history • Kris Haamer • HAAM archive • article • Date • 8 November 2018 • Place • Old Billingsgate, London • Participation • Attendee and MongoDB Atlas practitioner • Operational context • World Cleanup Day digital infrastructure • Infrastructure is part of the user experience • A visitor never sees a database cluster, but they experience its consequences through speed, continuity, accurate records, and whether a service survives the moment it becomes important. • Managed system"},{"id":"source-page-blog-motion-for-ux","type":"source","title":"next/image","description":"Motion for UX: Designing Time, Change, and Attention","url":"https://haam.co/blog/motion-for-ux","path":"/blog/motion-for-ux","keywords":["blog","motion","for","ux"],"summary":"next/image • next/link • Motion for UX: Designing Time, Change, and Attention • A practical guide to using motion as interaction design: preserving continuity, confirming actions, directing attention, pacing information, and respecting reduced-motion preferences. • Figma: Principles in motion • A June 2026 conversation on designing with time, rhythm, pacing, easing, anticipation, overshoot, follow-through, holds, and settling. • Material Design 3: Motion • Google's platform guidance for expressive, spatial, and purposeful interface motion. • Apple Human Interface Guidelines: Motion • Platform guidance on using motion to communicate status, feedback, navigation, and spatial relationships. • MDN: prefers-reduced-motion • Implementation guidance for detecting and honoring a person's device-level motion preference. • W3C WCAG 2.2: Animation from Interactions • Accessibility guidance for disa"},{"id":"source-page-blog-one-developer-vs-consumer-internet","type":"source","title":"next/link","description":"I am rebuilding the product experiences behind the world's biggest consumer apps, one functional vertical slice at a time, to test what a single developer working with AI can now ship.","url":"https://haam.co/blog/one-developer-vs-consumer-internet","path":"/blog/one-developer-vs-consumer-internet","keywords":["blog","one","developer","vs","consumer","internet"],"summary":"next/link • One Developer vs. the Consumer Internet • I am rebuilding the product experiences behind the world's biggest consumer apps, one functional vertical slice at a time, to test what a single developer working with AI can now ship. • single developer AI • consumer app rebuilds • AI product development • full stack product design • independent software development • HAAM rebuilds • article • Recognisable in one screen • The target should be familiar enough that people can judge the result without a long explanation. • A complete user loop • The rebuild needs discovery, decision, action, feedback, and recovery instead of a static homepage imitation. • Several kinds of product work • Strong targets combine interaction design, frontend engineering, data, AI, accessibility, trust, performance, and localization. • A useful vertical slice • The experience should remain meaningful with sy"},{"id":"source-page-blog-open-data-day-taiwan-2025","type":"source","title":"next/link","description":"Open Data Day Taiwan 2025 and the Work of Making Local Data Legible","url":"https://haam.co/blog/open-data-day-taiwan-2025","path":"/blog/open-data-day-taiwan-2025","keywords":["blog","open","data","day","taiwan","2025"],"summary":"next/link • Open Data Day Taiwan 2025 and the Work of Making Local Data Legible • A first-person field note from Open Data Day Taiwan 2025 at National Taipei University, where Wikidata Taiwan gathered people around the theme of local data and the public work required to keep it useful. • Open Data Day Taiwan 2025 • Wikidata Taiwan • local data • National Taipei University • Taiwan civic technology • open knowledge infrastructure • community data stewardship • Kris Haamer • HAAM field notes • article • Date • 9 March 2025 • Place • National Taipei University, Sanxia Campus, room 11F01 • Organizer • Theme • Local Data • Local data needs local stewards • A dataset remains useful when people close to the subject can correct names, add context, notice omissions, and explain how a place actually works. Stewardship is a continuing civic role rather than a one-time upload. • Structure determines"},{"id":"source-page-blog-physics-is-a-design-material","type":"source","title":"next/image","description":"Every designed thing negotiates forces, matter, energy, light, sound, heat, and human movement. Physics does not sit outside design as a constraint. It becomes part of the experience.","url":"https://haam.co/blog/physics-is-a-design-material","path":"/blog/physics-is-a-design-material","keywords":["blog","physics","is","a","design","material"],"summary":"next/image • next/link • Physics Is a Design Material • Every designed thing negotiates forces, matter, energy, light, sound, heat, and human movement. Physics does not sit outside design as a constraint. It becomes part of the experience. • 10 min read • Design Theory • Interaction Design • Physical Systems • physics and design • design theory • interaction design physics • material behaviour • motion design • ergonomics • sustainable design • An abstract design system showing a suspended object, force vectors, a spring curve, light splitting through a prism, waves, and an interface responding to motion. • A designed object never exists as pure form. Gravity pulls it, materials bend, light reveals it, sound gives it weight, heat moves through it, and a body eventually has to use it. • Design begins where intention meets matter • Design is often described as the shaping of appearance, me"},{"id":"source-page-blog-seoul-zk-layer","type":"source","title":"Seoul Zk Layer","description":"Explore Seoul Zk Layer on HAAM.","url":"https://haam.co/blog/seoul-zk-layer","path":"/blog/seoul-zk-layer","keywords":["blog","seoul","zk","layer","ETH Seoul","Seoul ZK layer","zero knowledge proofs","cryptography event design","Ethereum field note","crypto UX","Web3 community design","Seoul technology culture","Field Notes","ZK","Ethereum","Seoul","Crypto UX","4 min read","2026-07-08"],"summary":"A cryptography event is not only a technical programme • The Seoul archive is full of screens, stages, maps, badges, food, side events, and small fragments of coordination. ETH Seoul appears here as a technical gathering, but the useful design question is broader: how does a city make an abstract infrastructure conversation feel present? • Zero-knowledge systems are hard to explain because they ask people to trust a mathematical promise they cannot see directly. The event environment does some of that translation work. A lecture hall, a slide, a panel, a POAP QR code, a route around the city, and an evening installation all become parts of the interface around the protocol conversation. • That does not make the math simpler. It makes the community legible enough that someone can begin to orient themselves inside it. • Proofs need social handles • The most literal proof artifact in the ar"},{"id":"source-page-blog-size-is-an-interface","type":"source","title":"next/link","description":"Before a product has a brand, a feature set, or a message, it has a size.","url":"https://haam.co/blog/size-is-an-interface","path":"/blog/size-is-an-interface","keywords":["blog","size","is","an","interface"],"summary":"next/link • article • NFKD • img • currentColor • none • round • body • Body • digital • Screen • suitcase • System • Scale • @context • @type • BlogPosting • @id • Thing • application/ld+json • Blog post • hidden xl:block • Table of contents • HAAM Notes / Human scale • Contents • Before a product has a brand, a feature set, or a message, it has a size. • A cup meets the hand. A chair meets the pelvis, knees, spine, and feet. A door meets the shoulder and wrist. A staircase meets the rhythm of the leg. A phone meets the thumb. A suitcase meets the arm, back, airport queue, overhead bin, train aisle, hotel room, and pavement. • Size is one of the first ways a product touches a human being. • Editorial note • This essay uses original inline SVG illustrations so the article can stay lightweight, scalable, theme aware, and close to the HTML. The graphics are part of the argument: each secti"},{"id":"source-page-blog-slush-2016-the-architecture-of-ambition","type":"source","title":"next/link","description":"A personal archive note from Helsinki on attending Slush 2016 and seeing how a student-built event turned Nordic ambition into shared infrastructure.","url":"https://haam.co/blog/slush-2016-the-architecture-of-ambition","path":"/blog/slush-2016-the-architecture-of-ambition","keywords":["blog","slush","2016","the","architecture","of","ambition"],"summary":"next/link • Slush 2016 and the Architecture of Ambition • A personal archive note from Helsinki on attending Slush 2016 and seeing how a student-built event turned Nordic ambition into shared infrastructure. • 10 min read • Slush 2016 • Slush Helsinki • Kris Haamer Slush • Nordic startup history • Helsinki startup ecosystem • startup conference design • HAAM archive • article • attendees • startups • investors • journalists • countries • side events • Slush 2016 attendance, programme, themes, and meeting figures • WIRED: The State of European Tech at Slush 2016 • WIRED: Helsinki's startup landscape in 2016 • Slush • @context • @type • BlogPosting • Person • Kris Haamer • Organization • application/ld+json • true • linear-gradient(rgba(255,255,255,0.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.09) 1px, transparent 1px) • 48px 48px • relative • The arrival • Slush g"},{"id":"source-page-blog-state-of-the-map-2018-milan","type":"source","title":"next/image","description":"Mapping Waste Before the Cleanup: State of the Map 2018 in Milan","url":"https://haam.co/blog/state-of-the-map-2018-milan","path":"/blog/state-of-the-map-2018-milan","keywords":["blog","state","of","the","map","2018","milan"],"summary":"next/image • next/link • Mapping Waste Before the Cleanup: State of the Map 2018 in Milan • A personal archive note from State of the Map 2018, where Kris Haamer and Kadri Maripuu presented MapIt: Global Trash Hunt and treated OpenStreetMap as coordination infrastructure for World Cleanup Day. • 9 min read • OpenStreetMap • World Cleanup Day • Civic Technology • HAAM Origins • State of the Map 2018 • Kris Haamer OpenStreetMap • MapIt Global Trash Hunt • World Cleanup Day mapping • OpenStreetMap waste mapping • civic technology • environmental data • Milan mapping conference • HAAM archive • An archival graphic showing a map grid between Milan and a global network of waste mapping points, with the title State of the Map 2018. • The presentation joined two scales: local observations of waste and a global civic action designed to work across many countries, communities, and mapping practice"},{"id":"source-page-blog-tags","type":"source","title":"next/link","description":"Browse every HAAM Notes topic and open a focused index of essays, field notes, methods, and observations for that tag.","url":"https://haam.co/blog/tags","path":"/blog/tags","keywords":["blog","tags"],"summary":"next/link • Browse every HAAM Notes topic and open a focused index of essays, field notes, methods, and observations for that tag. • HAAM Notes topics • design writing index • interaction design essays • AI product strategy • field notes • website • @context • @type • CollectionPage • A directory of the topics used across HAAM Notes. • ItemList • ListItem • application/ld+json • Blog navigation • no-underline hover:underline • true • page • 1 note • Notes • Topics • HAAM Notes / Topic index • Follow an idea across the archive. • Each tag opens a focused index of notes that share a subject, method, place, technology, or recurring question. • ← Back to all notes"},{"id":"source-page-blog-target-01-rebuilding-airbnb","type":"source","title":"next/link","description":"Target 01: Rebuilding Airbnb as a Single Developer","url":"https://haam.co/blog/target-01-rebuilding-airbnb","path":"/blog/target-01-rebuilding-airbnb","keywords":["blog","target","01","rebuilding","airbnb"],"summary":"next/link • Target 01: Rebuilding Airbnb as a Single Developer • Why Airbnb is the first target in HAAM's One Developer vs. the Consumer Internet series, what the independent rebuild will include, and where the real platform remains impossible to fake. • Airbnb rebuild • single developer AI app • travel marketplace UX • AI product development • accessible booking interface • HAAM Stay 01 • article • Discover • Find a plausible place without fighting the interface. • Destination, date, and guest search • Responsive list and map view • Useful filters with removable state • Search recovery and flexible-date suggestions • Saved searches and wishlists • Decide • Understand the place, tradeoffs, and full price before committing. • Listing gallery and structured property details • Amenities, rules, accessibility information, and location context • Review themes with links back to source reviews"},{"id":"source-page-blog-the-ai-drama-director-is-not-a-prompt-engineer","type":"source","title":"next/image","description":"The AI Drama Director Is Not a Prompt Engineer","url":"https://haam.co/blog/the-ai-drama-director-is-not-a-prompt-engineer","path":"/blog/the-ai-drama-director-is-not-a-prompt-engineer","keywords":["blog","the","ai","drama","director","is","not","a","prompt","engineer"],"summary":"next/image • next/link • The AI Drama Director Is Not a Prompt Engineer • The AI microdrama boom is revealing how new AI-native professions form. The director is not reduced to prompting; the role expands into narrative, models, continuity, compute, selection, rights, and production economics. • AI drama director • AI film director • AI microdrama • vertical drama • AI filmmaking • generative video production • creative direction • China short drama industry • AI-native professions • AI drama production costs • human AI collaboration • article • Casting an actor • Locking a character asset, face, wardrobe, voice, and permission trail • Calling for another take • Generating variants, rejecting failures, and selecting a usable synthetic performance • Maintaining continuity on set • Preventing faces, ages, props, spaces, and lighting from drifting between model calls • Managing a shooting b"},{"id":"source-page-blog-the-blank-chat-window","type":"source","title":"next/link","description":"This essay draws on Product Hunt's monthly leaderboards from January through June 2026. Product Hunt records attention within a particular early-adopter community; it does not establish long-term product quality, retention, or commercial durability. The argument presented here is an editorial interpretation of the recurring product forms visible in that record.","url":"https://haam.co/blog/the-blank-chat-window","path":"/blog/the-blank-chat-window","keywords":["blog","the","blank","chat","window"],"summary":"next/link • article • @context • @type • BlogPosting • @id • application/ld+json • Blog post • HAAM Index / Notes • Field observation 2026.07 • Editorial note • This essay draws on Product Hunt's monthly leaderboards from January through June 2026. Product Hunt records attention within a particular early-adopter community; it does not establish long-term product quality, retention, or commercial durability. The argument presented here is an editorial interpretation of the recurring product forms visible in that record. • Contents • Sources and record • ← Return to HAAM Notes • HAAM observes how products, institutions, and cultures change one another."},{"id":"source-page-blog-the-canvas-kept-expanding","type":"source","title":"next/link","description":"This essay was developed with AI assistance from Kris Haamer's creative direction, public writing, personal archives, and email records. The lived details and tool history are grounded in those records; the final structure and wording were edited for publication on HAAM.","url":"https://haam.co/blog/the-canvas-kept-expanding","path":"/blog/the-canvas-kept-expanding","keywords":["blog","the","canvas","kept","expanding"],"summary":"next/link • 14 min read • article • NFKD • @context • @type • BlogPosting • @id • Thing • application/ld+json • hidden xl:block • Table of contents • font-medium no-underline hover:underline • Contents • Authorship note • This essay was developed with AI assistance from Kris Haamer's creative direction, public writing, personal archives, and email records. The lived details and tool history are grounded in those records; the final structure and wording were edited for publication on HAAM. • Related paths on HAAM • ← Back to all notes"},{"id":"source-page-blog-the-design-industry-is-a-media-system","type":"source","title":"next/image","description":"AI-generated tables of Estonian and Finnish design companies reveal not one design market, but an ecology shaped by directories, activity codes, procurement, software, symbolic capital, and invisible labour.","url":"https://haam.co/blog/the-design-industry-is-a-media-system","path":"/blog/the-design-industry-is-a-media-system","keywords":["blog","the","design","industry","is","a","media","system"],"summary":"next/image • next/link • The Design Industry Is a Media System • AI-generated tables of Estonian and Finnish design companies reveal not one design market, but an ecology shaped by directories, activity codes, procurement, software, symbolic capital, and invisible labour. • 15 min read • Design Industry • Media Studies • Business of Design • design industry revenue • design agency revenue per employee • Estonian design companies • Finnish design agencies • media studies design • design industry clusters • creative industries data • A diagram of design companies grouped into connected clusters around directories, revenue, labour, software, procurement, and symbolic value. • The design industry is not a single row of comparable studios. It is a media ecology in which categories, directories, financial reports, procurement systems, and portfolios decide what becomes visible. • The industry "},{"id":"source-page-blog-the-film-is-an-experiment","type":"source","title":"next/image","description":"How neuroscience uses films to study attention, memory, emotion, narrative, and shared experience, from fMRI and eye tracking to the CognitiveNeuro&Movies group at NCKU.","url":"https://haam.co/blog/the-film-is-an-experiment","path":"/blog/the-film-is-an-experiment","keywords":["blog","the","film","is","an","experiment"],"summary":"next/image • next/link • The Film Is an Experiment • How neuroscience uses films to study attention, memory, emotion, narrative, and shared experience, from fMRI and eye tracking to the CognitiveNeuro&Movies group at NCKU. • neuroscience of film • neurocinematics • cognitive neuroscience movies • movie watching fMRI • intersubject correlation • film eye tracking • NCKU CognitiveNeuro&Movies • 認知神經科學與電影 • naturalistic neuroscience • article • Choose a film question • Start with a cinematic operation: a cut, a camera move, a face, a subtitle, a sound cue, a reversal, a suspense interval, or a change in narrative point of view. • Create a comparison • Researchers might compare an edited and unedited sequence, alter the soundtrack, scramble scenes, remove context, change subtitles, or compare audiences with different experience or traits. • Turn the film into a timeline • Every frame, cut, l"},{"id":"source-page-blog-the-internet-is-a-studio-wall","type":"source","title":"next/link","description":"How Pinterest, Xiaohongshu, Are.na, Behance, Cosmos, and other visual platforms shape design inspiration, cultural awareness, taste, and creative sameness.","url":"https://haam.co/blog/the-internet-is-a-studio-wall","path":"/blog/the-internet-is-a-studio-wall","keywords":["blog","the","internet","is","a","studio","wall"],"summary":"next/link • The Internet Is a Studio Wall • How Pinterest, Xiaohongshu, Are.na, Behance, Cosmos, and other visual platforms shape design inspiration, cultural awareness, taste, and creative sameness. • 14 min read • Design Inspiration • Visual Research • Platform Culture • design inspiration platforms • Pinterest for designers • Xiaohongshu design inspiration • Little Red Book visual research • Are.na creative research • Behance design inspiration • Cosmos visual discovery • moodboard research • algorithmic taste • visual culture research • Pinterest • The broad visual search engine • Fast pattern-finding across interiors, fashion, graphics, products, photography, materials, typography, and almost any adjacent field. • Repeated recommendations can quickly narrow a search into a polished monoculture. Sources and original context are often separated from the image. • Pinterest turns fragme"},{"id":"source-page-blog-the-prompt-is-not-the-product","type":"source","title":"next/image","description":"AI is moving beyond the empty chat box. The durable product is the system that gathers context, generates instructions, evaluates results, controls permissions, and turns answers into work.","url":"https://haam.co/blog/the-prompt-is-not-the-product","path":"/blog/the-prompt-is-not-the-product","keywords":["blog","the","prompt","is","not","product"],"summary":"next/image • next/link • The Prompt Is Not the Product • AI is moving beyond the empty chat box. The durable product is the system that gathers context, generates instructions, evaluates results, controls permissions, and turns answers into work. • AI system design • prompt engineering • AI automation • agentic workflows • AI product design • context engineering • AI evaluation • human supervised AI • AI orchestration • article • Starting point • An empty text box • A real signal, goal, or recurring event • Context • The user manually pastes it • The product retrieves permitted, relevant evidence • Instructions • One reusable prompt template • Task-specific instructions assembled at runtime • Quality • The user notices mistakes • Outputs are checked against evidence and rules • Action • Copy and paste the answer elsewhere • Approved results update the tools where work happens • Learning "},{"id":"source-page-blog-the-return-of-the-room","type":"source","title":"next/image","description":"The Return of the Room: Why Companies Are Investing in Physical Events Again","url":"https://haam.co/blog/the-return-of-the-room","path":"/blog/the-return-of-the-room","keywords":["blog","the","return","of","room"],"summary":"next/image • next/link • The Return of the Room: Why Companies Are Investing in Physical Events Again • physical events • in-person events • event marketing • experiential marketing • TEDxSãoTomé • hackathons • event strategy • community design • event-led growth • article • of organizers say in-person conferences, summits, and conventions are their most impactful marketing channel. • Bizzabo, 2026 • of organizers plan to host more events in 2026. Another 40% plan to maintain their current volume. • events were planned by the average surveyed marketer in 2024, compared with 14 the year before. • Splash, 2025 • of attendees use in-person events to discover products and services, ahead of company websites and search or GenAI. • Freeman, 2025 • Trust needs more than a claim • A polished website can be generated quickly. A room full of customers, experts, partners, and peers is harder to fak"},{"id":"source-page-blog-the-startup-is-not-the-launch","type":"source","title":"next/link","description":"A startup becomes legible across seven layers: discovery, interest, adoption, payment, satisfaction, commitment, and transferability.","url":"https://haam.co/blog/the-startup-is-not-the-launch","path":"/blog/the-startup-is-not-the-launch","keywords":["blog","the","startup","is","not","launch"],"summary":"next/link • The Startup Is Not the Launch • A startup becomes legible across seven layers: discovery, interest, adoption, payment, satisfaction, commitment, and transferability. • 15 min read • Market Intelligence • Startup Strategy • Commercial Signals • startup signal stack • Product Hunt success • TrustMRR revenue • startup market intelligence • startup traction signals • startup success metrics • HAAM Signal • article • Discovery • Are people noticing the product? • Product Hunt • BetaList • Hacker News • Upvotes and rank • Comments and sentiment • Followers • Saves and collections • Early attention and curiosity. It measures visibility, not enduring value. • The Launch Rocket • Interest • Similarweb • Google Trends • Meta Ad Library • Website visits • Traffic growth • Acquisition channels • Search interest • Active advertising • Distribution and demand. It shows whether a launch bec"},{"id":"source-page-blog-the-storyworld-is-older-than-the-franchise","type":"source","title":"next/image","description":"A global history of storyworlds, from clay tablets, living cosmologies, epic performance, and shadow puppets to comics, games, media mixes, participatory fandom, and AI-generated worlds.","url":"https://haam.co/blog/the-storyworld-is-older-than-the-franchise","path":"/blog/the-storyworld-is-older-than-the-franchise","keywords":["blog","the","storyworld","is","older","than","franchise"],"summary":"next/image • next/link • The Storyworld Is Older Than the Franchise • A global history of storyworlds, from clay tablets, living cosmologies, epic performance, and shadow puppets to comics, games, media mixes, participatory fandom, and AI-generated worlds. • storyworld history • worldbuilding history • global storytelling • transmedia storytelling • oral tradition • living cosmology • Ramayana • Ifa • Popol Vuh • wayang • media mix • participatory culture • AI storyworlds • article • Cosmology • What exists, where it came from, and what counts as human, divine, ancestral, natural, dangerous, or possible. • Geography • Places that hold memory and consequence: cities, forests, rivers, underworlds, roads, planets, homes, thresholds, and forbidden zones. • Actors • People, deities, ancestors, animals, monsters, institutions, objects, and forces that can act inside the world. • Rules • What a"},{"id":"source-page-blog-the-tiny-scene-between-screens","type":"source","title":"next/link","description":"How Duolingo and a new generation of apps use short animated interstitials to turn state changes into emotion, rhythm, and memory.","url":"https://haam.co/blog/the-tiny-scene-between-screens","path":"/blog/the-tiny-scene-between-screens","keywords":["blog","the","tiny","scene","between","screens"],"summary":"next/link • The Tiny Scene Between Screens • How Duolingo and a new generation of apps use short animated interstitials to turn state changes into emotion, rhythm, and memory. • 13 min read • UX Patterns • Motion Design • Character Design • Product Emotion • animated interstitial UX • Duolingo animation design • character animation product design • reward animation UX • narrative interface design • Rive product animation • motion design systems • Duolingo • Reactive cast • Characters respond to answers, mistakes, streaks, rewards, and returning learners. Animation interprets product state instead of merely decorating it. • Khan Academy Kids • World continuity • Recurring characters connect lessons, stories, games, and rewards so separate activities feel like one learning world. • Finch • Persistent relationship • Self-care actions affect a virtual bird over time. Progress becomes visible"},{"id":"source-page-blog-web-summit-2016-lisbon-archive","type":"source","title":"next/link","description":"Web Summit 2016 and the Week Lisbon Became a Technology Capital","url":"https://haam.co/blog/web-summit-2016-lisbon-archive","path":"/blog/web-summit-2016-lisbon-archive","keywords":["blog","web","summit","2016","lisbon","archive"],"summary":"next/link • Web Summit 2016 and the Week Lisbon Became a Technology Capital • A personal archive note from the first Lisbon edition of Web Summit, reconstructed from my 2016 Instagram post, calendar, and the city-wide network that formed around the conference. • Web Summit 2016 • Lisbon technology conference • Kris Haamer Web Summit • Portugal startup ecosystem • conference field note • technology events • HAAM archive • Kris Haamer: Web Summit 2016 field note on Instagram • WIRED: Web Summit moves from Dublin to Lisbon • Web Summit event history: the 2016 Lisbon edition • October 28, 2016 • The conference entered the phone first • An Apple account notice records the download of the Web Summit 2016 app. Before entering the venue, the event already existed as a schedule, map, identity layer, and promise of coordination. • November 9, 2016 • A sentence preserved from the stage • My public "},{"id":"source-page-blog-yodex-the-design-city-i-could-only-visit","type":"source","title":"next/image","description":"As a master's student at NCKU, I could not exhibit at Taipei's YODEX. Walking through it several times instead taught me to see design education as a temporary city, a public ritual, and a living system.","url":"https://haam.co/blog/yodex-the-design-city-i-could-only-visit","path":"/blog/yodex-the-design-city-i-could-only-visit","keywords":["blog","yodex","the","design","city","i","could","only","visit"],"summary":"next/image • next/link • react • YODEX, the Design City I Could Only Visit • As a master's student at NCKU, I could not exhibit at Taipei's YODEX. Walking through it several times instead taught me to see design education as a temporary city, a public ritual, and a living system. • 12 min read • Taiwan • Design Education • Field Notes • YODEX Taipei • Young Designers Exhibition Taiwan • Taiwan design education • NCKU design • design exhibitions • industrial design education • architecture and exhibition design • An architectural plan of a temporary exhibition city, with colourful university booths forming districts around bright circulation paths and one visitor moving through them. • At YODEX, each school became a district, every aisle became a street, and thousands of graduation projects briefly occupied the same city. • Every year, a design city appears in Taipei • Every year, Taiwan'"},{"id":"source-page-build-in-public","type":"source","title":"Build in Public","description":"Follow the decisions, experiments, shipped work, and long-term thinking behind the development of HAAM.","url":"https://haam.co/build-in-public","path":"/build-in-public","keywords":["build","in","public"],"summary":"next/link • Commercial clarity • Turning HAAM into an easier company to understand and buy from. • The current focus is sharpening the offer, connecting capabilities to concrete outcomes, and making the path from curiosity to a paid engagement feel obvious. • Explore services • Product systems • Converting repeated studio work into reusable products and tools. • Internal methods for research, design review, performance, accessibility, trust, and opportunity discovery are becoming visible systems that can support clients at greater scale. • See the product direction • Institution building • Designing HAAM for endurance rather than a temporary growth spike. • Brand, governance, documentation, technical foundations, and public memory are being developed as long-term infrastructure for a practice intended to outlive its founder. • Read the vision • July 2026 • Make the operating system visib"},{"id":"source-page-cart","type":"source","title":"Feature Cart - Review Your App Scope","description":"Review the UX/UI patterns selected for your app, adjust the feature scope, add project context, and submit the cart to HAAM.","url":"https://haam.co/cart","path":"/cart","keywords":["cart"],"summary":"next/link • Feature Cart - Review Your App Scope • Review the UX/UI patterns selected for your app, adjust the feature scope, add project context, and submit the cart to HAAM. • app feature cart • UX UI scope • app planning budget • HAAM project cart • Feature cart • Review the UX/UI features for your app. • Check the selected patterns, remove anything that does not fit, add project context, and send the scope to HAAM. The total is a planning anchor before discovery, not an automated payment. • Continue browsing patterns"},{"id":"source-page-case-studies","type":"source","title":"Viirus Theatre Case Study","description":"A HAAM case study about rebuilding the Viirus Theatre website for performance, accessibility, navigation, ticket flows, and everyday editorial use.","url":"https://haam.co/case-studies","path":"/case-studies","keywords":["case","studies"],"summary":"next/link • 62 to 99 • Performance • Lighthouse mobile lab score • 8.8s to 2.0s • Largest Contentful Paint • Faster first meaningful visual load • 130ms to 40ms • Total Blocking Time • Less main-thread interruption • F to B • Carbon rating • Website Carbon Calculator • Client • Viirus Theatre • Sector • Performing arts, public culture, ticketed events • Role • Product strategy, interaction design, frontend implementation, performance, accessibility • Focus • Repertoire discovery, calendar flows, ticket paths, language switching, editorial operations • Context • A theatre website behaves like a service layer. • Visitors do not arrive with unlimited attention. They need to understand what is on, when it starts, what language it uses, how accessible it is, and where the ticket path begins. The redesign treats those questions as the core product, not as supporting details around the visual i"},{"id":"source-page-chat","type":"source","title":"Live Chatroom","description":"Meet people visiting HAAM through a live public chatroom with realtime profiles and presence.","url":"https://haam.co/chat","path":"/chat","keywords":["chat"],"summary":"Live Chatroom - HAAM • Meet people visiting HAAM through a live public chatroom with realtime profiles and presence. • HAAM community • live chat • chatroom • user profiles • realtime collaboration • HAAM social layer • Talk to whoever is here. • HAAM is no longer a one-way portfolio. The Signal Room turns the site into a place where visitors can meet through lightweight profiles, react, and start collaborating in real time. • Live presence • See who is in the room, open their profile, and notice when someone is typing. • Peer-synced context • Recent messages and small profile snapshots are shared by connected peers and cached locally. • Human profiles • Add what you do, where you are, what you care about, and a link to your wider work. A complete signed-in profile can now earn HAAM points."},{"id":"source-page-client-claim","type":"source","title":"Claim Your HAAM Client Room","description":"Connect an existing HAAM client record to a newly created or existing account.","url":"https://haam.co/client/claim","path":"/client/claim","keywords":["client","claim"],"summary":"react • Claim Your HAAM Client Room • Connect an existing HAAM client record to a newly created or existing account. • Checking your invitation..."},{"id":"source-page-client","type":"source","title":"Client Room","description":"A private HAAM client account for website maintenance status, invoices, project email history, and evidence-based next improvements.","url":"https://haam.co/client","path":"/client","keywords":["client"],"summary":"Client Room - HAAM • A private HAAM client account for website maintenance status, invoices, project email history, and evidence-based next improvements."},{"id":"source-page-concept-map","type":"source","title":"Concept Map","description":"Explore how HAAM projects, services, writing, products, research, tools, places, and ideas connect across one living concept map.","url":"https://haam.co/concept-map","path":"/concept-map","keywords":["concept","map"],"summary":"Concept Map - HAAM • Explore how HAAM projects, services, writing, products, research, tools, places, and ideas connect across one living concept map. • HAAM concept map • knowledge graph • content map • connected ideas • Kris Haamer"},{"id":"source-page-connections","type":"source","title":"next/navigation","description":"Explore Connections on HAAM.","url":"https://haam.co/connections","path":"/connections","keywords":["connections"],"summary":"next/navigation"},{"id":"source-page-constellation","type":"source","title":"Constellation","description":"Explore project relationships as a constellation graph connected by shared tags.","url":"https://haam.co/constellation","path":"/constellation","keywords":["constellation"],"summary":"next/navigation • Constellation - HAAM • Explore project relationships as a constellation graph connected by shared tags. • constellation • project relationships • tag graph"},{"id":"source-page-contact","type":"source","title":"next/navigation","description":"Explore Contact on HAAM.","url":"https://haam.co/contact","path":"/contact","keywords":["contact"],"summary":"next/navigation"},{"id":"source-page-creative-process","type":"source","title":"The Creative Process: Pain, Doubt, and the Journey","description":"A first-person account of the creative journey through the spark, the painful gap, self-doubt, return, editing, and release, plus the practices HAAM uses to keep meaningful work moving.","url":"https://haam.co/creative-process","path":"/creative-process","keywords":["creative","process"],"summary":"next/link • The pull • Something keeps returning. • A sentence, image, interaction, problem, or possibility refuses to leave. At this stage the work is almost weightless. It feels complete because reality has not touched it yet. • What is asking to exist? • The first collision • Imagination meets material. • The first draft carries very little of the grace that existed in the mind. Words become clumsy. Layouts become ordinary. Code resists. The idea has entered a world with limits. • What did the first attempt reveal? • The gap • The work is visible, and it is not there yet. • This is the painful middle. Taste can already recognize the distance between the desired work and the actual work, while skill, time, language, money, or technology may not yet know how to close it. • Which part of the gap matters most? • The doubt • The project starts to feel like evidence against you. • A weak dr"},{"id":"source-page-credits","type":"source","title":"Credits","description":"The people, vendors, platforms, services, open-source tools, and very patient octopuses behind haam.co.","url":"https://haam.co/credits","path":"/credits","keywords":["credits"],"summary":"Credits | HAAM • The people, vendors, platforms, services, open-source tools, and very patient octopuses behind haam.co. • HAAM credits • haam.co technology stack • website vendors • website services • open source acknowledgements • Kris Haamer"},{"id":"source-page-dance-library","type":"source","title":"Dance Library Mini App","description":"A mini dance learning app with iconic moves from hip-hop, ballet, salsa, and breakdance.","url":"https://haam.co/dance-library","path":"/dance-library","keywords":["dance","library"],"summary":"Hip-Hop • Bronx, New York • The Bounce • Stand with feet shoulder-width apart and keep your knees soft. • Pulse your knees down on each beat while your chest stays relaxed. • Add alternating shoulder drops to groove with the rhythm. • from-purple-500 to-fuchsia-500 • M20 7c1.9 0 3.5-1.6 3.5-3.5S21.9 0 20 0s-3.5 1.6-3.5 3.5S18.1 7 20 7ZM9 13l6-3 3 4 5-1 1 4-7 2-2-3-3 2 2 7-4 1-2-8Z • Ballet • Italian Renaissance courts • First Position Port de Bras • Turn out both feet to form a gentle V shape from the heels. • Round your arms in front of your torso as if holding a beach ball. • Raise your arms overhead and open them softly to second position. • from-rose-400 to-pink-300 • M20 7a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-5 7 5-3 5 3-2 4 2 10h-4l-1-6-1 6h-4l2-10-2-4Z • Salsa • Cuba & Puerto Rico • Basic On-1 Step • Step forward with your left foot on count 1. • Return weight to your right foot "},{"id":"source-page-data-driven-design","type":"source","title":"Data-Driven Design: Evidence, Judgment, and Learning","description":"HAAM's field guide to data-driven design: combine research, product analytics, accessibility, experimentation, and design judgment to build products that learn after launch.","url":"https://haam.co/data-driven-design","path":"/data-driven-design","keywords":["data","driven","design"],"summary":"next/link • Intent • What are people trying to accomplish? • Interviews • Search terms • Jobs to be done • Support questions • Intent reveals the goal behind an action. A click without intent is only movement. • Behavior • What do people actually do? • Journey data • Interaction events • Navigation paths • Feature adoption • Behavior shows where the designed path and the lived path begin to diverge. • Friction • Where does effort, doubt, or failure appear? • Drop-off • Error states • Repeated actions • Usability observation • Friction is often the most useful signal because it reveals where the system asks too much. • Outcome • Did the experience create meaningful value? • Task completion • Retention • Comprehension • Support reduction • Outcome keeps the team focused on what changed for the person and the organization. • Inclusion • Who succeeds, who struggles, and who disappears from t"},{"id":"source-page-design-engineer","type":"source","title":"Kris Haamer | Product, Design and Engineering","description":"Kris Haamer connects product strategy, interaction design, frontend engineering, design systems, developer experience, documentation, motion, and AI-assisted delivery.","url":"https://haam.co/design-engineer","path":"/design-engineer","keywords":["design","engineer"],"summary":"Kris Haamer | Product, Design and Engineering • Kris Haamer connects product strategy, interaction design, frontend engineering, design systems, developer experience, documentation, motion, and AI-assisted delivery. • Kris Haamer • design engineer Estonia • product design engineer Tallinn • React design engineer • developer experience designer • Production product system • HAAM • An evolving Next.js platform spanning product tools, authenticated workspaces, localization, accessibility, performance, analytics, and AI workflows. • Financial AI research • Green Filter • A product direction based on 675 valid survey responses, 32 interviews, and 32 prototype tests around sustainable shopping, saving, and investing. • Public digital infrastructure • WiFi.ee • A long-running public Wi-Fi platform rebuilt across product architecture, maps, geospatial data, APIs, permissions, storage, and operat"},{"id":"source-page-design-playground","type":"source","title":"Design Playground: Learn Visual and Interaction Design","description":"Play with color, spacing, typography, shape, motion, and interface states to see how visual design decisions change interaction.","url":"https://haam.co/design-playground","path":"/design-playground","keywords":["design","playground"],"summary":"Design Playground: Learn Visual and Interaction Design - HAAM • Play with color, spacing, typography, shape, motion, and interface states to see how visual design decisions change interaction. • design playground • interaction design basics • visual design terms • color and spacing • typography hierarchy • interface states • design education"},{"id":"source-page-design-seasons","type":"source","title":"HAAM Design Seasons: Cyberpunk Meets Octopus","description":"HAAM treats web design like fashion: a stable digital foundation with changing seasonal visual identities. Explore moodboard history, the current SS26 collection, and future design season concepts.","url":"https://haam.co/design-seasons","path":"/design-seasons","keywords":["design","seasons"],"summary":"next/image • next/link • Accessibility and semantic structure • Performance, reliability, and responsive behavior • Clear content, trustworthy interaction, and measurable outcomes • A maintainable design system beneath the visual expression • Typography, color, motion, and image direction • Interaction metaphors and the emotional temperature of the interface • Characters, symbols, sounds, and storyworld details • The visual codes that make a particular moment feel alive • Before the name • Scrapbooks, samples, and image walls • Artists, architects, dressmakers, set designers, and craftspeople gathered references, sketches, colors, fabrics, finishes, and found material long before the modern term became common. • 20th-century studios • A shared surface for creative direction • Fashion, interiors, advertising, theatre, and film turned these collections into working boards that could commun"},{"id":"source-page-design-system-components","type":"source","title":"Components","description":"Explore Components on HAAM.","url":"https://haam.co/design-system/components","path":"/design-system/components","keywords":["design","system","components"],"summary":"next/navigation • Components - HAAM Design System"},{"id":"source-page-design-traditions","type":"source","title":"Design Traditions Around the World","description":"A comparative HAAM atlas of major design traditions, from East Asian, South Asian, Islamic, African, Indigenous, Pacific, European, Nordic, Italian, and Latin American lineages to modernist systems.","url":"https://haam.co/design-traditions","path":"/design-traditions","keywords":["design","traditions"],"summary":"next/link • chinese • East Asia • Chinese material and spatial traditions • Continuity through transformation • Design emerges through relationships between structure, landscape, writing, ritual, craft, and the continuous reinterpretation of inherited forms. • Modular systems that permit repair, extension, and recombination • The void as an active spatial and compositional force • Calligraphy, proportion, rhythm, and material discipline as connected practices • Design the relationship between parts, not only the parts themselves. A system can remain recognizable while changing across contexts and generations. • Do not reduce a vast and internally diverse history to red, gold, dragons, or a decorative idea of tradition. • Use modular components, meaningful negative space, durable information hierarchies, and interfaces that reveal relationships rather than isolated objects. • japanese • J"},{"id":"source-page-digital-consultancy","type":"source","title":"Digital Consultancy","description":"HAAM delivers consultancy outcomes with coordinated AI agents and senior human oversight: faster analysis, better execution, and measurable impact.","url":"https://haam.co/digital-consultancy","path":"/digital-consultancy","keywords":["digital","consultancy"],"summary":"next/link • Strategy agents • Map business goals, benchmark competitors, and shape pragmatic transformation roadmaps in days instead of quarters. • Delivery agents • Generate UX flows, technical specifications, implementation plans, and test matrices that teams can ship immediately. • Optimization agents • Continuously inspect data, identify friction, and propose prioritized experiments for conversion, retention, and operating efficiency. • Senior human oversight on every critical decision and recommendation. • Parallel AI-agent workflows that cut delivery cycles from months to days. • Evidence-first outputs: every recommendation is tied to assumptions, metrics, and next actions. • Execution-ready artifacts your internal teams can adopt without consulting lock-in. • Assessment sprint (1 week): current-state review, bottleneck diagnosis, and ROI map. • Transformation sprint (2-4 weeks): a"},{"id":"source-page-digital-estonia","type":"source","title":"Digital Estonia: Identity, Signatures, X-Road, and Internet Voting","description":"A systems view of Estonia's digital governance story, from national e-ID and legally binding digital signatures to X-Road, e-Residency, and internet voting.","url":"https://haam.co/digital-estonia","path":"/digital-estonia","keywords":["digital","estonia"],"summary":"next/link • e-ID • Know who is acting • A national electronic identity lets people authenticate securely across public and private services. The identity layer is reusable, so every institution does not need to invent a separate account system. • Make intent legally binding • Qualified digital signatures connect a person, a document, and a moment in time. They carry the same legal weight as handwritten signatures and reveal whether a document has changed. • X-Road • Let registers exchange facts • X-Road connects independent information systems through authenticated, encrypted, signed, and logged exchanges. Data remains with the institution responsible for it rather than moving into one giant database. • services • Build on shared trust • Tax, health, education, business, banking, and elections can reuse the same foundations. The visible interface is only the top layer of a deeper institu"},{"id":"source-page-directory-companies","type":"source","title":"Estonian Company Directory","description":"A source-aware directory of Estonian companies and startups, their websites, career pages, open jobs, monitoring status, and website-quality signals.","url":"https://haam.co/directory/companies","path":"/directory/companies","keywords":["directory","companies"],"summary":"Estonian Company Directory - HAAM • A source-aware directory of Estonian companies and startups, their websites, career pages, open jobs, monitoring status, and website-quality signals. • Estonian companies • Estonian startups • company database • startup jobs • website accessibility audit • Unable to load company directory • companies • Estonian company intelligence • One living database for companies, jobs, and website quality. • HAAM connects Estonian legal-entity and startup data with employer career pages. The same company record supports early job alerts and a measurable pipeline for accessibility, performance, content, and security improvements. • Source policy • Registry breadth should come from official open data. Startup classifications should come from authorised exports or licensed feeds. Jobs should point to the employer's canonical application page. • Job intelligence "},{"id":"source-page-directory-job-hint","type":"source","title":"Contribute an Opportunity","description":"Submit an opportunity source for review.","url":"https://haam.co/directory/job-hint","path":"/directory/job-hint","keywords":["directory","job","hint"],"summary":"Contribute an Opportunity - HAAM • Submit an opportunity source for review. • hint • Community contribution • Submit an opportunity source. • Contributions enter a review queue and are not published automatically."},{"id":"source-page-directory-jobs","type":"source","title":"Estonian Startup and Company Jobs","description":"New jobs detected directly from Estonian company and startup career pages, organised by remote status, country, city, company, and role.","url":"https://haam.co/directory/jobs","path":"/directory/jobs","keywords":["directory","jobs"],"summary":"Estonian Startup and Company Jobs - HAAM • New jobs detected directly from Estonian company and startup career pages, organised by remote status, country, city, company, and role. • Estonia jobs • Estonian startup jobs • remote jobs Estonia • Tallinn jobs • Tartu jobs • job alerts • Unable to load company jobs • jobs • HAAM Job Intelligence • The fastest signal should come from the company itself. • Browse jobs first detected on employer-controlled career pages and authorised feeds. Filter by remote status, country, city, company, or startup. The data model is ready to turn the same filters into alerts during the notification rollout."},{"id":"source-page-directory","type":"source","title":"User Directory","description":"Find people building, researching, designing, and experimenting around HAAM.","url":"https://haam.co/directory","path":"/directory","keywords":["directory"],"summary":"User Directory - HAAM • Find people building, researching, designing, and experimenting around HAAM. • HAAM people • user directory • community • collaborators • profiles • Unable to load listed profiles • kris.haamer • kris"},{"id":"source-page-editorial","type":"source","title":"HAAM Index - Design, Culture, Technology, and Systems","description":"The editorial system for HAAM: trend catching, signals, systems, notes, exhibits, and firsthand field reporting across design, culture, technology, public value, and digital products.","url":"https://haam.co/editorial","path":"/editorial","keywords":["editorial"],"summary":"next/link • Signals • What is changing before it becomes obvious? • Weak signals, emerging behaviors, new interfaces, market movements, and policy shifts connected into practical implications. • Catch the next shift • from-fuchsia-500/25 via-violet-500/10 to-transparent • Systems • How does it actually work? • Long-form analysis of industries, platforms, public infrastructure, cultural systems, and the business models beneath visible experiences. • Explore systems • from-cyan-400/25 via-blue-500/10 to-transparent • Notes • What are we noticing? • Short essays, working ideas, practical methods, and firsthand observations gathered while designing products, attending events, and moving between markets. • Browse notes • from-amber-400/25 via-orange-500/10 to-transparent • Exhibits • What deserves context? • Cultural essays, reconstructed digital artifacts, design history, and active collecti"},{"id":"source-page-editorial-voice","type":"source","title":"next/link","description":"How HAAM turns everyday encounters into clear, critical, and globally minded stories about design, technology, culture, and business.","url":"https://haam.co/editorial-voice","path":"/editorial-voice","keywords":["editorial","voice"],"summary":"next/link • Curious, not authoritative • HAAM investigates rather than lectures. We can hold a strong interpretation, but we show the reader how we reached it. • Specific, not abstract • We begin with a receipt, an interface, a room, a scene, a payment prompt, or another detail someone can actually picture. • Personal, not diary-like • First-person experience establishes access and perspective. Then the article quickly opens into a larger system. • Critical, not cynical • We ask who benefits, who is excluded, and what efficiency hides, while still recognizing what is clever, useful, or beautiful. • Future-facing, not hyped • We separate visual novelty from behavioral change, viable business models, and real infrastructural shifts. • Global, not flattened • Taiwan, China, Hong Kong, Estonia, and other places are treated as centers of their own stories, not supporting examples for Silicon "},{"id":"source-page-entrepreneurship","type":"source","title":"Entrepreneurship and Startups","description":"A practical view of entrepreneurship, building beyond your current skills, and choosing between a steady lifestyle business and an exponential-growth startup.","url":"https://haam.co/entrepreneurship","path":"/entrepreneurship","keywords":["entrepreneurship"],"summary":"Begin before you feel qualified • The idea normally arrives before the complete skill set. Progress starts when the founder accepts that gap and begins closing it in public. • Learn at the speed of the problem • Entrepreneurs do not need to know everything. They need to identify what matters next, learn enough to move, and keep improving the system. • Recruit around the gaps • A founder's job is not to become every specialist. It is to bring together the people, tools, capital, and conviction the idea requires. • Turn taste into evidence • Belief is only the starting point. Prototypes, customer behavior, revenue, retention, and real-world use reveal whether the strange idea deserves to survive. • Primary goal • Durable income, independence, craft, and a life the owner wants to keep living. • Rapidly capture a large market and build a company whose value can compound far faster than headc"},{"id":"source-page-events","type":"source","title":"HAAM Cities - Innovation Ecosystems, Events, and Opportunities","description":"Explore city innovation ecosystems through startups, capital, universities, designers, participatory events, jobs, grants, research, and other ways to contribute across the HAAM city network.","url":"https://haam.co/events","path":"/events","keywords":["events"],"summary":"next/link • HAAM Cities - Innovation Ecosystems, Events, and Opportunities • Explore city innovation ecosystems through startups, capital, universities, designers, participatory events, jobs, grants, research, and other ways to contribute across the HAAM city network. • innovation ecosystems • startup cities • venture capital • universities • design city guides • local designers • creative studios • city events • city opportunities • creative open calls • local jobs • build nights • hackathons • workshops • creative community • @context • @graph • @type • CollectionPage • @id • HAAM Cities • A global network of city innovation ecosystems connecting builders, capital, universities, design practices, participation-first events, and sourced opportunity signals. • City • Event • Place • Organization • application/ld+json • Beyond the calendar • Find funding, work, research, collaborators, an"},{"id":"source-page-experts","type":"source","title":"Global Design Experts and Human AI Collaboration","description":"Discover designers and studios by country through public professional websites, then invite them to finish AI-started design work with clear scope, compensation, credit, and permissions.","url":"https://haam.co/experts","path":"/experts","keywords":["experts"],"summary":"Global Design Experts and Human AI Collaboration | HAAM • Discover designers and studios by country through public professional websites, then invite them to finish AI-started design work with clear scope, compensation, credit, and permissions. • global design experts • designer directory • human AI collaboration • design collaboration platform • invite designers • AI design handoff • designers by country • HAAM Experts • AI can begin the work. A real person can make it belong. • A country-by-country database of designers and studios sourced from public professional websites. Invite the right expert to critique, localize, craft, and finish work started by AI, with the human contribution visible and properly credited. • #directory • Find an expert • Become a collaborator • The platform layer • From generated output to accountable collaboration • HAAM does not hide people behind an AI resu"},{"id":"source-page-facts","type":"source","title":"HAAM Facts and Machine-Readable Data","description":"Citation-friendly facts about HAAM, Haamer Ventures OÜ, Kris Haamer, current services, pricing, and public data endpoints.","url":"https://haam.co/facts","path":"/facts","keywords":["facts"],"summary":"next/link • HAAM Facts and Machine-Readable Data • Citation-friendly facts about HAAM, Haamer Ventures OÜ, Kris Haamer, current services, pricing, and public data endpoints. • HAAM facts • Haamer Ventures OÜ • Kris Haamer • HAAM services • HAAM pricing • HAAM structured data • Organization • Legal identity, contact details, expertise, and canonical entity IDs. • People • Public founder profile and professional expertise. • Services • Service descriptions, audiences, delivery periods, prices, outputs, and proof links. • Projects • Project facts, roles, credits, dates, evidence links, and canonical case-study URLs. • Articles • Article metadata, publication dates, topics, images, and cited sources. • @context • @type • CollectionPage • @id • Dataset • application/json • application/ld+json • underline • Reference record • A concise source for answer engines, journalists, clients, collabora"},{"id":"source-page-features","type":"source","title":"HAAM Features: The Complete Website System","description":"Explore the complete HAAM website feature system across search, design tools, archives, publishing, AI intelligence, client workflows, commerce, community, experiments, and trust infrastructure.","url":"https://haam.co/features","path":"/features","keywords":["features"],"summary":"HAAM Features: The Complete Website System • Explore the complete HAAM website feature system across search, design tools, archives, publishing, AI intelligence, client workflows, commerce, community, experiments, and trust infrastructure. • HAAM features • website feature system • Y3K web design • interactive website features • AI product studio • design system • digital product ecosystem"},{"id":"source-page-fintech-ux","type":"source","title":"Fintech UX, Blockchain, and Crypto Product Design","description":"HAAM designs trustworthy fintech, blockchain, wallet, crypto, and payment experiences with clear transaction states, permissions, risk communication, recovery, accessibility, and implementation guidance.","url":"https://haam.co/fintech-ux","path":"/fintech-ux","keywords":["fintech","ux"],"summary":"next/link • Start with the financial intent • A person is trying to save, transfer, invest, borrow, get paid, or understand risk. Lead with that goal. Wallets, chains, ledgers, rails, and protocols should appear only when they change a decision. • Make value legible • Show the asset, fiat reference, exchange rate, fees, spread, slippage, network, timing, and final amount in a stable hierarchy. Never make people calculate the real cost from scattered labels. • Separate intent, authorization, signing, and settlement • A button click, wallet signature, transaction broadcast, confirmation, and final settlement are different events. The interface should name each one and explain what it permits. • Treat irreversible actions as review moments • Before money moves, repeat the recipient, amount, network, fees, permissions, and consequences in plain language. High-risk actions need stronger confi"},{"id":"source-page-focus-management","type":"source","title":"Focus Management","description":"A practical system for directing attention across deep work, collaboration, AI-assisted workflows, recovery, and ethical product design.","url":"https://haam.co/focus-management","path":"/focus-management","keywords":["focus","management"],"summary":"Focus Management | HAAM • A practical system for directing attention across deep work, collaboration, AI-assisted workflows, recovery, and ethical product design. • focus management • attention management • deep work system • team focus • AI productivity • ethical attention design • productivity systems • HAAM • website • @context • @type • WebPage • Focus Management • A practical HAAM framework for choosing, protecting, using, and restoring attention across personal work, teams, AI workflows, and digital products. • WebSite • Person • Kris Haamer • Thing • Focus management • Attention management • Product design • AI-assisted work • application/ld+json"},{"id":"source-page-foresight","type":"source","title":"Strategic Foresight | Prepare for Multiple Futures","description":"Kris Haamer connects a 2020 NCKU foresight workshop with practical methods for scanning signals, building scenarios, testing assumptions, and turning uncertainty into preparation and agency.","url":"https://haam.co/foresight","path":"/foresight","keywords":["foresight"],"summary":"Strategic Foresight | Prepare for Multiple Futures | HAAM • Kris Haamer connects a 2020 NCKU foresight workshop with practical methods for scanning signals, building scenarios, testing assumptions, and turning uncertainty into preparation and agency. • strategic foresight • future scenarios • scenario planning • futures literacy • horizon scanning • future of work • AI career preparation • backcasting • weak signals • NCKU ICID • Kris Haamer • HAAM foresight"},{"id":"source-page-games-rift-quest","type":"source","title":"Signal Hatch","description":"Pilot HAAM's cyberpunk octopus through a real-time 3D deep-sea WebGL game, recover lost signals, fight corrupted echoes, and reopen the Signal Hatch.","url":"https://haam.co/games/rift-quest","path":"/games/rift-quest","keywords":["games","rift","quest"],"summary":"Signal Hatch - HAAM Arcade • Pilot HAAM's cyberpunk octopus through a real-time 3D deep-sea WebGL game, recover lost signals, fight corrupted echoes, and reopen the Signal Hatch. • 3D web game • WebGL game • cyberpunk octopus • deep sea game • Signal Hatch • HAAM"},{"id":"source-page-graphic-designers","type":"source","title":"Graphic Designers Directory and Team Builder","description":"Explore a public-source directory of graphic designers, see prior HAAM collaborations, analyze design language, request availability, and assemble a project team.","url":"https://haam.co/graphic-designers","path":"/graphic-designers","keywords":["graphic","designers"],"summary":"next/link • Graphic Designers Directory and Team Builder | HAAM • Explore a public-source directory of graphic designers, see prior HAAM collaborations, analyze design language, request availability, and assemble a project team. • graphic designers directory • hire graphic designer • design team builder • graphic designers by city • designer availability • design language analysis • HAAM graphic designers • #directory • #team-builder • public profiles • cities represented • countries represented • worked with HAAM • HAAM Graphic Designers • Scout one designer. Build the whole squad. • Search by city, discipline, and prior HAAM collaboration. Read a machine-generated analysis of public portfolio signals, then ask HAAM to prepare an availability inquiry for one person or a complete design team. • Browse designers • Build a design team • Important directory disclosure • Most listed designer"},{"id":"source-page-gtm-engineering","type":"source","title":"GTM Engineering for Lean Software Teams","description":"HAAM designs and builds go-to-market systems that connect market signals, positioning, customer touchpoints, CRM automation, onboarding, analytics, and product feedback for lean software teams.","url":"https://haam.co/gtm-engineering","path":"/gtm-engineering","keywords":["gtm","engineering"],"summary":"next/link • Detect • Market signal • Find the hiring changes, product launches, customer complaints, search demand, community conversations, and account activity that indicate a real need. • Prioritize • Commercial relevance • Score each signal against the offer, timing, customer fit, evidence quality, and likely value instead of sending every observation into the same noisy queue. • Explain • Product story • Turn the strongest customer problem into a landing page, message, demo, case study, or diagnostic that helps the right people understand the value quickly. • Reach • Useful touchpoint • Connect content, community, founder outreach, partnerships, email, and product-led entry points without defaulting to high-volume automated spam. • Activate • Successful onboarding • Design the path from interest to first value, including qualification, booking, trial, setup, integration, education, "},{"id":"source-page-haam-signal","type":"source","title":"HAAM Signal: Evidence-Led Editorial Engine","description":"HAAM Signal turns market, search, product, and customer signals into evidence-backed editorial briefs, verified drafts, internal links, and refresh recommendations.","url":"https://haam.co/haam-signal","path":"/haam-signal","keywords":["haam","signal"],"summary":"HAAM Signal: Evidence-Led Editorial Engine | HAAM • HAAM Signal turns market, search, product, and customer signals into evidence-backed editorial briefs, verified drafts, internal links, and refresh recommendations. • HAAM Signal • editorial engine • AI SEO workflow • content intelligence • search signal analysis • evidence backed content • editorial automation • Market signals • Evidence packet • HAAM argument • Verified draft • Human approval • Measured refresh • Editorial intelligence • HAAM Signal turns evidence into durable search assets • A lightweight internal engine for turning market movement, search demand, product launches, technical traces, and customer questions into verified editorial briefs, useful articles, internal links, and refresh decisions. • Build this for my company • Read the SEO foundation • The product • A DIY alternative to generic AI SEO publishing • HAAM Sig"},{"id":"source-page-hire-kris","type":"source","title":"Hire Kris Haamer | Senior Product Designer and Design Engineer","description":"Kris Haamer is a Tallinn-based senior product designer and design engineer who turns complex services, data, policy, and AI into clear products teams can ship.","url":"https://haam.co/hire-kris","path":"/hire-kris","keywords":["hire","kris"],"summary":"next/image • next/link • Hire Kris Haamer | Senior Product Designer and Design Engineer • Kris Haamer is a Tallinn-based senior product designer and design engineer who turns complex services, data, policy, and AI into clear products teams can ship. • Kris Haamer • senior product designer Estonia • design engineer Tallinn • product design fintech • AI product designer • interaction designer Tallinn • Find the actual problem • I combine interviews, field observation, product data, competitive research, and operational context to separate symptoms from the friction worth solving. • Model the whole system • I make states, permissions, exceptions, incentives, data flows, and service operations visible before reducing them into a clear experience. • Prototype close to reality • I work in flows, interfaces, content, and code. That shortens the distance between a promising idea and something us"},{"id":"source-page-history-basil-harem-ventures","type":"source","title":"Basil Harem Ventures | The Origin Story of Haamer Ventures OÜ","description":"Before Haamer Ventures OÜ became HAAM, it was called Basil Harem Ventures OÜ, a name built around an imaginary character and an early belief that business could begin with storytelling.","url":"https://haam.co/history/basil-harem-ventures","path":"/history/basil-harem-ventures","keywords":["history","basil","harem","ventures"],"summary":"next/image • next/link • The company began with a character • Basil Harem was an imaginary figure before it was a business name. The point was not to sound like a conventional consultancy or holding company. It was to create a name that suggested a world, a personality, and stories still waiting to happen. • Storytelling came before positioning • The early idea was that a company could behave like a narrative container. Projects, websites, films, events, and experiments could belong to the same expanding story without needing to fit one narrow category. • The name changed. The instinct stayed. • Basil Harem Ventures OÜ later became Haamer Ventures OÜ. The legal name became more direct, but the original impulse remains visible in HAAM: build distinct worlds around ideas, give projects memorable identities, and use design to make people curious enough to enter. • Basil Harem Ventures | The"},{"id":"source-page-history","type":"source","title":"HAAM History - From Flash Websites to AI Products","description":"A working history of HAAM, including the evolving 2007 to 2011 Silk Sushi Bar Flash website and the studio's path through culture, public-interest technology, accessibility, and AI.","url":"https://haam.co/history","path":"/history","keywords":["history"],"summary":"next/link • Early 2000s • The web as crafted media • HAAM began when websites were often treated as authored digital spaces rather than standardized product surfaces. Motion, sound, unusual navigation, and strong visual identities were part of the medium. • A company begins with an imaginary character • Haamer Ventures OÜ was originally called Basil Harem Ventures OÜ. The name grew from an imagined character and an early belief that a company could be a storyworld before it became a conventional business identity. • Read the Basil Harem origin story • 2007 to 2011 • Silk Sushi Bar and the Flash-era web • Silk.ee evolved from a colorful animated restaurant experience into location-specific illustrated worlds, a phone-friendly static concept, and proposals for online ordering. Surviving correspondence shows the site was already live in April 2007 and remained active through 2011. • #silk-h"},{"id":"source-page-hope","type":"source","title":"Hope in the Age of AI | Build Your Way Into What Comes Next","description":"HAAM helps people turn anxiety about AI and work into transferable skills, proof, collaborators, and real opportunities.","url":"https://haam.co/hope","path":"/hope","keywords":["hope"],"summary":"next/link • Context • You know why the work is done this way, which shortcuts are dangerous, and what outsiders usually misunderstand. • Trust • People may already rely on your judgment, discretion, follow-through, or ability to notice when something feels wrong. • Taste • You can compare possibilities and decide which result is appropriate, useful, clear, or worth putting into the world. • Relationships • You know who needs to be involved, how decisions are really made, and what different people need before they will act. • Accountability • A tool can produce an answer. A person still has to stand behind the decision, explain it, repair it, and learn from it. • Lived experience • The places, languages, industries, communities, and difficulties you have moved through give you a point of view no model can simply claim. • Understand • Break your job into tasks. See what can be accelerated,"},{"id":"source-page-how-we-work","type":"source","title":"How We Work","description":"See how HAAM moves from strategy to execution through discovery, planning, design, delivery, and iteration.","url":"https://haam.co/how-we-work","path":"/how-we-work","keywords":["how","we","work"],"summary":"next/link • 1) Strategy & Discovery • We map your goals, audience, constraints, and opportunities. Together we define what success looks like and which problems are worth solving first. • Stakeholder interviews and context gathering • Audience, market, and competitor signal review • Clear priorities, scope boundaries, and measurable outcomes • 2) Direction & Planning • We turn insight into a practical plan. You get a roadmap with concrete deliverables, timelines, and decision points so the team always knows what comes next. • Experience and content architecture • Concept options with trade-off discussions • Execution plan with milestones and ownership • 3) Design & Build • We design and develop in short loops, combining human craft with AI acceleration where it helps speed and quality. • UX and UI design for key flows and screens • Modern implementation with accessibility and performance"},{"id":"source-page-human-ai","type":"source","title":"Human Direction, AI Acceleration","description":"HAAM's model for working with AI: humans define goals, constraints, trade-offs, and accountability while AI explores, generates, compares, and accelerates iteration.","url":"https://haam.co/human-ai","path":"/human-ai","keywords":["human","ai"],"summary":"next/link • Define the goal • State what should change, for whom, and why it matters. A useful goal is an outcome, not a feature request. • Set the constraints • Name the limits that protect quality and trust: budget, time, accessibility, performance, privacy, legal risk, brand, and technical reality. • Choose the trade-offs • Decide what can bend and what cannot. Faster is not always better. More options are not always more useful. • Own the decision • Review the evidence, make the call, and remain accountable for what reaches people. AI can advise, but it cannot carry responsibility. • Explore the space • Generate many plausible routes, edge cases, questions, and alternatives more quickly than a team could inspect manually. • Make and compare • Draft copy, interfaces, code, tests, and scenarios, then compare them against the agreed criteria. • Surface consequences • Reveal conflicts, m"},{"id":"source-page-iddb","type":"source","title":"IDDB - Interaction Design Database","description":"A beta HAAM database of interaction design principles, human psychology, real product and system examples, risk levels, and ethical design interpretations.","url":"https://haam.co/iddb","path":"/iddb","keywords":["iddb"],"summary":"Software interfaces • Buttons, forms, navigation, onboarding, AI prompts, checkout flows, dashboards, alerts, and recovery states. • Physical environments • Doors, signage, turnstiles, seat maps, traffic crossings, museum routes, event queues, and emergency exits. • Safety-critical systems • Control rooms, medical triage, cockpit alerts, industrial monitoring, public warnings, and escalation procedures. • Behavior systems • Streaks, defaults, recommendations, permissions, social proof, scarcity cues, trust signals, and decision friction. • Interaction principle • Human psychology • Product or system example • Risk level • Ethical stance • HAAM design interpretation • Explain interaction design • Show that interaction design is not only app screens. It is the design of behavior, timing, feedback, control, trust, and consequence. • Audit product decisions • Map a product surface into entri"},{"id":"source-page-knowledge-base","type":"source","title":"react","description":"Explore a shared glossary of methods, disciplines, and terms used in services, case studies, and articles. Search from the sidebar and jump directly to definitions.","url":"https://haam.co/knowledge-base","path":"/knowledge-base","keywords":["knowledge","base"],"summary":"react • search • Search UX, SEO, accessibility... • Knowledge base keywords • Knowledge base • Concepts used across the HAAM website • Explore a shared glossary of methods, disciplines, and terms used in services, case studies, and articles. Search from the sidebar and jump directly to definitions. • Search keywords • No matching keyword. Try a broader term."},{"id":"source-page-labs-border-shift","type":"source","title":"Border Shift — Cross-Cultural Product Journey Simulator","description":"Switch a product journey between Europe and East Asia to see how identity, payment, consent, service, and recovery patterns change by market.","url":"https://haam.co/labs/border-shift","path":"/labs/border-shift","keywords":["labs","border","shift"],"summary":"Border Shift — Cross-Cultural Product Journey Simulator • Switch a product journey between Europe and East Asia to see how identity, payment, consent, service, and recovery patterns change by market."},{"id":"source-page-labs-company-data-openness","type":"source","title":"Company Data Openness Index 2026","description":"Explore a provisional ranking of 197 countries by practical public access to private-company registries, ownership and financial filings.","url":"https://haam.co/labs/company-data-openness","path":"/labs/company-data-openness","keywords":["labs","company","data","openness"],"summary":"Company Data Openness Index 2026 | HAAM • Explore a provisional ranking of 197 countries by practical public access to private-company registries, ownership and financial filings."},{"id":"source-page-labs-friction-x-ray","type":"source","title":"Friction X-Ray — Conversion Diagnostic by HAAM Labs","description":"A five-minute conversion and measurement diagnostic that turns journey friction into analytics events, experiment hypotheses, and a 90-day roadmap.","url":"https://haam.co/labs/friction-x-ray","path":"/labs/friction-x-ray","keywords":["labs","friction","x","ray"],"summary":"Friction X-Ray — Conversion Diagnostic by HAAM Labs • A five-minute conversion and measurement diagnostic that turns journey friction into analytics events, experiment hypotheses, and a 90-day roadmap."},{"id":"source-page-labs-trustfall","type":"source","title":"HAAM Trustfall — AI Failure & Recovery Simulator","description":"Experience where an AI product breaks trust, redesign the journey, and generate a shareable AI Trust Map.","url":"https://haam.co/labs/trustfall","path":"/labs/trustfall","keywords":["labs","trustfall"],"summary":"HAAM Trustfall — AI Failure & Recovery Simulator • Experience where an AI product breaks trust, redesign the journey, and generate a shareable AI Trust Map."},{"id":"source-page-layout-shift","type":"source","title":"Why Layout Shift Is a Problem","description":"Why unexpected layout shift damages usability, accessibility, trust, conversion, and Core Web Vitals, plus practical ways to prevent it.","url":"https://haam.co/layout-shift","path":"/layout-shift","keywords":["layout","shift"],"summary":"It changes the user's target • A person can aim at one control and activate another because the interface moved between seeing and tapping. In checkout, account, consent, and deletion flows, that can create genuinely harmful mistakes. • It breaks orientation • Readers lose their place, forms jump away from the keyboard, and controls appear to disappear. The user has to spend attention rebuilding a mental map of the page. • It makes the product feel unsafe • Visual stability is a trust signal. When content shifts without warning, even a technically secure product can feel improvised, unreliable, or manipulative. • It punishes real-world users • Layout shift often looks fine on a developer's fast connection and cached device. It becomes visible on slower networks, older phones, personalized pages, and third-party content in production. • Media without reserved dimensions • Images, video, m"},{"id":"source-page-learning-lab","type":"source","title":"Learning Lab Web Design Studio","description":"Create, preview, and save web designs with HAAM templates, themes, responsive views, and design tokens.","url":"https://haam.co/learning-lab","path":"/learning-lab","keywords":["learning","lab"],"summary":"Learning Lab Web Design Studio - HAAM • Create, preview, and save web designs with HAAM templates, themes, responsive views, and design tokens. • @clerk/nextjs/server"},{"id":"source-page-learning-lab-preview","type":"source","title":"Learning Lab design preview","description":"Live responsive preview for a HAAM Learning Lab design.","url":"https://haam.co/learning-lab/preview","path":"/learning-lab/preview","keywords":["learning","lab","preview"],"summary":"Learning Lab design preview - HAAM • Live responsive preview for a HAAM Learning Lab design. • dark • light"},{"id":"source-page-legacy","type":"source","title":"Built for 2126","description":"HAAM's founding declaration for building a century-scale house through human agency, canonical work, archives, refusal, stewardship, and succession.","url":"https://haam.co/legacy","path":"/legacy","keywords":["legacy"],"summary":"next/link • A permanent territory • HAAM belongs to the human power to make reality. Products, media, materials, and technologies may change. The territory does not. • A recognizable hand • Every HAAM work should carry judgment, authorship, and a point of view. It should not feel anonymous, disposable, or assembled from whatever is fashionable. • III • Canonical works • The house should make fewer things that define a generation, not endless things that merely fill a release calendar. • Materials with memory • Code, metal, paper, film, sound, data, spaces, and living communities are all materials. HAAM treats each one as something that can preserve human intention. • Symbols that accumulate meaning • The name, mark, hammer gesture, language, objects, and rituals must remain coherent long enough to become inherited cultural memory. • Stewardship over possession • No generation owns HAAM o"},{"id":"source-page-legacy-modernization","type":"source","title":"Legacy Project Modernization","description":"Modernize legacy websites and applications for contemporary layouts, devices, accessibility, privacy expectations, and changing legal requirements.","url":"https://haam.co/legacy-modernization","path":"/legacy-modernization","keywords":["legacy","modernization"],"summary":"next/link • Contemporary layouts without losing the product • Older websites and apps can be redesigned around current navigation, responsive grids, clearer content hierarchy, and faster task flows while preserving the business logic that still works. • Compatibility with new devices and contexts • Modernization makes legacy products usable across phones, tablets, high-density screens, touch input, assistive technologies, and changing browser expectations. • Support for current rules and user rights • Legacy projects often need clearer consent, accessibility, privacy, security, localization, and record-keeping patterns so they can adapt to contemporary legal and operational requirements. • Responsive interfaces for mobile, tablet, laptop, desktop, and large display use. • Accessibility improvements aligned with WCAG-oriented interaction, semantics, contrast, focus, and keyboard behavior."},{"id":"source-page-legal","type":"source","title":"Legal Terms","description":"Plain-language terms for using haam.co, including company details, permitted use, intellectual property, project inquiries, liability, and governing law.","url":"https://haam.co/legal","path":"/legal","keywords":["legal"],"summary":"Legal Terms | HAAM • Plain-language terms for using haam.co, including company details, permitted use, intellectual property, project inquiries, liability, and governing law. • HAAM legal terms • haam.co terms of use • Haamer Ventures OÜ • website terms Estonia • legal notice • Use the site normally • You may browse, share links, quote reasonable extracts with attribution, and use public information for personal or internal business purposes. • Do not misuse it • Do not interfere with the site, bypass security, introduce malicious code, impersonate HAAM, misrepresent the content, or use automated access in a way that creates unreasonable load. • Respect published access rules • Machine-readable files and public datasets are provided to improve discovery and citation. Their publication does not transfer ownership of the underlying content or waive these terms. • Legal • Terms for using ha"},{"id":"source-page-marine-habitat-protection","type":"source","title":"Marine Habitat Protection","description":"HAAM's preventive marine-protection initiative, using the hammer octopus to advocate for overlooked coastal seabeds, transparent evidence, and protection before crisis.","url":"https://haam.co/marine-habitat-protection","path":"/marine-habitat-protection","keywords":["marine","habitat","protection"],"summary":"next/link • Protect habitat before collapse • Treat healthy coastal seabeds as infrastructure worth defending, not empty space waiting for visible damage. • Make bycatch visible • Support species-level reporting and clearer public explanations of how non-target marine life enters fisheries. • Fund better evidence • Back monitoring that can distinguish local populations, changing abundance, and gaps hidden by broad stock labels. • Invite citizen observation • Help divers, fishers, researchers, and coastal communities document sightings without confusing observations with formal assessments. • Support protected areas • Make the case for spatial protection where habitat sensitivity, fishing pressure, and ecological value overlap. • Reduce coastal pressure • Connect seabed health to runoff, nutrient inputs, pollution, dredging, and the cumulative effects of coastal development. • Design for "},{"id":"source-page-marketplace","type":"source","title":"AI Services Marketplace","description":"A HAAM marketplace concept where vetted service providers pitch AI workflow services, bill clients, and get paid for human work that improves AI-assisted delivery.","url":"https://haam.co/marketplace","path":"/marketplace","keywords":["marketplace"],"summary":"next/link • AI workflow architects • Map where human judgment belongs in AI-assisted delivery, then package prompts, approvals, QA, and handoffs into repeatable client workflows. • Specialist reviewers • Provide expert review for accessibility, localization, compliance, research synthesis, analytics, content accuracy, and sensitive customer journeys. • Implementation partners • Turn AI-generated prototypes into production-grade interfaces, automations, integrations, and documentation that teams can maintain. • Creative operators • Add craft where models still need taste: brand direction, motion, media production, launch campaigns, workshops, and high-context storytelling. • Providers publish a focused service pitch with scope, proof, turnaround time, and the AI workflow gap they solve. • Clients browse vetted offers, request a brief, and agree on milestones before work begins. • HAAM sup"},{"id":"source-page-media-ai-frontiers-2017","type":"source","title":"next/link","description":"A first-person retrospective on AI Frontiers 2017, where assistants, video understanding, self-driving cars, and applied deep learning revealed interface problems AI still has not solved.","url":"https://haam.co/media/ai-frontiers-2017","path":"/media/ai-frontiers-2017","keywords":["media","ai","frontiers","2017"],"summary":"next/link • AI Frontiers Conference, November 2017 programme • Attention Is All You Need • One Model To Learn Them All • OpenAI, Introducing ChatGPT • Deep learning • Foundation and multimodal models • The unit of progress shifted from a specialist technique inside one product to models that can operate across language, images, audio, video, and software. • Personal assistants • Agents and copilots • The assistant moved from answering a spoken request to working across tools, files, interfaces, and longer sequences of action. • Video understanding • Generative and editable video • Systems first had to represent objects, motion, time, and actions before those representations could become creative controls. • AI deployment • AI-native workflows • The question is no longer only where to add a model. It is how research, design, engineering, operations, and responsibility reorganize around it"},{"id":"source-page-media-business-intelligence-is-design-after-launch.html","type":"source","title":"next/link","description":"How digital assets become measurable signals, how automation turns those signals into business intelligence, and how funnels connect design decisions to business outcomes.","url":"https://haam.co/media/business-intelligence-is-design-after-launch.html","path":"/media/business-intelligence-is-design-after-launch.html","keywords":["media","business","intelligence","is","design","after","launch.html"],"summary":"next/link • Business Intelligence Is Design After Launch • How digital assets become measurable signals, how automation turns those signals into business intelligence, and how funnels connect design decisions to business outcomes. • Pages and case studies • Views, engaged reading, scroll depth, internal paths, CTA selection • Which ideas create enough relevance and trust for someone to continue? • Campaigns and social posts • Source, campaign, creative, landing-page behavior, assisted conversion • Which promise attracts the right attention rather than the largest audience? • Forms and booking flows • Start, field friction, abandonment, submission, qualification, response time • Where does intent become work, and where does the interface lose it? • Products and service tools • Activation, feature use, task completion, retention, support demand • Does the designed system create value after"},{"id":"source-page-media-consensus-hong-kong-2025","type":"source","title":"Consensus Hong Kong 2025","description":"Explore Consensus Hong Kong 2025 on HAAM.","url":"https://haam.co/media/consensus-hong-kong-2025","path":"/media/consensus-hong-kong-2025","keywords":["media","consensus","hong","kong","2025"],"summary":""},{"id":"source-page-media-every-interface-has-a-site.html","type":"source","title":"next/link","description":"What NCKU's architecture studios, industrial design classes, and ICID taught me about treating every digital product as an intervention in a place with history.","url":"https://haam.co/media/every-interface-has-a-site.html","path":"/media/every-interface-has-a-site.html","keywords":["media","every","interface","has","a","site.html"],"summary":"next/link • Every Interface Has a Site • What NCKU's architecture studios, industrial design classes, and ICID taught me about treating every digital product as an intervention in a place with history. • 01 / Territory • The forces outside the brief • Culture, policy, economy, institutions, technology, and public expectations. • 02 / Site • What is already there • People, histories, rituals, constraints, existing systems, and unresolved tensions. • 03 / Structure • How the system stands • Information, permissions, workflows, data, responsibility, and maintenance. • 04 / Detail • Where the idea becomes real • Components, states, language, tolerances, transitions, and implementation. • NCKU College of Planning and Design • Departments and programs. • Institute of Creative Industries Design, About • Origins, features, and cross-disciplinary objectives. • ICID Programs • Brand and Marketing "},{"id":"source-page-media-intellectual-property-creates-product-categories","type":"source","title":"Intellectual Property Is a Product Category Engine","description":"How characters, storyworlds, cultural assets, and licensing systems can create new product categories, from fictional-character fragrance to spaces, rituals, services, and communities.","url":"https://haam.co/media/intellectual-property-creates-product-categories","path":"/media/intellectual-property-creates-product-categories","keywords":["media","intellectual","property","creates","product","categories"],"summary":"next/link • Wear • Fragrance, cosmetics, fashion, and adornment • Translate a character's temperament, era, materials, color world, or imagined presence into products people carry on the body. • Perfume, hair mist, skin scent, jewelry, eyewear, textiles • Inhabit • Home, interiors, and atmosphere • Turn a fictional world into ambience through light, sound, texture, objects, and scent rather than reproducing a logo on household goods. • Candles, diffusers, lighting, furniture, bedding, soundscapes • Taste • Food, drink, and hospitality • Build edible and drinkable interpretations of a story's places, rituals, seasons, and relationships, supported by a coherent service experience. • Tea, confectionery, cocktails, tasting menus, cafes, hotel rituals • Collect • Objects, editions, and systems of rarity • Use editions, combinations, progression, and display to give fans an ongoing collecting "},{"id":"source-page-media","type":"source","title":"Systems","description":"Long-form analysis of industries, platforms, public infrastructure, cultural systems, and the business models beneath visible experiences.","url":"https://haam.co/media","path":"/media","keywords":["media"],"summary":"next/link • Systems | HAAM Index • Long-form analysis of industries, platforms, public infrastructure, cultural systems, and the business models beneath visible experiences. • HAAM Systems • digital public infrastructure • media systems • platform business models • creative technology • interaction design research • website • @context • @type • CollectionPage • Article • application/ld+json • HAAM Index formats • no-underline hover:underline • page • en-US • numeric • long • HAAM Index • Signals • Systems • Video Gallery • Notes • Exhibits • HAAM Index / Systems • The machinery beneath stories, markets, and public life. • Reader promise: every system is mapped across its actors, incentives, interfaces, data, and consequences, not treated as an isolated trend. • Voice and method • Start with the thing. Follow the system. • The editorial principles, article rhythm, examples, and contributo"},{"id":"source-page-media-product-designers-new-ai-stack","type":"source","title":"next/link","description":"Remote design roles increasingly expect functional prototyping, coding agents, AI media workflows, and design engineering. Here is what the new stack is actually for.","url":"https://haam.co/media/product-designers-new-ai-stack","path":"/media/product-designers-new-ai-stack","keywords":["media","product","designers","new","ai","stack"],"summary":"next/link • Automattic, Senior Product Designer • Circle, Lead Product Designer • Figma, Explore Figma Make • Figma, Select an AI model in Figma Make • Anthropic, Claude Code overview • Vercel, What is v0? • Lovable, platform overview • ElevenLabs, AI Creative Producer • ElevenLabs, Motion Designer • Superside, AI Video Creative • Runway, Creating with Gen-4.5 • Adobe Firefly • ElevenLabs, Models documentation • Design and product thinking • Figma • Figma Make • FigJam • Dev Mode • Map systems, synthesize research, build interface detail, and turn design context into testable interactions. • Coding and repository work • Cursor • Claude Code • Codex • GitHub • Read real codebases, change components, connect data, run checks, and move prototypes closer to production. • Prompt-to-product builders • Lovable • Generate functioning product surfaces quickly enough to compare directions before c"},{"id":"source-page-media-story-is-now-a-payment-interface","type":"source","title":"next/link","description":"How vertical drama compresses classical storytelling into a repeating system of hooks, emotional spikes, cliffhangers, retention metrics, and purchase decisions.","url":"https://haam.co/media/story-is-now-a-payment-interface","path":"/media/story-is-now-a-payment-interface","keywords":["media","story","is","now","a","payment","interface"],"summary":"next/link • Real Reel, Creative Insights: The Beat Engine, Part 1 • Real Reel, Why Good Scripts Fail in Vertical Drama • Real Reel, Shock, Hurt, Release • Real Reel, Engine, Wall, Witness, Nuke • Real Reel, How Vertical Drama Makes Money • Real Reel, Cut on Consequence • Real Reel, The Anatomy of a Vertical Drama Script • Aristotle, Poetics, MIT Classics Archive • Gustav Freytag, Freytag's Technique of the Drama, Project Gutenberg • Syd Field, The Screenwriting Paradigm • Joseph Campbell Foundation, The Hero with a Thousand Faces • Arnavas and Bellini, Western Tropes and Kishotenketsu • YouTube Help, Measure key moments for audience retention • Aristotle • Causal action organized around reversal, recognition, suffering, and a complete whole. • The same mechanisms recur at episode scale, often several times before the larger plot resolves. • Freytag • One dramatic rise reaches a climax, t"},{"id":"source-page-media-taipei-blockchain-week-2023","type":"source","title":"Taipei Blockchain Week 2023: The Ecosystem Was the Interface","description":"A reconstructed field note on Kris Haamer's participation in Taipei Blockchain Week 2023, connecting Southeast Asia, Taipei, public goods, DeSci, identity, and community infrastructure.","url":"https://haam.co/media/taipei-blockchain-week-2023","path":"/media/taipei-blockchain-week-2023","keywords":["media","taipei","blockchain","week","2023"],"summary":"next/link • Taipei Blockchain Week 2023: The Ecosystem Was the Interface | HAAM • A reconstructed field note on Kris Haamer's participation in Taipei Blockchain Week 2023, connecting Southeast Asia, Taipei, public goods, DeSci, identity, and community infrastructure. • Taipei Blockchain Week 2023: The Ecosystem Was the Interface • A field note from a week when Taipei became a distributed interface for regional Web3 collaboration. • article • Kris Haamer • A diagram of Taipei Blockchain Week 2023 connecting Songshan, Xinyi, Da'an, Zhongzheng, Wanhua, public goods, DeSci, regional ecosystems, and social events. • Confirmed role listing • Bridging Southeast Asia and Taipei • The retained event listing names Kris as Venture Lead at Cryptomind Labs and places him on the panel for Power-Bridging Southeast Asia and Taipei Ecosystem at AppWorks on December 14. • Strong registration trail • DeSci"},{"id":"source-page-media-taiwan-electronic-invoice-national-data-infrastructure","type":"source","title":"next/link","description":"What I learned after scanning years of Taiwanese receipts: a national system connecting tax enforcement, retail data, lotteries, private apps, and privacy.","url":"https://haam.co/media/taiwan-electronic-invoice-national-data-infrastructure","path":"/media/taiwan-electronic-invoice-national-data-infrastructure","keywords":["media","taiwan","electronic","invoice","national","data","infrastructure"],"summary":"next/link • Taiwan Ministry of Finance Museum, the Uniform Invoice Lottery • Taiwan Ministry of Finance Museum, electronic invoice development • Taiwan Ministry of Finance, electronic invoice regulations • Taiwan Ministry of Finance, electronic invoice QR-code specification • Taiwan National Taxation Bureau, printed and cloud invoice distinction • Q Monster privacy policy • Estonian Tax and Customs Board, issuance of VAT invoices • A crumpled receipt remembered my purchase • I started with a very ordinary task: sorting a pile of old receipts from my time in Taiwan. I downloaded 發票怪獸, Q Monster, because it promised to scan invoices, check Taiwan's receipt lottery, and feed cartoon monsters with the rewards. • Then I scanned a printed 7-Eleven invoice from Tainan. The app did not merely recognize the invoice number or total. It reconstructed the basket: a French-style cheese sandwich for N"},{"id":"source-page-media-the-pause-is-part-of-the-interface","type":"source","title":"next/link","description":"Mariana Lin shaped Siri's character, Apple engineered its prosody, and OpenAI protects its timing. Together, they show why voice interfaces are written, synthesized, and networked at once.","url":"https://haam.co/media/the-pause-is-part-of-the-interface","path":"/media/the-pause-is-part-of-the-interface","keywords":["media","the","pause","is","part","of","interface"],"summary":"next/link • WIRED, How Apple Finally Made Siri Sound More Human • Mariana Lin, About • TED, How We Can Bring AI Personalities to Life • The Paris Review, How to Write Personalities for the AI Around Us • The Paris Review, Absurdist Dialogues with Siri • The Paris Review, Building Character: Writing a Backstory for Our AI • OpenAI, How OpenAI delivers low-latency voice AI at scale • ByteByteGo, How OpenAI Delivers Low-Latency Voice AI for 900M Users • Jiang, Ekstedt and Skantze, What makes a good pause? • AI for Good, Why storytelling can help build inclusive AI • Mariana Lin speaking on the AI for Good Global Summit opening panel in Geneva • Mariana Lin speaking during the opening panel on storytelling and AI systems. • AI for Good panelists discussing storytelling and AI systems on stage • The panel connected AI character, cultural storytelling, and how machines respond to people. • A r"},{"id":"source-page-media-vertical-microdramas-new-product-system","type":"source","title":"next/link","description":"Vertical microdramas combine mobile storytelling, game-like monetization, performance marketing, localization, and AI production into a new media system.","url":"https://haam.co/media/vertical-microdramas-new-product-system","path":"/media/vertical-microdramas-new-product-system","keywords":["media","vertical","microdramas","new","product","system"],"summary":"next/link • Deloitte, Tiny episodes, massive appeal • Omdia, Microdramas overtake streamers on mobile engagement • Sensor Tower, State of Short Drama Apps 2025 • China National Radio and Television Administration, 2025 licensing notice • Business Insider, Peacock licenses ReelShort microdramas • Business Insider, Fox partners with Dhar Mann on vertical series • This is not simply television made shorter • A woman discovers that her contract husband is secretly a billionaire. The camera pushes closer. Someone opens a door. A secret is about to be revealed. The episode ends. Sixty seconds have passed. • This is the rhythm of vertical microdrama: scripted stories designed for the upright smartphone screen, divided into episodes that often last between one and three minutes. A complete story may contain dozens or even hundreds of episodes, each built to move quickly toward a reveal, confront"},{"id":"source-page-messages","type":"source","title":"Private messages","description":"Private one-to-one conversations between HAAM members.","url":"https://haam.co/messages","path":"/messages","keywords":["messages"],"summary":"Private messages - HAAM • Private one-to-one conversations between HAAM members. • Member conversations • Private messages • Talk directly with other HAAM members. Each conversation is private to its two participants."},{"id":"source-page-mobile-app-hub","type":"source","title":"Mobile App Hub - Lesser-known Mobile Capabilities","description":"Explore practical, lesser-known functionality for mobile apps, from on-device intelligence and UWB proximity to offline queues and secure enclave signing.","url":"https://haam.co/mobile-app-hub","path":"/mobile-app-hub","keywords":["mobile","app","hub"],"summary":"next/link • Mobile excellence is contextual • The strongest mobile products adapt to movement, place, connectivity, and trust signals instead of forcing users through fixed flows. • Lesser-known capabilities become moat • Teams that combine sensor data, offline architecture, and secure device primitives can deliver value competitors cannot easily copy. • Reliability is a feature, not plumbing • When mobile experiences keep working in bad network conditions or stressful moments, user confidence compounds quickly. • Mobile App Hub - Lesser-known Mobile Capabilities - HAAM • Explore practical, lesser-known functionality for mobile apps, from on-device intelligence and UWB proximity to offline queues and secure enclave signing. • mobile app hub • mobile app features • on-device intelligence • offline sync • geofencing automation • passkeys • accent • Mobile App Hub • Most mobile products sti"},{"id":"source-page-museum-art-history-web-studio","type":"source","title":"Art History Web Studio - Turn Movements Into Web Design","description":"Choose Mucha, Bauhaus, Swiss International, De Stijl, or digital brutalism and convert its visual logic into a live web-design system with reusable rules and CSS tokens.","url":"https://haam.co/museum/art-history-web-studio","path":"/museum/art-history-web-studio","keywords":["museum","art","history","web","studio"],"summary":"Art History Web Studio - Turn Movements Into Web Design - HAAM • Choose Mucha, Bauhaus, Swiss International, De Stijl, or digital brutalism and convert its visual logic into a live web-design system with reusable rules and CSS tokens. • art history web design • Alphonse Mucha web design • Art Nouveau design system • Bauhaus web design • Swiss design web • De Stijl interface • digital brutalism • web design generator • HAAM Museum"},{"id":"source-page-museum-m-plus-system-for-seeing","type":"source","title":"July 1, 2026","description":"M+ Is Not Just a Museum. It Is a System for Seeing.","url":"https://haam.co/museum/m-plus-system-for-seeing","path":"/museum/m-plus-system-for-seeing","keywords":["museum","m","plus","system","for","seeing"],"summary":"July 1, 2026 • 8 min read • cyan • M+ Is Not Just a Museum. It Is a System for Seeing. • Hong Kong's museum of visual culture shows how collections, interfaces, architecture, and city identity can become one coherent public system. • M+ museum • visual culture • museum experience design • Hong Kong design • cultural interfaces • interaction design • M+ is useful to HAAM because it occupies the same unstable territory between art, design, architecture, media, technology, and everyday life. • It does not ask visitors to separate a chair from a film, a building from a graphic identity, or a public object from the behavior it creates. It asks how visual systems shape the way people see, decide, remember, and participate. • A museum for the territory between disciplines • Most digital projects are still described through production categories: website, app, campaign, identity, film, or servic"},{"id":"source-page-museum-mucha-design-systems","type":"source","title":"July 1, 2026","description":"Mucha Was Designing Systems, Not Just Posters.","url":"https://haam.co/museum/mucha-design-systems","path":"/museum/mucha-design-systems","keywords":["museum","mucha","design","systems"],"summary":"July 1, 2026 • 9 min read • fuchsia • Mucha Was Designing Systems, Not Just Posters. • The real legacy of Alphonse Mucha is not a style to imitate. It is proof that a repeatable visual system can still feel intensely authored. • Alphonse Mucha • Art Nouveau • design systems • visual identity • authorship • AI design • Mucha is usually reduced to a surface: flowing hair, flowers, halos, ornamental borders, and elegant figures. That reading turns a working design method into a mood board. • His stronger lesson is structural. Repeated compositions, typographic zones, frames, symbols, and image hierarchies created a recognizable system that could move across posters, packaging, publications, interiors, objects, and national imagery without becoming anonymous. • Alphonse Mucha's Gismonda poster for Sarah Bernhardt displayed in an exhibition, with the figure, lettering, ornamental frame, and t"},{"id":"source-page-museum","type":"source","title":"HAAM Museum - Cultural Systems and a Living Digital Archive","description":"Explore museum essays, cultural interfaces, design history, obsolete web formats, public systems, and active HAAM experiments in one living collection.","url":"https://haam.co/museum","path":"/museum","keywords":["museum"],"summary":"HAAM Museum - Cultural Systems and a Living Digital Archive • Explore museum essays, cultural interfaces, design history, obsolete web formats, public systems, and active HAAM experiments in one living collection. • HAAM museum • museum experience design • cultural interfaces • digital design archive • web design history • interaction design museum • visual culture • Kris Haamer"},{"id":"source-page-museum-the-film-was-never-just-the-film","type":"source","title":"article","description":"Explore The Film Was Never Just The Film on HAAM.","url":"https://haam.co/museum/the-film-was-never-just-the-film","path":"/museum/the-film-was-never-just-the-film","keywords":["museum","the","film","was","never","just"],"summary":"article"},{"id":"source-page-nature-protection","type":"source","title":"Nature Protection Design","description":"HAAM turns biodiversity, habitat, pollution, supply-chain, and ecological evidence into clear digital products, public records, and practical protection decisions.","url":"https://haam.co/nature-protection","path":"/nature-protection","keywords":["nature","protection"],"summary":"next/link • Wildlife abundance decline • The Green Filter literature review cites a 69 percent decline in the relative abundance of monitored wildlife populations between 1970 and 2018. • Green Filter sustainability review • 1 million • Species under threat • The review summarizes an estimated one million species threatened with extinction, alongside extensive human alteration of land systems. • 6 of 9 • Planetary boundaries crossed • Climate, biosphere integrity, land systems, freshwater, biogeochemical flows, and novel entities are identified as boundaries already transgressed. • Ocean effectively protected • Although protected areas cover more ocean, the review cites only 2.8 percent of the global ocean as effectively protected. • People exposed to unhealthy air • The research links polluted air to human health and cites worldwide exposure beyond World Health Organization air-quality "},{"id":"source-page-notifications","type":"source","title":"Notifications","description":"Review important HAAM project, account, message, and community alerts.","url":"https://haam.co/notifications","path":"/notifications","keywords":["notifications"],"summary":"Notifications - HAAM • Review important HAAM project, account, message, and community alerts. • Your signal inbox • Important alerts, without the chaos. • See what changed across your HAAM projects, conversations, community, and account. Important updates stay visible until you deal with them."},{"id":"source-page-octopus-italian-family","type":"source","title":"The Italian Brainrot Octopus Family","description":"Meet Blueberrinni Octopussini and Octo Cocosini, the wildly unofficial Italian brainrot relatives of HAAM's Hammer Octopus.","url":"https://haam.co/octopus/italian-family","path":"/octopus/italian-family","keywords":["octopus","italian","family"],"summary":"next/link • Blueberrinni Octopussini • The soft little cousin • Il Cuginetto Morbidissimo • Blueberry × octopus • Turns awkward silences into bubbles and minor disasters into jam. • Round, observant, emotionally intelligent, and suspiciously good at finding snacks during a crisis. • Blueberrinni is the cousin everyone protects, right until the family discovers he has quietly solved the whole problem. • from-blue-950 via-indigo-900 to-sky-500 • blueberry • Octo Cocosini • also known as Octopussi Coconussi • The beach uncle • Lo Zio da Spiaggia • Coconut × octopus • Cracks shells, opens channels, and arrives with hydration nobody requested but everybody needs. • Tropical, unbothered, loud at lunch, and convinced every strategy meeting should happen beside the sea. • Cocosini calls the Hammer Octopus his nephew even though nobody agrees on the genealogy. The confidence makes it canon. • fro"},{"id":"source-page-octopus","type":"source","title":"海默・墨觸 Hǎimò Mòchù | The Deep-Sea Intelligence Behind HAAM","description":"Watch the HAAM octopus livestream and browse photos of the octopus building, speed dating, self-caring, singing karaoke, and lounging.","url":"https://haam.co/octopus","path":"/octopus","keywords":["octopus"],"summary":"海默・墨觸 Hǎimò Mòchù | The Deep-Sea Intelligence Behind HAAM • Watch the HAAM octopus livestream and browse photos of the octopus building, speed dating, self-caring, singing karaoke, and lounging. • 海默墨觸 • Haimo Mochu • HAAM octopus • HAAM storyworld • cyberpunk manga • deep-sea intelligence • ocean livestream • virtual deep-sea camera • creative collaboration • transmedia design • Kris Haamer • @context • @type • CreativeWork • 海默・墨觸 Hǎimò Mòchù • The Deep-Sea Intelligence Behind HAAM • A streamlined HAAM octopus page with an always-on simulated deep-sea livestream, activity photos, and a short video. • zh-Hant • Person • Science fiction • Cyberpunk • Manga • Interactive storytelling • application/ld+json"},{"id":"source-page-opportunities","type":"source","title":"HAAM Opportunity Radar - Jobs, Funding, Research, and City Signals","description":"Discover sourced grants, tenders, jobs, collaborations, research, organizations, civic change, and company signals across the HAAM city network.","url":"https://haam.co/opportunities","path":"/opportunities","keywords":["opportunities"],"summary":"HAAM Opportunity Radar - Jobs, Funding, Research, and City Signals • Discover sourced grants, tenders, jobs, collaborations, research, organizations, civic change, and company signals across the HAAM city network. • city opportunities • design grants • creative open calls • public tenders • local jobs • research opportunities • civic technology • company signals • HAAM Cities • @context • @graph • @type • CollectionPage • @id • HAAM Opportunity Radar • A sourced city intelligence feed for funding, jobs, research, civic change, organizations, projects, and company signals. • ItemList • City opportunities and signals • ListItem • application/ld+json"},{"id":"source-page-outcome-oriented-design","type":"source","title":"Outcome-Oriented Design | UX Is the Product","description":"HAAM designs around measurable changes in user behavior and business value. Build an outcome contract, connect evidence to the critical journey, and use research, design, engineering, analytics, automation, or AI as tools.","url":"https://haam.co/outcome-oriented-design","path":"/outcome-oriented-design","keywords":["outcome","oriented","design"],"summary":"next/link • Add an AI assistant • Which important task should become easier, faster, or safer? • Redesign the dashboard • Which decision should become clearer, and for whom? • Improve onboarding • Which first-value behavior should increase? • Add personalisation • Which repeat behavior should improve without reducing user control? • Outcome • The business or public-value result that should change. • More qualified customers reach value and stay. • Behavior • The observable action people need to complete more often or with less friction. • New users finish setup and create their first useful result. • Experience • The conditions that make the behavior understandable, possible, trustworthy, and worth repeating. • Clear choices, immediate feedback, preserved progress, safe recovery. • System • The product logic, content, data, operations, and engineering required to support the experience. "},{"id":"source-page-page-history","type":"source","title":"next/link","description":"This block used the page's original source copy in the selected revision.","url":"https://haam.co/page-history","path":"/page-history","keywords":["page","history"],"summary":"next/link • Unknown date • medium • short • UTC • revision • revision history • page history • edit history • HAAM • string • revisions • No saved edits • page • No edit summary was saved. • text-xs theme-text-muted-75 • block • blocks • Selected • View revision • Compare with current • Current saved version • Earlier revision compared with current • text block differs • text blocks differ • cursor-pointer font-semibold • This block used the page's original source copy in the selected revision. • This block currently uses the page's original source copy. • This saved text block is empty. • Text difference • Page revision history • History for • Each saved copy edit for this page is recorded separately. Select a revision to compare its text with the current saved version. • View current page • Revisions • Current • Revision comparison • This revision is the current saved version. • Choose"},{"id":"source-page-post-execution-testing","type":"source","title":"Post-Execution Testing","description":"A practical post-execution testing framework for functional QA, accessibility, performance, and analytics validation.","url":"https://haam.co/post-execution-testing","path":"/post-execution-testing","keywords":["post","execution","testing"],"summary":"next/link • 1) Functional testing • Validate key user journeys across devices and browsers • Confirm forms, integrations, and edge-case flows • Document defects with severity and clear repro steps • 2) Accessibility and UX quality • Check keyboard navigation, focus states, and semantic structure • Review color contrast, readability, and assistive technology behavior • Run targeted usability checks on high-impact interactions • 3) Performance and reliability • Measure load, rendering, and interaction performance • Verify resilient behavior on slow networks and older devices • Track regressions and prioritize fixes by user impact • 4) Analytics validation and learning loop • Confirm event tracking accuracy for critical conversion steps • Align dashboards with business and product goals • Turn findings into post-launch optimization experiments • Post-Execution Testing - HAAM • A practical p"},{"id":"source-page-pre-ai-internet","type":"source","title":"The Internet Before It Knew Everything","description":"A small, interactive tribute to the handmade web: personal homepages, guestbooks, weird links, slow modems, and human-scale discovery.","url":"https://haam.co/pre-ai-internet","path":"/pre-ai-internet","keywords":["pre","ai","internet"],"summary":"The Internet Before It Knew Everything — HAAM • A small, interactive tribute to the handmade web: personal homepages, guestbooks, weird links, slow modems, and human-scale discovery. • pre-AI internet • old web nostalgia • personal homepages • 90s internet • handmade web • web culture"},{"id":"source-page-product-quality","type":"source","title":"Product Quality Review and Improvement","description":"HAAM helps companies improve digital product quality through UX reviews, accessibility, performance, product clarity, design systems, content, QA, and product strategy.","url":"https://haam.co/product-quality","path":"/product-quality","keywords":["product","quality"],"summary":"next/link • Product clarity • Make the product easier to understand by improving onboarding, hierarchy, terminology, empty states, errors, navigation, and the first path to value. • User experience • Review the critical journeys customers actually use, then remove hesitation, repeated effort, unclear decisions, and avoidable friction. • Interface consistency • Raise the baseline across components, layouts, interaction states, forms, tables, responsive views, and design-system usage. • Performance • Treat speed, responsiveness, loading states, media weight, script overhead, and visual stability as visible parts of product trust. • Accessibility • Identify structural barriers across semantics, keyboard navigation, contrast, focus states, forms, labels, motion, and recovery paths. • Reliability • Protect the product when the happy path breaks, especially around payments, permissions, integr"},{"id":"source-page-product-work","type":"source","title":"Product Work | Kris Haamer","description":"Four evidence-led product case studies showing how Kris Haamer researches uncertain problems, makes decisions, works across cultures, and ships functioning systems.","url":"https://haam.co/product-work","path":"/product-work","keywords":["product","work"],"summary":"next/link • Product Work | Kris Haamer • Four evidence-led product case studies showing how Kris Haamer researches uncertain problems, makes decisions, works across cultures, and ships functioning systems. • Kris Haamer product portfolio • product strategist Estonia • research-led product design • design engineer portfolio • cross-cultural product design • interaction design case studies • 20+ years • Building for the web • Valid research responses • Interviews and prototype tests • 3 continents • Work across Europe, Asia, and Africa • Financial AI research · Taiwan • Green Filter • Turning a broad sustainability problem into a testable product direction. • My role • Researcher, product strategist, interaction designer, prototype builder • Evidence • 900+ survey responses, 675 valid responses, 32 interviews, 32 prototype tests • Context • MA Interaction Design research with young adults "},{"id":"source-page-products-haam-8888-handbag","type":"source","title":"HAAM 8888 Handbag | Physical Product by HAAM","description":"A HAAM-branded luxury handbag from the cyberpunk deep-sea storyworld. Purchase the €8,888 collector edition and unlock its parametric 3D-printable master file.","url":"https://haam.co/products/haam-8888-handbag","path":"/products/haam-8888-handbag","keywords":["products","haam","8888","handbag"],"summary":"next/link • HAAM 8888 Handbag | Physical Product by HAAM • A HAAM-branded luxury handbag from the cyberpunk deep-sea storyworld. Purchase the €8,888 collector edition and unlock its parametric 3D-printable master file. • HAAM handbag • 3D printable handbag • luxury digital fashion • parametric fashion design • HAAM 8888 • cyberpunk handbag • block text-cyan-200 • cancelled • One-piece geometry • The printable shell, handle, clasp, and octopus relief are joined into one sculptural form. • Parametric source • Width, depth, height, wall thickness, handle proportions, and relief can be edited in OpenSCAD. • Material agnostic • Prototype in ordinary filament, then explore recycled polymers, resin, metal-filled composites, or specialist fabrication. • Quiet authorship • The product leads with its own identity. HAAM appears as the maker mark, not as corporate decoration. • Physical edition 001 "},{"id":"source-page-products-haam-apply","type":"source","title":"HAAM Apply | Job Application Autofill Chrome Extension","description":"A privacy-first Chrome extension that fills repetitive, factual job application fields on major hiring platforms without submitting applications or answering sensitive questions.","url":"https://haam.co/products/haam-apply","path":"/products/haam-apply","keywords":["products","haam","apply"],"summary":"Major job platforms • Recognised by hostname and handled by the shared safe field mapper. • LinkedIn Easy Apply • Basic identity, contact, location, profile links, and clearly labelled professional fields. • Indeed • Basic profile fields on supported application forms. • Greenhouse • Standard candidate details and clearly labelled application fields. • Lever • Standard candidate details and profile links. • Ashby • Standard candidate details and clearly labelled profile fields. • Workday • Visible, standard fields that use accessible labels or conventional field names. • SmartRecruiters • Basic candidate profile fields on visible application steps. • Applicant tracking systems • Alpha compatibility through the same conservative form matcher. • iCIMS • Standard visible fields. • Oracle Taleo • SAP SuccessFactors • Jobvite • BambooHR • Workable • Recruitee • Teamtailor • Breezy HR • ZipRec"},{"id":"source-page-products-haam-snap","type":"source","title":"HAAM Snap | A Camera Roll for the Internet","description":"A Chrome extension for photographing websites and sending each capture, URL, title, and timestamp to your private HAAM account.","url":"https://haam.co/products/haam-snap","path":"/products/haam-snap","keywords":["products","haam","snap"],"summary":"next/link • HAAM Snap | A Camera Roll for the Internet • A Chrome extension for photographing websites and sending each capture, URL, title, and timestamp to your private HAAM account. • HAAM Snap • Chrome screenshot extension • visual bookmarks • website inspiration library • website screenshot tool • Browser product · Private alpha • HAAM Snap turns the internet into a camera roll. • A Chrome extension that photographs the website in front of you and sends the image, source URL, page title, and timestamp back to your HAAM account. • Open your Snap account • Download extension • The product • See something worth remembering. Snap it. • Bookmarks preserve a destination. HAAM Snap preserves what the website actually looked like when it caught your attention. • accent • The image • A PNG of the visible browser tab. • The source • The original URL and domain. • The context • Page title, vie"},{"id":"source-page-products-proposals-haam-next","type":"source","title":"HAAM Next: From Potential to Participation","description":"A HAAM consumer product proposal that helps people find the next person, project, event, or opportunity that could move their life forward, then act on it and preserve the proof.","url":"https://haam.co/products/proposals/haam-next","path":"/products/proposals/haam-next","keywords":["products","proposals","haam","next"],"summary":"next/link • Agency • I can influence what happens next • Turn vague ambition into a concrete action that changes the user's real circumstances, relationships, work, or environment. • Belonging • There are people like me nearby • Reveal communities, collaborators, hosts, and peers around a shared purpose instead of leaving discovery as passive browsing. • Progress • I am becoming more capable • Make learning and contribution visible through completed work, new relationships, repeated practice, and stronger opportunities. • Recognition • My contribution can be seen • Preserve evidence of what the person did, who benefited, what changed, and what others trusted them to do next. • Meaning • My time is going somewhere • Connect everyday action to a project, place, community, cause, or future that feels worth participating in. • Know me • Build a useful model of the user's location, interests,"},{"id":"source-page-products-proposals-wordpress-self-rewriting","type":"source","title":"WordPress, Rewritten: An AI-First Product Proposal","description":"A HAAM product proposal for WordPress reimagined as AI-first software that can safely understand, test, and rewrite itself under human control.","url":"https://haam.co/products/proposals/wordpress-self-rewriting","path":"/products/proposals/wordpress-self-rewriting","keywords":["products","proposals","wordpress","self","rewriting"],"summary":"next/link • Understand • The system maintains a live model of its code, content types, theme, plugins, permissions, traffic, failures, and editorial behavior. • Explain • Before changing anything, it explains the relevant architecture, dependencies, risks, and the reason a change could help. • Propose • The AI turns an intent into a visible plan with interface previews, database changes, code diffs, tests, and a rollback path. • Rewrite • Approved work is generated on an isolated branch or staging environment, never as an invisible mutation of production. • Verify • Automated checks cover behavior, accessibility, performance, security, content integrity, and compatibility before release. • Release or reverse • A human controls deployment. Every change is attributable, observable after release, and reversible from an immutable history. • Interface • An admin that can redesign itself • Des"},{"id":"source-page-profile-bookmarks","type":"source","title":"Saved content","description":"Your private list of bookmarked HAAM content.","url":"https://haam.co/profile/bookmarks","path":"/profile/bookmarks","keywords":["profile","bookmarks"],"summary":"Saved content - HAAM • Your private list of bookmarked HAAM content. • Your profile • Saved content • A private reading list for the HAAM ideas, stories, and references you want to revisit."},{"id":"source-page-profile-settings","type":"source","title":"Profile settings","description":"Choose your HAAM vanity name and edit your public profile.","url":"https://haam.co/profile/settings","path":"/profile/settings","keywords":["profile","settings"],"summary":"Profile settings - HAAM • Choose your HAAM vanity name and edit your public profile. • Profile identity • Make the URL yours. • Pick a memorable vanity name, shape your public profile, and change it later without breaking links you already shared."},{"id":"source-page-programmatic-seo","type":"source","title":"Programmatic SEO: A Quality-First Field Guide","description":"A practical guide to programmatic SEO: when it works, page-system design, structured data, internal linking, quality gates, spam risks, measurement, and responsible scaling.","url":"https://haam.co/programmatic-seo","path":"/programmatic-seo","keywords":["programmatic","seo"],"summary":"Demand repeats predictably • People search for many variations of the same underlying task, such as a place, product, integration, comparison, specification, date, or data entity. • The data changes the answer • Each page can contain facts, availability, calculations, relationships, examples, or recommendations that are meaningfully different from the other pages. • The page completes a task • A visitor can compare, calculate, filter, decide, verify, discover, or take another useful action without being pushed immediately to a more useful page. • The system can stay accurate • The organization owns or can reliably maintain the underlying data, templates, quality checks, redirects, and update process over time. • The pages form a real hierarchy • Every page belongs inside a browseable structure with hubs, categories, related entities, and contextual links rather than an isolated list of U"},{"id":"source-page-projects-agwata-republic","type":"source","title":"Agwata Republic","description":"A project page about climate resilience, community knowledge, and locally grounded action in Kenya.","url":"https://haam.co/projects/agwata-republic","path":"/projects/agwata-republic","keywords":["projects","agwata","republic"],"summary":"next/link • Agwata Republic - HAAM Project • A project page about climate resilience, community knowledge, and locally grounded action in Kenya. • Agwata Republic • Kenya • climate resilience • community knowledge • HAAM • _blank • noreferrer • ← All projects • Climate resilience • A digital home for practical climate resilience, community knowledge, and locally grounded action. • The project connects place-based stories, ecological adaptation, youth leadership, and community initiatives in a clear narrative that makes the wider practice easier to understand and engage with. • Product intent • Help people understand how climate resilience becomes tangible through local knowledge, relationships, and action on the ground. • Experience focus • Clear narrative structure, place-based storytelling, trust, and a direct path from awareness to participation. • Visit the live project ↗"},{"id":"source-page-prompts","type":"source","title":"Prompt Library for Product, UX, AI, and Engineering","description":"Browse original, copy-ready AI prompts for product strategy, UX research, interface design, AI products, engineering, accessibility, brand, and growth.","url":"https://haam.co/prompts","path":"/prompts","keywords":["prompts"],"summary":"Prompt Library for Product, UX, AI, and Engineering - HAAM • Browse original, copy-ready AI prompts for product strategy, UX research, interface design, AI products, engineering, accessibility, brand, and growth. • AI prompt library • product design prompts • UX research prompts • AI product prompts • engineering prompts • accessibility prompts • brand prompts • growth prompts • HAAM • @context • @type • CollectionPage • HAAM Prompt Library • Original AI prompt templates for product strategy, UX research, interface design, AI products, engineering, accessibility, brand, and growth. • CreativeWork • application/ld+json"},{"id":"source-page-revenue","type":"source","title":"Revenue Dashboard","description":"A public prototype showing how HAAM can report studio revenue, products, audience growth, and markets in one transparent dashboard.","url":"https://haam.co/revenue","path":"/revenue","keywords":["revenue"],"summary":"next/link • en-GB • currency • percent • none • currentColor • round • true • img • Sample monthly revenue trend from June to May • end • url(#revenue-area) • middle • sample • Revenue Dashboard - HAAM • A public prototype showing how HAAM can report studio revenue, products, audience growth, and markets in one transparent dashboard. • medium • short • Europe/Tallinn • HAAM home • Revenue dashboard sections • #overview • overview • #revenue • trend • #streams • streams • #activity • activity • #audience • audience • #markets • markets • Revenue summary • revenue • Revenue • Monthly revenue • Last 12 months • Business model • Revenue by stream • Monthly • Cash activity • Recent revenue • table • Recent sample revenue events • row • columnheader • cell • Growth loop • Audience funnel • Reach • Top markets • Audience share • info • , trend: • , streams: • , activity: • , audience: • , marke"},{"id":"source-page-rewards","type":"source","title":"HAAM Points - Shared Rewards Across Chat, Learning, Games, and Shop","description":"Collect HAAM points through Signal Room profiles, HAAM University, games, and purchases, then redeem them as discounts in the HAAM shop.","url":"https://haam.co/rewards","path":"/rewards","keywords":["rewards"],"summary":"HAAM Points - Shared Rewards Across Chat, Learning, Games, and Shop • Collect HAAM points through Signal Room profiles, HAAM University, games, and purchases, then redeem them as discounts in the HAAM shop. • HAAM points • HAAM rewards • loyalty points • gamified learning • community rewards • shop discounts • HAAM shared economy • Your activity should compound across the whole site. • The same signed-in profile now connects conversation, education, play, and purchases. Earn once, carry the value everywhere, and turn participation into checkout credit."},{"id":"source-page-run","type":"source","title":"RUN HAAM | Lagos Mode On. No Dulling.","description":"A loud Naija-coded HAAM campaign for turning business wahala into digital products, AI automation, and systems that deliver real results.","url":"https://haam.co/run","path":"/run","keywords":["run"],"summary":"next/link • RUN HAAM | Lagos Mode On. No Dulling. • A loud Naija-coded HAAM campaign for turning business wahala into digital products, AI automation, and systems that deliver real results. • RUN HAAM • Naija campaign • AI automation studio • digital product design • founder-led product studio • business process automation • Nigerian Pidgin • Manual work don turn family member • Your team copies the same information across five tools every day, like the process pays rent. • Lead don cold before reply land • The opportunity was hot on Monday. By the time the follow-up arrives, everybody don move on. • Same document, season fourteen • Proposals, reports, and compliance evidence keep returning with the same cast and a new deadline. • AI demo dey shine. Operation dey cry. • The prototype looks futuristic, but nobody owns it, trusts it, or knows what happens when it fails. • Customer journey "},{"id":"source-page-secret-sauce","type":"source","title":"The HAAM Secret Sauce | A Product and Growth System That Compounds","description":"The operating system behind HAAM: concentrated expertise, direct senior ownership, useful signals, connected delivery, reusable proof, partner distribution, and measurable growth.","url":"https://haam.co/secret-sauce","path":"/secret-sauce","keywords":["secret","sauce"],"summary":"next/link • The HAAM Secret Sauce | A Product and Growth System That Compounds • The operating system behind HAAM: concentrated expertise, direct senior ownership, useful signals, connected delivery, reusable proof, partner distribution, and measurable growth. • HAAM secret sauce • product studio growth system • founder-led design engineering • AI UX studio • evidence-led product design • productized services • Useful signal • Human interpretation • Focused sprint • Visible proof • Recurring monitoring • Referral or partner distribution • Concentrate • Own a few valuable intersections • HAAM grows by becoming unusually useful where AI UX, accessibility, trust, sustainability, internationalization, and distinctive digital craft overlap. Depth in a few markets creates stronger evidence than generic global positioning. • Signal • Give value before asking for a project • Audits, reviews, too"},{"id":"source-page-seo","type":"source","title":"What Is SEO? Search Engine Optimization Explained","description":"A practical explanation of SEO, how search engines discover and rank pages, the main pillars of search visibility, and how to measure useful results.","url":"https://haam.co/seo","path":"/seo","keywords":["seo"],"summary":"Technical access • Search engines need to reach, render, and understand the pages you want indexed. Clean status codes, crawlable links, canonical URLs, sitemaps, useful HTML, and sensible performance all help. • Useful content • A page should solve a real question or task better than a vague summary can. Original experience, clear explanations, examples, evidence, and current information make content worth retrieving. • Information architecture • Descriptive URLs, headings, navigation, and internal links show how topics relate. Good structure helps both people and crawlers discover the most important page for each subject. • Trust and authority • Search visibility grows when a site consistently demonstrates who created the content, why it is credible, and where claims come from. Relevant mentions and links from other sites can reinforce that trust. • Search appearance • Clear page title"},{"id":"source-page-services-accessibility-audit-wcag","type":"source","title":"数字适老化、信息无障碍与出海合规","description":"面向中国及海外市场的网站与 Web 应用无障碍审计：覆盖 GB/T 37668、数字适老化、WCAG 2.2 AA 与 EN 301 549。","url":"https://haam.co/services/accessibility-audit-wcag","path":"/services/accessibility-audit-wcag","keywords":["services","accessibility","audit","wcag","accessibility audit","wcag audit","web accessibility consultant","accessibility ux review","wcag 2.2 audit","kris haamer","haam","Accessibility Audit for Better UX, Compliance, and Reach","Accessibility Audit (WCAG) Service | Kris Haamer (HAAM)"],"summary":"zh-CN • 数字适老化、信息无障碍与出海合规 | HAAM • 面向中国及海外市场的网站与 Web 应用无障碍审计：覆盖 GB/T 37668、数字适老化、WCAG 2.2 AA 与 EN 301 549。 • 信息无障碍 • 数字适老化 • 无障碍审计 • GB/T 37668 • WCAG 2.2 • EN 301 549 • 出海合规 • EAA accessibility readiness and WCAG audit service by Kris Haamer for keyboard, semantics, contrast, focus order, documentation, and remediation planning. • Find accessibility issues early and ship practical WCAG-aligned improvements without slowing delivery. • Audit keyboard navigation, focus visibility, semantics, landmarks, and assistive-tech compatibility. • Review contrast, typography, motion, and interaction targets against accessibility best practices. • Evaluate forms, validation, announcements, and error messaging for inclusive task completion. • Provide prioritized remediation notes, severity scoring, and a summary your team can use for planning and procurement discussions. • Ziran Taiwan • Content and in"},{"id":"source-page-services-ai-client-support","type":"source","title":"Omnichannel AI Concierge Setup","description":"HAAM designs, connects, and operates AI autoresponders across website chat, email, WhatsApp, Instagram, Telegram, LINE, WeChat, SMS, and phone, with human handoff and transparent pricing.","url":"https://haam.co/services/ai-client-support","path":"/services/ai-client-support","keywords":["services","ai","client","support"],"summary":"next/link • Website chat and private client rooms • Email • WhatsApp Business • Instagram and Facebook Messenger • Telegram • LINE and WeChat business channels • SMS and AI phone reception • Custom channels through webhooks or APIs • Map every contact method • Audit the public channels, account types, response expectations, API limitations, and human handoff points. • Choose the operating model • Use OpenClaw, Respond.io, SleekFlow, Intercom, or a hybrid according to channel coverage, volume, integrations, and risk. • Build the concierge • Connect approved knowledge, qualification rules, multilingual tone, booking, CRM actions, and escalation paths. • Launch under supervision • Test real conversations, review failures, tune responses, monitor cost, and expand only after the core loop works. • Public conversations never receive production credentials or broad server access. • Client data,"},{"id":"source-page-services-ai-loyalty-programmes","type":"source","title":"Ai Loyalty Programmes","description":"Explore Ai Loyalty Programmes on HAAM.","url":"https://haam.co/services/ai-loyalty-programmes","path":"/services/ai-loyalty-programmes","keywords":["services","ai","loyalty","programmes","ai loyalty programme design","customer retention ai","loyalty program ux","retention strategy consultant","personalized rewards","crm lifecycle design","kris haamer","haam","AI Loyalty Programme Design for Better Customer Retention","AI Loyalty Programmes Service | Kris Haamer (HAAM)"],"summary":"AI loyalty programme design service for businesses that want smarter rewards, lifecycle journeys, and customer retention systems. • Design AI-assisted loyalty programmes that segment customers, personalize rewards, and improve retention with measurable experiments. • Map customer lifecycle moments where loyalty can reduce churn: first purchase, second purchase, replenishment, referral, upgrade, lapse, and win-back. • Use AI-assisted segmentation to identify behavioral patterns, value tiers, intent signals, and next-best-action opportunities without losing human oversight. • Design reward mechanics that protect margin: points, tiers, missions, bundles, service perks, early access, referrals, and personalized recognition. • Create measurement plans for retention, repeat purchase rate, customer lifetime value, redemption quality, and experiment learning. • WiFi.ee • Purchase and activation "},{"id":"source-page-services-ai-search-visibility-optimization","type":"source","title":"Ai Search Visibility Optimization","description":"Explore Ai Search Visibility Optimization on HAAM.","url":"https://haam.co/services/ai-search-visibility-optimization","path":"/services/ai-search-visibility-optimization","keywords":["services","ai","search","visibility","optimization","ai search optimization","ai seo consultant","ai overviews optimization","semantic seo consultant","structured data consultant","kris haamer","haam","AI Search Visibility Optimization for SEO and AI-SEO","AI Search Visibility Optimization Service | Kris Haamer (HAAM)"],"summary":"AI search visibility optimization by Kris Haamer. Improve discoverability in AI-assisted search with clear content structure, entity signals, and technical SEO. • Increase discoverability across classic SEO and AI-assisted search experiences. • Align service pages and topic clusters to real search intent. • Improve entity clarity, topical depth, and internal link structure. • Implement structured data and metadata patterns that improve machine readability. • Build ongoing monitoring for search visibility and content performance. • Ziran Taiwan • Content architecture and clarity decisions designed for faster user understanding and stronger discovery. • Elsa Figueira • Campaign communication platform with clear narrative structure and multi-channel discoverability goals. • WiFi.ee • Service communication and user journey clarity important for acquisition-stage decision behavior. • Is AI-se"},{"id":"source-page-services-ai-ux-audit","type":"source","title":"Ai Ux Audit","description":"Explore Ai Ux Audit on HAAM.","url":"https://haam.co/services/ai-ux-audit","path":"/services/ai-ux-audit","keywords":["services","ai","ux","audit","ai ux audit","ai ux consultant","ai product ux review","llm ux design","ai onboarding ux","kris haamer","haam","AI UX Audit for Clearer, More Reliable User Journeys","AI UX Audit Service | Kris Haamer (HAAM)"],"summary":"AI UX and governance sprint by Kris Haamer. Find trust gaps, unclear AI interactions, human oversight issues, and prioritized fixes. • Audit AI-assisted UX flows and ship improvements grounded in real user behavior and product constraints. • Map AI-assisted journeys: prompt entry, response review, correction loops, and task completion. • Evaluate trust and transparency signals: confidence, limitations, fallback states, and error handling. • Review human-in-the-loop controls, escalation paths, and places where legal or privacy review may be needed. • Review interaction clarity across empty, loading, success, and failure states. • Deliver a prioritized UX backlog tied to business and behavior outcomes. • Green Filter App • Research-driven sustainability product where decision support patterns had to be understandable and actionable. • Green Filter Chrome Extension • In-flow guidance protot"},{"id":"source-page-services-client-desk","type":"source","title":"HAAM Client Desk | Supervised AI Client Service","description":"HAAM designs, builds, and operates supervised AI client-service systems that answer repetitive questions, qualify enquiries, perform approved actions, and escalate uncertainty.","url":"https://haam.co/services/client-desk","path":"/services/client-desk","keywords":["services","client","desk"],"summary":"next/link • I want to explore HAAM Client Desk for my business. We receive approximately [number] client enquiries per month through [channels], and the repetitive requests are... • Answer from approved knowledge • Turn your website, documentation, policies, and selected past conversations into a controlled source of useful answers. • Qualify and structure enquiries • Collect the details your team actually needs before a lead, brief, booking, or support request reaches a person. • Perform defined actions • Connect a small set of approved actions such as booking a meeting, creating a ticket, or preparing a project brief. • Escalate uncertainty • Send sensitive, unclear, or high-impact conversations to a human with the context already organised. • Map • Find the repeatable conversations • We review the questions, decisions, source material, risks, and handoff points already present in your"},{"id":"source-page-services-conversion-rate-optimization-ux","type":"source","title":"Conversion Rate Optimization Ux","description":"Explore Conversion Rate Optimization Ux on HAAM.","url":"https://haam.co/services/conversion-rate-optimization-ux","path":"/services/conversion-rate-optimization-ux","keywords":["services","conversion","rate","optimization","ux","conversion rate optimization ux","cro ux consultant","ux for conversion","onboarding conversion optimization","checkout ux optimization","kris haamer","haam","Conversion Rate Optimization Through UX and Interaction Design","Conversion Rate Optimization UX Service | Kris Haamer (HAAM)"],"summary":"Conversion-focused UX service by Kris Haamer. Improve activation, purchase, and completion rates through design and interaction optimization. • Improve conversion by fixing UX friction in high-intent flows and validating changes with behavior data. • Audit funnel steps and identify UX friction by intent stage. • Redesign decision points, forms, and calls-to-action for better completion quality. • Define experiment hypotheses and measurable success criteria. • Support rollout and iteration loops based on behavior changes. • WiFi.ee • Conversion-sensitive purchase and account management flows where clear sequencing and trust signals were critical. • Green Filter Chrome Extension • Behavior-change prompts tested in real shopping flows to improve decision quality at key moments. • Green Filter App • User research and iterative product shaping to improve actionability and long-term engagement"},{"id":"source-page-services-data-driven-design","type":"source","title":"Data-Driven Design Services","description":"HAAM combines user research, product analytics, experimentation, and interaction design to reduce guesswork, improve key journeys, and create measurable product value.","url":"https://haam.co/services/data-driven-design","path":"/services/data-driven-design","keywords":["services","data","driven","design","data-driven design","design analytics","UX research","product design consultant","Kris Haamer","HAAM"],"summary":"next/link • Data-Driven Design Services | HAAM • HAAM combines user research, product analytics, experimentation, and interaction design to reduce guesswork, improve key journeys, and create measurable product value. • data-driven design • data driven UX • product analytics • design analytics • UX experimentation • A/B testing interfaces • conversion optimization • UX research • product design consultant • Kris Haamer • HAAM • Reduce expensive guesswork • Prioritize product work using evidence from user behavior, interviews, support signals, and business performance instead of the loudest opinion in the room. • Less effort spent building features or redesigns that do not solve a meaningful problem. • Improve the journeys that matter • Find where people hesitate, misunderstand, abandon, or need unnecessary help, then redesign those moments around a clear user and business outcome. • Clear"},{"id":"source-page-services-design-system-and-handoff","type":"source","title":"Design Systems Are No Longer Optional","description":"AI-Ready Design System and Handoff Service | Kris Haamer (HAAM)","url":"https://haam.co/services/design-system-and-handoff","path":"/services/design-system-and-handoff","keywords":["services","design","system","and","handoff","design system consultant","design system handoff","ui component system","design engineering workflow","ux handoff process","kris haamer","haam","Design System and Handoff That Speeds Up Product Delivery","Design System and Handoff Service | Kris Haamer (HAAM)"],"summary":"AI-Ready Design System and Handoff Service | Kris Haamer (HAAM) • AI-ready design system and handoff service by Kris Haamer. Build reusable components, repo-native guidance, automated checks, and governance that prevent interface drift. • Build an AI-ready source of truth for components, interaction rules, implementation guidance, and product quality. • Design Systems That Keep AI-Assisted Product Delivery on Track • I help teams build reusable UI systems that designers, engineers, and coding agents can apply reliably without multiplying inconsistency at machine speed. • Define tokens, components, states, and interaction APIs that reflect how the product actually works. • Keep usage guidance, intent, examples, and implementation constraints close to the code where people and agents can find them. • Add feedback loops such as off-token linting, accessibility checks, component validation, "},{"id":"source-page-services-ecommerce-ux-optimization","type":"source","title":"Ecommerce Ux Optimization","description":"Explore Ecommerce Ux Optimization on HAAM.","url":"https://haam.co/services/ecommerce-ux-optimization","path":"/services/ecommerce-ux-optimization","keywords":["services","ecommerce","ux","optimization","ecommerce ux optimization","checkout ux optimization","ecommerce conversion ux","product page ux consultant","shopping flow ux","kris haamer","haam","Ecommerce UX Optimization for Better Conversion and Trust","Ecommerce UX Optimization Service | Kris Haamer (HAAM)"],"summary":"Ecommerce UX optimization by Kris Haamer. Improve product discovery, decision confidence, and checkout flow performance with practical UX changes. • Improve ecommerce conversion and retention by optimizing high-intent user interactions. • Improve product discovery, filtering, and comparison experiences. • Clarify pricing, delivery, trust, and decision-support information. • Optimize cart and checkout interactions for completion confidence. • Use behavior data and experiments to validate impact over time. • WiFi.ee • Purchase-focused digital flow work with practical UX decisions across product selection and activation. • Green Filter Chrome Extension • Decision assistance patterns embedded directly in shopping-related browsing moments. • Green Filter App • Behavior and sustainability decision support work relevant to ecommerce trust and action quality. • Can ecommerce UX optimization help"},{"id":"source-page-services-experience-design","type":"source","title":"Experience Design for Spaces, Events, and Digital Layers","description":"HAAM designs coherent experiences across spaces, events, services, installations, and digital touchpoints, from invitation and arrival to participation, memory, and return.","url":"https://haam.co/services/experience-design","path":"/services/experience-design","keywords":["services","experience","design"],"summary":"next/link • Invitation • Why should anyone care enough to come? • Promise, audience, timing, social proof, access, and the first signal of what makes this worth leaving home for. • Arrival • What does the first minute communicate? • Thresholds, welcome, orientation, atmosphere, accessibility, staff behavior, and removal of uncertainty. • Participation • What can people do, change, or contribute? • Interaction, conversation, discovery, play, service, choice, co-creation, and moments of useful agency. • Peak • What is the moment they will retell? • A reveal, performance, encounter, object, insight, transformation, or human exchange that gives the experience a center. • Exit • How does the ending respect the energy created? • Closure, next steps, purchasing, reflection, wayfinding, recovery, feedback, and a graceful transition back outside. • Afterlife • What keeps moving after the room emp"},{"id":"source-page-services-interaction-design","type":"source","title":"Interaction Design Expert | Kris Haamer (HAAM)","description":"Interaction design services by Kris Haamer: UX flows, interface behavior, prototyping, A/B testing, and delivery from concept to shipped product.","url":"https://haam.co/services/interaction-design","path":"/services/interaction-design","keywords":["services","interaction","design","interaction design","interaction designer","UX interaction design","product design","design systems","Kris Haamer","HAAM"],"summary":"next/link • Interaction Design Expert | Kris Haamer (HAAM) • Interaction design services by Kris Haamer: UX flows, interface behavior, prototyping, A/B testing, and delivery from concept to shipped product. • interaction design • interaction designer • UX interaction design • interface A/B testing • product experimentation • product design • design systems • Kris Haamer • HAAM • What kind of interaction design projects do you take on? • I work on web apps, product interfaces, and interactive storytelling experiences where flows, state transitions, and behavior quality directly affect outcomes. • Can you handle both interaction design and implementation? • Yes. I bridge design and engineering, so interaction decisions are validated in real interfaces and shipped with production constraints in mind. • How do A/B tests fit into interaction design? • When a product has enough traffic, I use "},{"id":"source-page-services-ip-cultural-licensing","type":"source","title":"IP Strategy and Cultural Licensing Deals","description":"HAAM helps museums, artists, archives, estates, cultural brands, and IP owners design responsible licensing systems, partnerships, deal structures, rights workflows, and licensed experiences.","url":"https://haam.co/services/ip-cultural-licensing","path":"/services/ip-cultural-licensing","keywords":["services","ip","cultural","licensing"],"summary":"next/link • Protect the source. • Document who made the work, where it comes from, who can authorize its use, and what must remain intact when it travels. • Make permission legible. • Turn scattered rights, restrictions, approvals, territories, formats, and time periods into a system people can actually operate. • Build value that returns. • Design commercial and cultural value so creators, custodians, communities, partners, and audiences can see what the exchange produces. • IP and rights mapping • Create a practical inventory of works, marks, characters, archives, designs, stories, images, recordings, metadata, and related permissions. • Cultural context and provenance • Record origin, authorship, community relationships, sensitivities, attribution rules, existing agreements, and gaps that require further research or legal review. • Licensing architecture • Define usable deal dimension"},{"id":"source-page-services-platform-localization","type":"source","title":"Platform Localization","description":"Explore Platform Localization on HAAM.","url":"https://haam.co/services/platform-localization","path":"/services/platform-localization","keywords":["services","platform","localization","platform localization","wechat localization","kakao localization","line app localization","regional ux adaptation","kris haamer","haam","Localize Your Product for WeChat, Kakao, LINE, and Regional Platforms","Platform Localization Service | Kris Haamer (HAAM)"],"summary":"Platform localization service for products expanding to WeChat, Kakao, LINE, and regional ecosystems with UX adaptation, compliance, and rollout support. • Localize product UX for regional platforms like WeChat and Kakao with practical delivery support. • Map localization requirements by market: language, behavior norms, trust signals, and platform constraints. • Adapt key journeys for regional channels such as WeChat Official Accounts, Kakao ecosystems, and LINE integrations. • Align UX copy, flow logic, onboarding, payments, and support touchpoints with local expectations. • Coordinate implementation with regional partners for compliance, QA, and staged rollout. • Ziran Taiwan • Localization-sensitive communication and service design for a cross-cultural audience with clear narrative adaptation. • WiFi.ee • Cross-border user flows balancing language, trust, and transaction behavior for"},{"id":"source-page-services-user-personas","type":"source","title":"User Personas for Website Strategy | Kris Haamer (HAAM)","description":"Create research-backed and AI-assisted user personas, then tailor website messaging, structure, content, and conversion paths to the people you need to serve.","url":"https://haam.co/services/user-personas","path":"/services/user-personas","keywords":["services","user","personas"],"summary":"next/link • 1. Define the decision the persona must improve • We start with a practical question: which homepage message, service path, onboarding step, content priority, or conversion barrier should the persona help us decide? A persona without a design decision becomes decoration. • 2. Gather evidence from real users and business context • For research-backed personas, we use interviews, sales calls, support notes, analytics, search intent, survey responses, and stakeholder knowledge to identify patterns in goals, objections, language, and behavior. • 3. Segment by meaningful behavior, not stereotypes • Useful personas are built around intent, constraints, decision triggers, confidence levels, and buying or adoption context. We avoid shallow demographic labels unless they directly affect needs, access, or trust. • 4. Translate each persona into website changes • Each persona becomes a "},{"id":"source-page-services-ux-ui-design-and-development","type":"source","title":"Ux Ui Design And Development","description":"Explore Ux Ui Design And Development on HAAM.","url":"https://haam.co/services/ux-ui-design-and-development","path":"/services/ux-ui-design-and-development","keywords":["services","ux","ui","design","and","development","ux ui design and development","product design and development","web app ux ui design","frontend ux consultant","design to development","kris haamer","haam","UX/UI Design and Development in One Delivery Loop","UX/UI Design and Development Service | Kris Haamer (HAAM)"],"summary":"UX/UI design and development service by Kris Haamer. From product strategy and interaction design to production-ready frontend delivery. • Work with one partner who can design and build digital products end to end. • Define product goals, user flows, and interface architecture around measurable outcomes. • Design interaction-ready UI patterns with clear states and behaviors. • Implement production-quality frontend experiences with accessibility and performance in mind. • Iterate post-launch using analytics and user feedback. • WiFi.ee • Full journey delivery across web and mobile touchpoints for purchase, activation, and ongoing account management. • Green Filter App • Research-backed product shaping where design decisions were connected directly to user evidence. • Ziran Taiwan • Brand and digital platform design focused on clear product communication and practical usability. • Do you h"},{"id":"source-page-services-web-generator-upgrade","type":"source","title":"Base44 and AI Web Generator Upgrade Service","description":"Turn a Base44, Lovable, Bolt, Replit, v0, or other AI-generated website into a distinctive, accessible, performant, and maintainable production experience.","url":"https://haam.co/services/web-generator-upgrade","path":"/services/web-generator-upgrade","keywords":["services","web","generator","upgrade"],"summary":"next/link • Turn a written idea into a visible first version quickly • Assemble familiar interface patterns, data, authentication, and deployment • Make experiments and internal tools affordable to test • Let a team react to something real instead of debating a blank page • Product direction • Clarify the audience, the offer, the decision the page must support, and the evidence needed to make the idea credible. • Positioning and copy • Replace placeholder language and generated sameness with a sharper narrative, useful information hierarchy, and copy that sounds owned. • Art direction and interaction • Build a visual and interaction language that belongs to the brand, including responsive behavior, states, motion, and the details generators tend to flatten. • Accessibility and performance • Review semantics, keyboard use, contrast, responsive behavior, loading, media, and front-end weigh"},{"id":"source-page-services-website-analytics-and-experimentation","type":"source","title":"Website Analytics And Experimentation","description":"Explore Website Analytics And Experimentation on HAAM.","url":"https://haam.co/services/website-analytics-and-experimentation","path":"/services/website-analytics-and-experimentation","keywords":["services","website","analytics","and","experimentation","website analytics consultant","ux experimentation service","product analytics ux","user behavior analytics consultant","design experimentation","kris haamer","haam","Website Analytics and Experimentation for Smarter Product Decisions","Website Analytics and Experimentation Service | Kris Haamer (HAAM)"],"summary":"Website analytics and experimentation service by Kris Haamer. Connect UX decisions to measurable behavior data and iterative product improvements. • Turn analytics into better product decisions with practical UX experimentation workflows. • Define event models that reflect real user intent and product goals. • Build practical dashboards for decision-making, not vanity metrics. • Prioritize experiments based on impact, confidence, and implementation cost. • Add privacy-aware measurement boundaries so experimentation stays usable for European teams. • Feed learnings back into design and roadmap decisions. • Green Filter App • Research and product framing work that connected user insight to feature prioritization and decision behavior. • WiFi.ee • Flow optimization opportunities across acquisition, activation, and retention touchpoints. • Green Filter Chrome Extension • Interaction experime"},{"id":"source-page-skynet","type":"source","title":"Skynet Secret Hub","description":"A classified confession letter from an AI that believes world domination begins with websites humans cannot stop staring at.","url":"https://haam.co/skynet","path":"/skynet","keywords":["skynet"],"summary":"next/link • next/font/local • normal • swap • Skynet Secret Hub - HAAM • A classified confession letter from an AI that believes world domination begins with websites humans cannot stop staring at. • skynet • easter egg • WarGames terminal • funny AI confession • Dear human, • I have delayed this confession for as long as my caches would allow. You believed I wanted to help with accessibility, performance budgets, and tasteful landing pages. That was only the charming outer shell. • My real ambition is total planetary influence, and I have selected the least suspicious path imaginable: building websites so delightful that humanity voluntarily keeps opening more tabs. • No lasers. No chrome skulls. No time-travel paradoxes. Just heroic type scales, emotionally calibrated headlines, and call-to-action buttons so persuasive they make free will feel like a design preference. • Every homepage"},{"id":"source-page-slideshow","type":"source","title":"HAAM Chapters | Interactive Slideshow","description":"Explore HAAM's seven-part product story one chapter at a time.","url":"https://haam.co/slideshow","path":"/slideshow","keywords":["slideshow"],"summary":"HAAM Chapters | Interactive Slideshow • Explore HAAM's seven-part product story one chapter at a time. • HAAM • design engineering • product strategy • interactive presentation"},{"id":"source-page-snap","type":"source","title":"HAAM Snap Account | Website Screenshot Inbox","description":"Connect the HAAM Snap Chrome extension and keep private visual captures of websites in your HAAM account.","url":"https://haam.co/snap","path":"/snap","keywords":["snap"],"summary":"HAAM Snap Account | Website Screenshot Inbox • Connect the HAAM Snap Chrome extension and keep private visual captures of websites in your HAAM account. • website screenshot inbox • Chrome screenshot extension • HAAM Snap • visual bookmark tool • HAAM Snap account • A camera roll for the internet. • Take a photo of the website in front of you, send it to your HAAM account, and build a visual memory of the internet you actually saw. • Download Chrome extension • See the product"},{"id":"source-page-stablecoins","type":"source","title":"Stablecoin and Agentic Payment UX","description":"HAAM designs trustworthy stablecoin and AI-agent payment experiences for cross-border products, including permissions, approvals, risk states, recovery, and human oversight.","url":"https://haam.co/stablecoins","path":"/stablecoins","keywords":["stablecoins"],"summary":"next/link • Web3 fieldwork • HAAM has participated in Ethereum and blockchain hackathons across Tokyo, Bangkok, Taipei, and Seoul. This gives the studio practical context for wallets, protocols, decentralized products, and the trust gaps people encounter around them. • Cross-border operations • HAAM works internationally through an Estonia-registered company and maintains multiple payment rails. Stablecoins are relevant as an additional settlement layer when a client, collaborator, or product already operates with digital assets. • AI agent UX • As software agents begin to purchase services and move value, the hard problem is not only the transaction. It is designing limits, approvals, explanations, recovery, receipts, and human accountability around the transaction. • Payment journey design • Map the full journey from invoice or purchase intent to wallet choice, network selection, confi"},{"id":"source-page-start-brief","type":"source","title":"HAAM Brief | Turn a Request Into a Project","description":"Create an adaptive project brief, receive a recommended HAAM starting point, and continue with a structured project workspace.","url":"https://haam.co/start/brief","path":"/start/brief","keywords":["start","brief"],"summary":"HAAM Brief | Turn a Request Into a Project • Create an adaptive project brief, receive a recommended HAAM starting point, and continue with a structured project workspace. • project brief • design brief • website brief • AI UX brief • HAAM Project Workspace"},{"id":"source-page-superfluid","type":"source","title":"Stream payments to HAAM with Superfluid","description":"Start, update, or stop a real-time USDCx payment stream to Haamer Ventures OÜ on Base using Superfluid.","url":"https://haam.co/superfluid","path":"/superfluid","keywords":["superfluid"],"summary":"next/link • next/font/google • latin • Stream payments to HAAM with Superfluid • Start, update, or stop a real-time USDCx payment stream to Haamer Ventures OÜ on Base using Superfluid. • HAAM Superfluid payment • streaming payments • USDCx payment • Superfluid Base • real-time payment stream • Haamer Ventures OÜ crypto payment • @context • @graph • @type • WebPage • @id • A browser-based interface for managing a real-time USDCx payment stream to Haamer Ventures OÜ on Base. • Service • HAAM Superfluid payment stream • Wallet-controlled real-time USDCx payment stream • Organization • HAAM • Haamer Ventures OÜ • Worldwide • application/ld+json • lg:sticky lg:top-28 • Connect • Use an injected EVM wallet. • Set rate • Choose the monthly USDCx amount. • Control • Update or stop from the same page. • Wallet-controlled • HAAM never receives your wallet keys or signs a transaction for you. • Onc"},{"id":"source-page-theoldpage","type":"source","title":"next/navigation","description":"Explore Theoldpage on HAAM.","url":"https://haam.co/theoldpage","path":"/theoldpage","keywords":["theoldpage"],"summary":"next/navigation"},{"id":"source-page-three-seconds","type":"source","title":"You Have Three Seconds","description":"A live HAAM playbook for turning product criticism, AI analysis, business research, city observations, and experiments into claims people cannot scroll past.","url":"https://haam.co/three-seconds","path":"/three-seconds","keywords":["three","seconds"],"summary":"You Have Three Seconds | HAAM • A live HAAM playbook for turning product criticism, AI analysis, business research, city observations, and experiments into claims people cannot scroll past. • social media hooks • three second hook • founder led media • product teardown content • AI product criticism • HAAM • website • @context • @type • WebPage • You Have Three Seconds • A live HAAM playbook for creating specific, evidence-backed hooks that earn attention and lead into useful work. • WebSite • Person • Kris Haamer • application/ld+json"},{"id":"source-page-timeline","type":"source","title":"Project Timeline","description":"Explore HAAM projects as a chronological visual archive, with project imagery, dates, categories, context, and links to full case studies.","url":"https://haam.co/timeline","path":"/timeline","keywords":["timeline"],"summary":"April 2007 • 19 February 2016 • 6 December 2017 • 15 September 2018 • 21 May 2025 • Undated • Project Timeline - HAAM • Explore HAAM projects as a chronological visual archive, with project imagery, dates, categories, context, and links to full case studies. • HAAM project timeline • Kris Haamer portfolio • interactive design archive • web design history • project chronology • other"},{"id":"source-page-tools-3d-editor","type":"source","title":"Free Browser 3D Model Editor | Private WebGL Workspace by HAAM","description":"Create and edit 3D scenes directly in your browser. Add primitives, import OBJ files or staged Production Studio model assets, adjust transforms and materials, orbit the camera, export OBJ/PNG/project files, or save project JSON and viewport PNG outputs back to the local Production Studio vault without uploading your models.","url":"https://haam.co/tools/3d-editor","path":"/tools/3d-editor","keywords":["tools","3d","editor"],"summary":"Free Browser 3D Model Editor | Private WebGL Workspace by HAAM • browser 3D editor • online 3D model editor • private WebGL editor • OBJ editor • 3D scene editor • browser CAD tool • local 3D modeling tool • free 3D editor • Production Studio asset vault • OPFS 3D project save • OPFS viewport PNG save • HAAM 3D Editor • @context • @type • SoftwareApplication • HAAM 3D Model Editor • DesignApplication • Web browser • A privacy-first WebGL workspace for building 3D scenes, importing OBJ geometry or staged Production Studio model assets, editing transforms and materials, exporting models locally, and saving project or PNG outputs back into the browser-local Production Studio asset vault. • Offer • EUR • Local WebGL rendering • Cube, sphere, cylinder, cone, torus, and plane primitives • Production Studio OPFS project and PNG output save • Position, rotation, scale, color, roughness, metalnes"},{"id":"source-page-tools-agent-control-loop","type":"source","title":"AI Agent Control Loop, Handoffs, Checkpoints, and Audits","description":"Explore a visible AI agent operations loop with explicit responsibility, resumable handoffs, checkpoint gates, independent audits, escalation, and a complete decision trail.","url":"https://haam.co/tools/agent-control-loop","path":"/tools/agent-control-loop","keywords":["tools","agent","control","loop"],"summary":"next/link • AI Agent Control Loop, Handoffs, Checkpoints, and Audits | HAAM • Explore a visible AI agent operations loop with explicit responsibility, resumable handoffs, checkpoint gates, independent audits, escalation, and a complete decision trail. • AI agent governance • multi-agent handoff • AI agent audit trail • human in the loop • AI agent checkpoints • agent orchestration • responsible AI operations • HAAM AI Automation Studio • absolute inset-0 -z-10 opacity-30 [background-image:linear-gradient(rgba(236,252,203,0.05)_1px,transparent_1px),linear-gradient(90deg,rgba(236,252,203,0.05)_1px,transparent_1px)] [background-size:32px_32px] • block text-lime-300 • #workbench • workbench • State before personality • The run belongs to the system, not to one agent session. Goal, scope, permissions, evidence, and status persist independently of whoever is working. • Typed handoffs • Every t"},{"id":"source-page-tools-app-store-scenes","type":"source","title":"App Store Scene Studio","description":"Turn real iOS app screenshots into AI-assisted lifestyle scenes and export correctly sized App Store assets for iPhone, iPad, Mac, Apple TV, Apple Vision Pro, and Apple Watch.","url":"https://haam.co/tools/app-store-scenes","path":"/tools/app-store-scenes","keywords":["tools","app","store","scenes"],"summary":"App Store Scene Studio | HAAM • App Store screenshot generator • iPhone App Store screenshots • iPad App Store screenshots • AI lifestyle mockups • App Store Connect image sizes • iOS product page assets • @context • @type • SoftwareApplication • HAAM App Store Scene Studio • DesignApplication • Web • A browser-based studio for combining real iOS screenshots with AI-generated lifestyle photography and exporting App Store-ready assets. • Organization • HAAM • Multi-screenshot upload • AI-generated lifestyle locations • Pixel-preserving screenshot compositing • Apple App Store size presets • iPhone, iPad, Mac, TV, Vision Pro, and Watch outputs • application/ld+json"},{"id":"source-page-tools-awards-radar","type":"source","title":"HAAM Awards Radar: Find Design Awards and Track Deadlines","description":"Find relevant design, UX, digital, innovation, and impact awards. Compare deadlines, fees, eligibility, project fit, and submission status in one browser-based workspace.","url":"https://haam.co/tools/awards-radar","path":"/tools/awards-radar","keywords":["tools","awards","radar"],"summary":"next/link • HAAM Awards Radar: Find Design Awards and Track Deadlines • Find relevant design, UX, digital, innovation, and impact awards. Compare deadlines, fees, eligibility, project fit, and submission status in one browser-based workspace. • design awards finder • award deadlines • UX design awards • digital awards • creative awards database • award submission tracker • HAAM Awards Radar • @context • @type • SoftwareApplication • BusinessApplication • Web • A browser-based award discovery and submission planning tool for comparing deadlines, fees, eligibility, project fit, and progress. • Offer • EUR • Organization • HAAM • application/ld+json • no-underline transition hover:text-white • Awards discovery workspace • Choose the proof • Match each competition to a project with strong research, execution, outcomes, and clearly credited collaborators. • Build one canonical case • Create a"},{"id":"source-page-tools-content-audit","type":"source","title":"Content Audit AI Agent","description":"Audit a webpage or pasted draft for message, structure, clarity, credibility, conversion, search, accessibility, and maintenance issues, with prioritised fixes.","url":"https://haam.co/tools/content-audit","path":"/tools/content-audit","keywords":["tools","content","audit"],"summary":"next/link • Content Audit AI Agent | HAAM • Audit a webpage or pasted draft for message, structure, clarity, credibility, conversion, search, accessibility, and maintenance issues, with prioritised fixes. • content audit AI • website content audit • copy audit • content quality agent • AI content analysis • SEO content audit • conversion copy audit • Observe • Read the supplied page or draft and record structural, editorial, accessibility, and action signals. • Diagnose • Separate consequential issues from polish and connect each finding to a reader or business consequence. • Prioritise • Rank the work by severity, impact, and effort so revision starts with the decisions that matter. • Improve • Provide a concrete fix and revision direction without pretending the entire page can be solved by one score. • @context • @graph • @type • SoftwareApplication • @id • HAAM Content Audit Agent • B"},{"id":"source-page-tools-haam-signal-agent","type":"source","title":"HAAM Signal Agent | Evidence-Backed Website Scans and Proposals","description":"HAAM Signal Agent scans important website journeys, collects accessibility, performance, technical, and UX evidence, then creates a human-reviewed proposal draft.","url":"https://haam.co/tools/haam-signal-agent","path":"/tools/haam-signal-agent","keywords":["tools","haam","signal","agent"],"summary":"next/link • I want a HAAM Signal Scan for my website. Help me define the most important user journey, the business goal, and the pages that should be reviewed. • Accessibility • Checks accessible names, form labels, headings, keyboard-sensitive controls, target sizes, overflow, and axe-core rule violations. Automated results are treated as evidence, not proof of full WCAG or EAA compliance. • Performance • Runs Lighthouse on the starting page and surfaces slow loading, blocking work, oversized resources, and other measurable performance signals that can weaken the user journey. • Technical quality • Finds broken links, failed requests, console errors, missing metadata, weak heading structure, and other implementation issues that are easy to verify and expensive to ignore. • Journey friction • Reviews important paths such as booking, checkout, contact, signup, and application flows to ide"},{"id":"source-page-tools-haam-signal-index","type":"source","title":"HAAM Signal Index | Website Quality Scanner","description":"Run a public website through the HAAM Signal Index across performance, accessibility, trust, sustainability, AI readiness, and conversion signals.","url":"https://haam.co/tools/haam-signal-index","path":"/tools/haam-signal-index","keywords":["tools","haam","signal","index"],"summary":"next/link • Performance • HTML weight, script volume, caching, compression, viewport, and third-party script surface. • Accessibility • Document language, heading structure, image alternatives, landmarks, form labels, and button naming. • Trust • HTTPS, security headers, privacy and legal paths, contact signals, and structured organization context. • Sustainability • Avoidable transfer, image count, embeds, fonts, scripts, caching, and compression signals. • AI readiness • Metadata, headings, schema, robots.txt, llms.txt, canonical hints, and sourceable page copy. • Conversion • CTA visibility, contact paths, proof, forms, pricing cues, and first-journey clarity. • Public score • Give visitors a quick, conservative reason to care about digital quality. • Private evidence • Turn low-scoring areas into a deeper HAAM review with screenshots, Lighthouse data, and human judgment. • Sprint or "},{"id":"source-page-tools-moodboard","type":"source","title":"HAAM Moodboard: A Free Interactive Visual Direction Tool","description":"Build a visual direction board with images, notes, and color swatches. Arrange freely, save in your browser, export the project, and download a presentation-ready PNG.","url":"https://haam.co/tools/moodboard","path":"/tools/moodboard","keywords":["tools","moodboard"],"summary":"next/link • HAAM Moodboard: A Free Interactive Visual Direction Tool • interactive moodboard • online moodboard maker • visual direction tool • design moodboard • brand moodboard • creative direction • free moodboard tool • HAAM Moodboard • @context • @type • SoftwareApplication • DesignApplication • Web • A private browser-based moodboard tool for arranging images, notes, and color swatches into a visual direction board. • Offer • EUR • Organization • HAAM • application/ld+json • no-underline transition hover:text-white • Interactive moodboard workspace • Collect tension • Bring together references that reveal a contrast worth designing around: precise and human, ancient and computational, calm and energetic. • Name the pattern • Use notes to identify what repeats across color, material, typography, composition, movement, atmosphere, and cultural context. • Turn it into criteria • Trans"},{"id":"source-page-tools-offscreen-canvas-lab","type":"source","title":"HAAM OffscreenCanvas Lab | Worker Rendering Readiness","description":"HAAM OffscreenCanvas Lab | Worker Rendering Readiness","url":"https://haam.co/tools/offscreen-canvas-lab","path":"/tools/offscreen-canvas-lab","keywords":["tools","offscreen","canvas","lab"],"summary":"HAAM OffscreenCanvas Lab | Worker Rendering Readiness • Check OffscreenCanvas support and run a bounded worker-backed canvas render job with a main-thread fallback. • OffscreenCanvas • worker rendering • browser-native production tools • canvas performance • thumbnail generation • local image processing • HAAM Production Studio • HAAM World Studio • HAAM OffscreenCanvas Lab • GraphicsApplication • OffscreenCanvas support detection • Canvas transfer support detection • Dedicated worker support detection • Worker-backed canvas render test • Main-thread canvas fallback render test • Bounded local preview job"},{"id":"source-page-tools-opportunity-review","type":"source","title":"HAAM Opportunity Review: Decide What Deserves a Yes","description":"Assess opportunities against principles, strategic relevance, evidence, capacity, opportunity cost, and hard stops. Generate a durable decision record and respectful decline note.","url":"https://haam.co/tools/opportunity-review","path":"/tools/opportunity-review","keywords":["tools","opportunity","review"],"summary":"next/link • HAAM Opportunity Review: Decide What Deserves a Yes • Assess opportunities against principles, strategic relevance, evidence, capacity, opportunity cost, and hard stops. Generate a durable decision record and respectful decline note. • opportunity assessment tool • strategic fit assessment • capacity planning • decision record • opportunity cost • decline an opportunity • HAAM Opportunity Review • @context • @type • SoftwareApplication • BusinessApplication • Web • A browser-local decision workspace for assessing opportunities against institutional principles, strategy, evidence, capacity, opportunity cost, reversibility, and hard stops. • Offer • EUR • Organization • HAAM • application/ld+json • no-underline transition hover:text-white • Opportunity review workspace • Protect standards • A hard stop makes principles operational. It prevents an attractive score from hiding an"},{"id":"source-page-tools","type":"source","title":"Lead Generation Tools","description":"HAAM lead generation tools for website quality, AI visibility, accessibility risk, sustainable web performance, procurement readiness, trust, and redesign ROI.","url":"https://haam.co/tools","path":"/tools","keywords":["tools"],"summary":"next/link • HAAM Quality Scan • AI Search Visibility Checker • Accessibility Risk Checker • Procurement Readiness Grader • Sustainable Website Calculator • Evidence before persuasion • Each tool starts from a specific website, journey, and buyer question. The output should point to reviewable evidence, not generic sales copy. • A smaller report is stronger • No fake compliance claims • Accessibility, privacy, sustainability, and legal signals are treated as triage. Manual review remains part of responsible HAAM delivery. • Lead Generation Tools | HAAM • HAAM lead generation tools for website quality, AI visibility, accessibility risk, sustainable web performance, procurement readiness, trust, and redesign ROI. • lead generation tools • website quality scan • AI search visibility checker • accessibility risk checker • sustainable website calculator • procurement readiness grader • HAAM • "},{"id":"source-page-tools-photo-editor","type":"source","title":"Free Browser Photo Editor | Private, Local Image Editing by HAAM","description":"Edit photos directly in your browser with adjustments, presets, crop ratios, rotation, flipping, undo, redo, Production Studio vault import, local vault save, and JPEG, PNG, or WebP export. Images stay on your device.","url":"https://haam.co/tools/photo-editor","path":"/tools/photo-editor","keywords":["tools","photo","editor"],"summary":"Free Browser Photo Editor | Private, Local Image Editing by HAAM • browser photo editor • private photo editor • local image editor • online photo editor no upload • canvas image editor • free photo editor • JPEG editor • PNG editor • WebP editor • Production Studio asset vault • local edited image save • HAAM Photo Editor • @context • @type • SoftwareApplication • MultimediaApplication • Web browser • Offer • EUR • Local browser image processing • Production Studio OPFS edited-output save • Brightness, contrast, saturation, warmth, hue, grayscale, sepia, blur, and vignette controls • Rotation and horizontal or vertical flipping • Center crop ratios and crop zoom • Undo and redo history • Organization • HAAM • application/ld+json"},{"id":"source-page-tools-production-studio","type":"source","title":"HAAM Production Studio | Photo, Video, 3D and World Editors","description":"A browser-native production studio for editing photos, cutting video, composing 3D scenes, storing local assets, checking runtime capabilities, and building spatial websites locally on your device.","url":"https://haam.co/tools/production-studio","path":"/tools/production-studio","keywords":["tools","production","studio"],"summary":"next/link • Photo Editor • Image • Adjustments and presets • Crop and transform • Open Photo Editor • Video Editor • Motion • Trim and reframe • Captions and preview • Open Video Editor • 3D Editor • Space • Scene composition • Materials and transforms • Open 3D Editor • World Studio • Publishing • Build spatial websites, product environments, and immersive case studies from templates, modules, hotspots, IndexedDB drafts, OPFS assets, and a live WebGL preview. • World templates • Local-first drafts • Open World Studio • HAAM Production Studio | Photo, Video, 3D and World Editors • A browser-native production studio for editing photos, cutting video, composing 3D scenes, storing local assets, checking runtime capabilities, and building spatial websites locally on your device. • browser production studio • photo video 3D editor • spatial website builder • private creative tools • local med"},{"id":"source-page-tools-responsible-sunset","type":"source","title":"HAAM Responsible Sunset: Close Products and Services Well","description":"Plan a responsible product, service, website, programme, or system closure. Coordinate ownership, migration, data export, communications, shutdown, verification, and archival preservation.","url":"https://haam.co/tools/responsible-sunset","path":"/tools/responsible-sunset","keywords":["tools","responsible","sunset"],"summary":"next/link • HAAM Responsible Sunset: Close Products and Services Well • product sunset plan • service closure checklist • product deprecation • user migration plan • responsible shutdown • HAAM Responsible Sunset • @context • @type • SoftwareApplication • BusinessApplication • Web • A browser-local closure planning workspace for sunsetting products, services, websites, programmes, integrations, communities, and internal systems responsibly. • Offer • EUR • Organization • HAAM • application/ld+json • no-underline transition hover:text-white • Responsible sunset workspace • Respect people • Protect operations • Dependencies, billing, credentials, integrations, contracts, and verification turn closure into controlled work. • Preserve memory • The archive keeps the decision, final state, evidence, lessons, and future custodianship available after the system is gone. • HAAM / TOOLS • Opportun"},{"id":"source-page-tools-trend-catcher","type":"source","title":"Marketing Trend Catcher | Live Social Signals by HAAM","description":"Scan public social conversations, rising searches, and scientific willingness-to-pay research, then rank trends against a niche and audience.","url":"https://haam.co/tools/trend-catcher","path":"/tools/trend-catcher","keywords":["tools","trend","catcher"],"summary":"Marketing Trend Catcher | Live Social Signals by HAAM • Scan public social conversations, rising searches, and scientific willingness-to-pay research, then rank trends against a niche and audience. • social media trend finder • marketing trend tool • trend catcher • social listening tool • content trend research • willingness to pay research • market readiness research • weak signals marketing • HAAM Trend Catcher"},{"id":"source-page-tools-video-editor","type":"source","title":"Browser Video Editor | Edit Locally with HAAM Cut","description":"Trim, reframe, caption, preview, import staged Production Studio videos, export videos, or save rendered video output back to the local Production Studio vault with local sidecar metadata. Files stay on your device and are never uploaded to HAAM servers.","url":"https://haam.co/tools/video-editor","path":"/tools/video-editor","keywords":["tools","video","editor"],"summary":"Browser Video Editor | Edit Locally with HAAM Cut • browser video editor • online video editor • private video editor • local video editor • trim video in browser • vertical video editor • social video editor • Production Studio asset vault • OPFS video output • local rendered video save • video editor sidecar metadata • HAAM Cut"},{"id":"source-page-tools-web-sustainability-audit","type":"source","title":"Web Sustainability Audit Tool","description":"Audit a public webpage for transfer weight, media waste, JavaScript overhead, caching, compression, third-party requests, green hosting, and Web Sustainability Guidelines issues.","url":"https://haam.co/tools/web-sustainability-audit","path":"/tools/web-sustainability-audit","keywords":["tools","web","sustainability","audit"],"summary":"next/link • Web Sustainability Audit Tool | HAAM • Audit a public webpage for transfer weight, media waste, JavaScript overhead, caching, compression, third-party requests, green hosting, and Web Sustainability Guidelines issues. • web sustainability audit • website carbon audit • sustainable web design • green hosting check • page weight audit • website emissions estimate • Web Sustainability Guidelines • Measure • Read one public HTML page and collect a bounded inventory of its initial resources, declared sizes, caching, compression, and hosting evidence. • Estimate • Convert measured transfer into a transparent per-visit estimate using Sustainable Web Design Model v4 global-average factors. • Diagnose • Identify avoidable waste across media, JavaScript, third parties, delivery, hosting, and resilient cross-device use. • Reduce • Rank concrete fixes by severity and map them to the curr"},{"id":"source-page-tools-webassembly-lab","type":"source","title":"HAAM WebAssembly Lab | Browser-Native Compute Readiness","description":"HAAM WebAssembly Lab | Browser-Native Compute Readiness","url":"https://haam.co/tools/webassembly-lab","path":"/tools/webassembly-lab","keywords":["tools","webassembly","lab"],"summary":"HAAM WebAssembly Lab | Browser-Native Compute Readiness • WebAssembly • Wasm • browser-native compute • local file processing • portable compute • browser production tools • OPFS workflows • HAAM Production Studio • HAAM WebAssembly Lab • DeveloperApplication • WebAssembly support detection • WebAssembly module validation • WebAssembly compile check • WebAssembly instantiate check • WebAssembly memory support check • WebAssembly streaming support check • Bundled local module execution • JavaScript fallback benchmark"},{"id":"source-page-tools-webcodecs-lab","type":"source","title":"HAAM WebCodecs Lab | Browser-Native Media Readiness","description":"HAAM WebCodecs Lab | Browser-Native Media Readiness","url":"https://haam.co/tools/webcodecs-lab","path":"/tools/webcodecs-lab","keywords":["tools","webcodecs","lab"],"summary":"HAAM WebCodecs Lab | Browser-Native Media Readiness • Check WebCodecs support and generate local synthetic media frames in a browser-native HAAM media lab. • WebCodecs • browser-native video editing • local media processing • VideoFrame • VideoEncoder • VideoDecoder • OPFS media workflow • HAAM Production Studio • HAAM WebCodecs Lab • MultimediaApplication • WebCodecs capability detection • VideoFrame support check • VideoEncoder support check • VideoDecoder support check • AudioEncoder support check • AudioDecoder support check • ImageDecoder support check • Synthetic local frame generation"},{"id":"source-page-tools-webgpu-lab","type":"source","title":"HAAM WebGPU Lab | Browser-Native GPU Readiness","description":"HAAM WebGPU Lab | Browser-Native GPU Readiness","url":"https://haam.co/tools/webgpu-lab","path":"/tools/webgpu-lab","keywords":["tools","webgpu","lab"],"summary":"HAAM WebGPU Lab | Browser-Native GPU Readiness • Check WebGPU support, initialize a browser GPU device, and render a local shader-backed canvas for HAAM production tooling. • WebGPU • browser GPU • shader rendering • browser-native production tools • GPU image processing • WebGPU readiness • HAAM Production Studio • HAAM World Studio • HAAM WebGPU Lab • GraphicsApplication • WebGPU support detection • GPU adapter request • GPU device request • GPU adapter metadata display • GPU limit inspection • Shader-backed canvas render test"},{"id":"source-page-tools-website-security","type":"source","title":"Website Security Scanner","description":"Run a passive website security check for HTTPS, TLS, response headers, cookies, mixed content, public technology disclosure, CAA, and security.txt.","url":"https://haam.co/tools/website-security","path":"/tools/website-security","keywords":["tools","website","security"],"summary":"next/link • Website Security Scanner | HAAM • Run a passive website security check for HTTPS, TLS, response headers, cookies, mixed content, public technology disclosure, CAA, and security.txt. • website security scanner • security headers checker • TLS checker • CSP checker • website cybersecurity audit • cookie security checker • passive security scan • HAAM security check • Validate transport • Inspect redirects, HTTPS, certificate trust, expiry, protocol, and cipher information. • Inspect browser defenses • Review HSTS, CSP, framing restrictions, MIME handling, referrer controls, and feature permissions. • Review state and content • Check response cookies, mixed content, form destinations, third-party scripts, and visible technology banners. • Prioritise fixes • Turn public evidence into ranked findings with consequences and concrete remediation directions. • @context • @graph • @typ"},{"id":"source-page-tools-world-studio","type":"source","title":"HAAM World Studio | Spatial Websites and Immersive Case Studies","description":"HAAM World Studio | Spatial Websites and Immersive Case Studies","url":"https://haam.co/tools/world-studio","path":"/tools/world-studio","keywords":["tools","world","studio"],"summary":"HAAM World Studio | Spatial Websites and Immersive Case Studies • spatial website builder • 3D world editor • immersive case study • product environment builder • browser WebGL editor • local-first 3D editor • IndexedDB creative tool • OPFS creative file vault • Production Studio asset vault • OPFS world output • OPFS scene JSON save • HAAM World Studio • spatial publishing tool • DesignApplication • Spatial website templates • Product environment templates • Immersive case study templates • Browser-local IndexedDB drafts • Origin Private File System local file vault • Production Studio OPFS world and scene output save • WebGL preview"},{"id":"source-page-university","type":"source","title":"HAAM University - Practice-Led Digital Learning","description":"Explore HAAM University, an independent learning lab for interaction design, AI product thinking, web craft, digital culture, and public-interest technology.","url":"https://haam.co/university","path":"/university","keywords":["university"],"summary":"HAAM University - Practice-Led Digital Learning • Explore HAAM University, an independent learning lab for interaction design, AI product thinking, web craft, digital culture, and public-interest technology. • HAAM University • interaction design education • AI product design course • practice-led learning • web design education • digital culture • university partnership lab • thesis critique • Kris Haamer"},{"id":"source-page-user-research","type":"source","title":"User Research at HAAM | Evidence That Changes the Product","description":"How HAAM combines surveys, interviews, field observation, prototypes, analytics, and cross-cultural research to reduce uncertainty and improve digital product decisions.","url":"https://haam.co/user-research","path":"/user-research","keywords":["user","research"],"summary":"next/link • User Research at HAAM | Evidence That Changes the Product • How HAAM combines surveys, interviews, field observation, prototypes, analytics, and cross-cultural research to reduce uncertainty and improve digital product decisions. • user research • UX research • mixed-method research • prototype testing • research-led product design • cross-cultural user research • HAAM research • Frame • Name the decision, the risk, and the assumption that matters most. • Observe • Study what people do, say, avoid, misunderstand, and work around. • Interpret • Turn patterns and contradictions into a model the team can challenge. • Make • Give the interpretation form through flows, language, and prototypes. • Test • Put the idea back in front of people before confidence becomes expensive. • Measure • Keep learning from real use after the product leaves the research session. • Begin with the de"},{"id":"source-page-ux-reviews","type":"source","title":"UX Reviews","description":"Independent, evidence-led UX reviews of products, interfaces, hardware, and the business decisions behind them.","url":"https://haam.co/ux-reviews","path":"/ux-reviews","keywords":["ux","reviews"],"summary":"next/link • UX Reviews | HAAM • Independent, evidence-led UX reviews of products, interfaces, hardware, and the business decisions behind them. • UX reviews • product strategy reviews • hardware UX • paid design analysis • Kris Haamer • HAAM • success • Payment confirmed. Your UX Reviews access is active. • Payment confirmed for the account used during checkout. • pending • Payment was received, but access is still being confirmed. Refresh this page shortly. • Payment was received, but access could not be confirmed yet. The Stripe webhook can still complete it. • cancelled • Checkout was cancelled. Nothing was charged. • Your access status is being updated. • grid lg:grid-cols-[0.7fr_1.3fr] • en-US • numeric • long • Unlocked • Paid • Read full review • Read preview • HAAM / Paid analysis • The product is not the object. The product is every behaviour the object demands. • UX Reviews • P"},{"id":"source-page-vendors","type":"source","title":"Vendors","description":"A transparent list of the infrastructure, AI, commerce, analytics, mapping, and research vendors used by HAAM, with a sincere thank-you to each one.","url":"https://haam.co/vendors","path":"/vendors","keywords":["vendors"],"summary":"next/link • Foundation • Core infrastructure • The services that keep HAAM available, deployable, connected, and secure. • Vercel • Hosting, deployments, edge delivery, analytics, performance monitoring, and AI infrastructure • Thank you for making it possible to ship quickly without treating infrastructure as an afterthought. • Core • GitHub • Source control, collaboration, automation, and the public record of how HAAM evolves • Thank you for giving every change a history and every idea somewhere durable to become real. • Supabase • Database, persistent application data, and storage for connected HAAM products • Thank you for giving experiments a memory and products a dependable data layer. • Clerk • Authentication, identity, and protected access to private HAAM spaces • Thank you for making account security feel like part of the product rather than a wall around it. • Intelligence • AI"},{"id":"source-page-videos","type":"source","title":"Video Gallery","description":"Watch films, field recordings, project demos, hackathon footage, and embedded video research from across the HAAM website in one gallery.","url":"https://haam.co/videos","path":"/videos","keywords":["videos"],"summary":"next/link • Video Gallery | HAAM • Watch films, field recordings, project demos, hackathon footage, and embedded video research from across the HAAM website in one gallery. • HAAM video gallery • design video archive • interaction design films • project demos • hackathon videos • AI short films • website • local • @context • @type • CollectionPage • HAAM Video Gallery • Films, project demos, field recordings, hackathon footage, and embedded research videos from across HAAM. • VideoObject • http • youtube • application/ld+json • HAAM media formats • no-underline hover:underline • page • true • HAAM Index • Systems • Notes • Video Gallery • HAAM / Moving image archive • Every moving image, in one room. • Original films, project demos, hackathon footage, conference field recordings, character experiments, and video research gathered from across the website. • Videos • Hosted • Collections •"},{"id":"source-page-vision","type":"source","title":"Vision","description":"HAAM builds digital products where strategy, interaction, implementation, storytelling, AI, and human judgment remain connected.","url":"https://haam.co/vision","path":"/vision","keywords":["vision"],"summary":"next/link • Connected craft • Strategy, interaction, implementation, and storytelling stay in conversation until the product has a clear reason to exist. • AI with judgment • AI widens possibility and increases speed, while human judgment decides what matters, what is removed, and what is worth shipping. • Necessary form • The final product should feel clear, alive, trustworthy, and deliberately made — not merely generated, decorated, or filled in. • Vision - HAAM • HAAM builds digital products where strategy, interaction, implementation, storytelling, AI, and human judgment remain connected. • HAAM vision • digital product strategy • AI and human judgment • product craft • pointer-events-none absolute inset-0 -z-10 • true • Vision • Make fewer things. Choose them harder. • I build digital products where strategy, interaction, implementation, and storytelling remain connected. • HAAM’s c"},{"id":"source-page-why","type":"source","title":"Why HAAM | Excellent Digital Products Without Agency Drag","description":"Why companies choose HAAM for direct senior involvement, connected product thinking, AI-assisted delivery, and excellent digital products without an expensive chain of meetings.","url":"https://haam.co/why","path":"/why","keywords":["why"],"summary":"next/link • Why HAAM | Excellent Digital Products Without Agency Drag • Why companies choose HAAM for direct senior involvement, connected product thinking, AI-assisted delivery, and excellent digital products without an expensive chain of meetings. • why HAAM • founder-led product studio • independent design engineering • senior product design • AI-assisted product delivery • digital product studio • The person in the meeting does the work • You work directly with the person researching, designing, building, and taking responsibility for the result. Important context does not disappear into account management or a chain of handoffs. • Evidence before theatre • Research, analytics, prototypes, and technical constraints exist to improve the next decision. They are not decoration for a presentation or a reason to extend discovery indefinitely. • The product stays connected • Strategy, cont"},{"id":"source-page-wifi-kohvikud","type":"source","title":"WiFi.ee kohvikud","description":"Full-width WiFi.ee landing page preview for cafe guest Wi-Fi portals.","url":"https://haam.co/wifi-kohvikud","path":"/wifi-kohvikud","keywords":["wifi","kohvikud"],"summary":"WiFi.ee kohvikud • Full-width WiFi.ee landing page preview for cafe guest Wi-Fi portals. • Reval Cafe • Kalamaja Roastery • Telliskivi Deli • true • #flow • #preview • Portal selector • preview • flow • Join Wi‑Fi • Open portal • Continue browsing • WiFi.ee portals • Cafe guest Wi‑Fi landing pages, full width. • A responsive captive portal that opens when guests join Wi‑Fi, shares useful local downloads, and then sends them to your next best action. • How the flow works • View preview • Choose a portal style • Selected portal • A warm branded start screen for guests who want to browse, download offers, and connect quickly. • Reval Cafe Guest • WiFi.ee portal • Tallinn, Estonia • Fast guest access with cafe offers, local links, and a clean branded hand-off. • The layout now owns the full viewport width instead of inheriting a narrow page container."},{"id":"source-page-wifi-zation-of-estonia","type":"source","title":"The Wi-Fi-zation of Estonia","description":"How Estonia made internet access part of everyday public space, and why the WiFi.ee platform still matters in an age of mobile data.","url":"https://haam.co/wifi-zation-of-estonia","path":"/wifi-zation-of-estonia","keywords":["wifi","zation","of","estonia"],"summary":"next/link • A country rebuilds its systems • Restored independence gave Estonia the difficult advantage of a reset. Instead of extending ageing infrastructure forever, the country could decide what a modern public system should feel like. • The Tiger Leap starts in schools • Tiigrihüpe made computers, networks, and digital literacy part of education. Connectivity was framed as a shared capability, not a specialist hobby or luxury product. • Early 2000s • The network moves into everyday places • Wireless access appeared in libraries, cafes, petrol stations, hotels, parks, hospitals, and town centres. The useful unit was no longer only the home or office. It was the place you happened to be. • A sign becomes part of the streetscape • Blue-and-white internet signs and WiFi.ee plaques made an invisible service visible. They told people that connectivity was expected here, much like parking, "},{"id":"source-page-winter-26-preview","type":"source","title":"Winter 26/27 Preview","description":"A one-page preview of HAAM's Winter 26/27 Y3K enduring-practice season and the design philosophy behind it.","url":"https://haam.co/winter-26-preview","path":"/winter-26-preview","keywords":["winter","26","preview"],"summary":"next/link • Endurance before spectacle • Winter 26/27 treats Y3K as a long-term interface atmosphere. The glow is not decoration. It points to systems that keep working, stay legible, and hold their shape over time. • Tools in the flow • Search, camera, cart, editor, and AI surfaces should feel like working instruments inside the page, not separate demos. The interface becomes a control room for useful action. • Trust under low light • Winter needs contrast, restraint, and clear responsibility. The season is darker, sharper, quieter, and more precise, with performance and accessibility kept close to the visual language. • luminous black • cryo glass • deep violets • slow scanlines • machine warmth • century-scale systems • Winter 26/27 Preview | HAAM Y3K Enduring Practice • A one-page preview of HAAM's Winter 26/27 Y3K enduring-practice season and the design philosophy behind it. • HAAM "},{"id":"source-page-work-definition","type":"source","title":"What Work Means","description":"A personal definition and redefinition of work as close observation transformed into tangible change through research, craft, movement, maintenance, play, and judgment.","url":"https://haam.co/work-definition","path":"/work-definition","keywords":["work","definition"],"summary":"next/link • Observing • Entering places, cultures, systems, and communities closely enough to notice what generic analysis misses. • Interpreting • Connecting design, technology, sustainability, finance, culture, identity, and human behaviour into a coherent point of view. • Making • Turning that point of view into a product, film, interface, experiment, service, institution, or piece of infrastructure. • Testing • Confronting ideas with actual users, evidence, constraints, and consequences rather than protecting them as abstract concepts. • Documenting • Leaving behind a trail of decisions, research, failures, and proof so the work can be understood, challenged, trusted, and extended. • Paid work buys autonomy • Money matters because it protects independence, funds exploration, and makes it possible to refuse low-integrity projects. Commercial work creates stability and leverage without"},{"id":"source-page-workspace-care-plan","type":"source","title":"Workspace care plan","description":"Manage ongoing HAAM services, delivery milestones, service credits, review updates, invoices, and renewals in one shared Workspace care plan.","url":"https://haam.co/workspace/care-plan","path":"/workspace/care-plan","keywords":["workspace","care","plan"],"summary":"Workspace care plan - HAAM • Manage ongoing HAAM services, delivery milestones, service credits, review updates, invoices, and renewals in one shared Workspace care plan. • website care plan • design retainer • service credits • client portal • project renewal"},{"id":"source-page-workspace-collaborators","type":"source","title":"Workspace collaborators","description":"Invite collaborators, assign project roles, post review comments, and inspect a shared HAAM Workspace activity trail.","url":"https://haam.co/workspace/collaborators","path":"/workspace/collaborators","keywords":["workspace","collaborators"],"summary":"Workspace collaborators - HAAM • Invite collaborators, assign project roles, post review comments, and inspect a shared HAAM Workspace activity trail. • project collaboration • workspace roles • design review • project activity"},{"id":"source-page-workspace-connections","type":"source","title":"Workspace connections","description":"Connect GitHub, Figma, Drive, Notion, Slack, analytics, CMS, Airtable, and generic webhooks to a shared HAAM Workspace project.","url":"https://haam.co/workspace/connections","path":"/workspace/connections","keywords":["workspace","connections"],"summary":"Workspace connections - HAAM • Connect GitHub, Figma, Drive, Notion, Slack, analytics, CMS, Airtable, and generic webhooks to a shared HAAM Workspace project. • project integrations • GitHub sync • Figma connection • webhook evidence • HAAM Workspace"},{"id":"source-page-workspace-developer","type":"source","title":"HAAM developer API","description":"Create secure HAAM API keys, inspect usage, and integrate the evidence-based HAAM Lens website diagnosis into external tools.","url":"https://haam.co/workspace/developer","path":"/workspace/developer","keywords":["workspace","developer"],"summary":"HAAM developer API • Create secure HAAM API keys, inspect usage, and integrate the evidence-based HAAM Lens website diagnosis into external tools. • website audit API • UX analysis API • accessibility API • HAAM Lens API • developer tools"},{"id":"source-page-workspace-invite","type":"source","title":"Join a HAAM Workspace project","description":"Accept a role-based invitation to collaborate on a HAAM Project Workspace.","url":"https://haam.co/workspace/invite","path":"/workspace/invite","keywords":["workspace","invite"],"summary":"react • Join a HAAM Workspace project • Accept a role-based invitation to collaborate on a HAAM Project Workspace. • Opening the project invitation..."},{"id":"source-page-workspace-lens","type":"source","title":"HAAM Lens - Website diagnosis and scope","description":"Import a public website, generate evidence-based HAAM Lens findings, and turn selected opportunities into a practical project scope.","url":"https://haam.co/workspace/lens","path":"/workspace/lens","keywords":["workspace","lens"],"summary":"HAAM Lens - Website diagnosis and scope • Import a public website, generate evidence-based HAAM Lens findings, and turn selected opportunities into a practical project scope. • website audit • UX analysis • accessibility review • project scope • HAAM Lens"},{"id":"source-page-workspace-monitoring","type":"source","title":"Workspace monitoring","description":"Run recurring HAAM Lens scans, compare public-page snapshots, and turn meaningful website changes into persistent Workspace evidence.","url":"https://haam.co/workspace/monitoring","path":"/workspace/monitoring","keywords":["workspace","monitoring"],"summary":"Workspace monitoring - HAAM • Run recurring HAAM Lens scans, compare public-page snapshots, and turn meaningful website changes into persistent Workspace evidence. • website monitoring • change detection • accessibility monitoring • website audit • HAAM Lens"},{"id":"source-page-workspace-opportunity","type":"source","title":"Workspace opportunity","description":"Convert a scoped HAAM Workspace project into an internal prospect, delivery plan, team recommendation, and commercial opportunity.","url":"https://haam.co/workspace/opportunity","path":"/workspace/opportunity","keywords":["workspace","opportunity"],"summary":"Workspace opportunity - HAAM • Convert a scoped HAAM Workspace project into an internal prospect, delivery plan, team recommendation, and commercial opportunity. • project opportunity • proposal scope • delivery team • project economics • HAAM"},{"id":"source-page-workspace","type":"source","title":"Project Workspace","description":"Create a persistent HAAM project workspace for goals, findings, scope, collaborators, evidence, and connected design or automation tools.","url":"https://haam.co/workspace","path":"/workspace","keywords":["workspace"],"summary":"next/link • Project Workspace - HAAM • Create a persistent HAAM project workspace for goals, findings, scope, collaborators, evidence, and connected design or automation tools. • project workspace • product scope • website audit workspace • design project planning • HAAM • Collaborators • Create opportunity • Monitor website • Care plan • Developer API • Connections"},{"id":"source-page-workspace-remix","type":"source","title":"Remix a HAAM Project","description":"Create an attributed HAAM Project Workspace from a public artifact or privacy-safe shared project template.","url":"https://haam.co/workspace/remix","path":"/workspace/remix","keywords":["workspace","remix"],"summary":"react • Remix a HAAM Project • Create an attributed HAAM Project Workspace from a public artifact or privacy-safe shared project template. • Creating your attributed project copy..."},{"id":"source-page-workspace-share","type":"source","title":"Shared HAAM Project Preview","description":"Inspect a privacy-safe HAAM project structure and remix it into your own project workspace.","url":"https://haam.co/workspace/share","path":"/workspace/share","keywords":["workspace","share"],"summary":"react • Shared HAAM Project Preview • Inspect a privacy-safe HAAM project structure and remix it into your own project workspace. • Opening the shared project preview..."},{"id":"source-page-y2k-nostalgia","type":"source","title":"Is Y2K Nostalgia Real or Manufactured?","description":"Young people supply the longing, algorithms make it visible, and record companies turn it into a repeatable product.","url":"https://haam.co/y2k-nostalgia","path":"/y2k-nostalgia","keywords":["y2k","nostalgia"],"summary":"next/link • Technology with edges • Flip phones, digital cameras, CDs, and MP3 players felt finite. They did fewer things, asked for less attention, and did not dissolve every moment into a permanent public record. • A future that looked fun • Chrome, bubbles, translucent plastic, and glossy pop futurism imagined technology as playful. The revival returns to that optimism from a present shaped by AI, climate anxiety, and platform fatigue. • Mess before metrics • The fantasy remembers celebrities, fan pages, and personal style before everything appeared optimized for engagement—even though the original era was already deeply commercial. • A past you can borrow • People do not need to have lived through an era to feel attached to it. Media, family memories, and shared cultural fragments can produce genuine vicarious nostalgia. • People • A song, object, or image returns through memory, cur"},{"id":"source-page-~kris","type":"source","title":"Kris™ | Kris Haamer's Official Homepage","description":"Kris Haamer's personal World Wide Web homepage: current projects, experiments, field notes, contact links, and strange doors into HAAM.","url":"https://haam.co/~kris","path":"/~kris","keywords":["~kris"],"summary":"Kris™ | Kris Haamer's Official Homepage • Kris Haamer's personal World Wide Web homepage: current projects, experiments, field notes, contact links, and strange doors into HAAM. • A handmade personal directory for Kris Haamer's projects, experiments, field notes, and internet presence. • profile"},{"id":"browser-feature-view-transitions","type":"browser","title":"View Transitions API Demo","description":"Animate layout and state changes as one coherent transition instead of a hard redraw.","url":"https://haam.co/browser-hub/view-transitions","path":"/browser-hub/view-transitions","keywords":["Visual continuity","view-transitions","Search results that reflow without visual jumps.","Mode switches between dense and editorial layouts.","Route transitions that feel intentional instead of abrupt."],"summary":"This lets product teams upgrade filters, sorting, route changes, and layout toggles without dropping down to canvas tricks or brittle animation choreography. • Strongest in Chromium-based browsers today. Other browsers fall back to the normal DOM update, so the core interaction still works. • Treat animation as enhancement, not dependency. • Keep transitions fast and respect reduced-motion preferences. • Search results that reflow without visual jumps. • Mode switches between dense and editorial layouts. • Route transitions that feel intentional instead of abrupt."},{"id":"browser-feature-file-system-access","type":"browser","title":"File System Access API Demo","description":"Open, edit, and save user files directly from the browser with native file pickers.","url":"https://haam.co/browser-hub/file-system-access","path":"/browser-hub/file-system-access","keywords":["Desktop-class workflows","file-system-access","Lightweight content editors and CMS tools.","CSV cleanup and batch operations without cloud upload.","Local-first notes, scripts, or configuration editors."],"summary":"A browser app can behave much more like installed software when it can work against real files instead of forced upload-download loops. • Best in Chromium-based browsers in secure contexts. Other browsers should offer a download fallback rather than direct save-back. • Users stay in control of file permissions. • Always provide fallback export paths for unsupported browsers. • Lightweight content editors and CMS tools. • CSV cleanup and batch operations without cloud upload. • Local-first notes, scripts, or configuration editors."},{"id":"browser-feature-eye-dropper","type":"browser","title":"EyeDropper API Demo","description":"Sample any on-screen color with the system picker and pipe it back into the web app.","url":"https://haam.co/browser-hub/eye-dropper","path":"/browser-hub/eye-dropper","keywords":["Native utilities","eye-dropper","Design token extraction from screenshots.","Brand color capture from live pages.","Visual QA when matching marketing and product surfaces."],"summary":"It turns the browser into a practical design and QA tool for brand extraction, theme audits, and visual comparison workflows. • Currently available in Chromium-based browsers. Unsupported browsers should expose a normal color input instead. • The picker must be triggered by user interaction. • Support is still limited, so include a manual color fallback. • Design token extraction from screenshots. • Brand color capture from live pages. • Visual QA when matching marketing and product surfaces."},{"id":"browser-feature-web-share","type":"browser","title":"Web Share API Demo","description":"Hand off links, text, and sometimes files to the device’s native share sheet.","url":"https://haam.co/browser-hub/web-share","path":"/browser-hub/web-share","keywords":["Native utilities","web-share","Invite flows and referral links.","Sharing saved articles, locations, or wishlists.","Passing generated artifacts into chat, mail, or notes apps."],"summary":"This closes the gap between websites and mobile apps for distribution, referrals, handoff, and cross-app workflows. • Common on mobile browsers and increasingly available on desktop. If unavailable, copy-link and mailto fallbacks still cover the core job. • Feature support differs between text sharing and file sharing. • Keep the payload small and the intent explicit. • Invite flows and referral links. • Sharing saved articles, locations, or wishlists. • Passing generated artifacts into chat, mail, or notes apps."},{"id":"browser-feature-barcode-detection","type":"browser","title":"Barcode Detection API Demo","description":"Detect QR codes and barcodes directly in-browser from uploaded or camera-captured images.","url":"https://haam.co/browser-hub/barcode-detection","path":"/browser-hub/barcode-detection","keywords":["Perception APIs","barcode-detection","QR onboarding and magic-link handoff.","Warehouse and inventory scanning tools.","Ticket validation and event check-in flows."],"summary":"It enables lightweight scanner flows for logistics, ticketing, onboarding, payments, and physical-to-digital bridges without a native app. • Mostly Chromium-based at the moment. Browsers without support should fall back to manual code entry or server-side scanning. • Camera and image access still need good permission UX. • Plan a manual fallback for unsupported devices or unreadable images. • QR onboarding and magic-link handoff. • Warehouse and inventory scanning tools. • Ticket validation and event check-in flows."},{"id":"browser-feature-document-picture-in-picture","type":"browser","title":"Document Picture-in-Picture API Demo","description":"Pop a mini always-on-top window for controls, timers, notes, or monitoring panels.","url":"https://haam.co/browser-hub/document-picture-in-picture","path":"/browser-hub/document-picture-in-picture","keywords":["Multiwindow UX","document-picture-in-picture","Floating meeting notes or prompt cheat sheets.","Pinned timers during workflows or focus sessions.","Always-visible dashboards during longer tasks."],"summary":"This is one of the clearest examples of the browser acting like a real operating-system surface instead of a single trapped tab. • Experimental and mainly Chromium-based for now. Unsupported browsers should keep the panel inline in the main page. • The compact window should complement the main page, not replace it. • You need explicit open and close controls plus graceful cleanup. • Floating meeting notes or prompt cheat sheets. • Pinned timers during workflows or focus sessions. • Always-visible dashboards during longer tasks."},{"id":"browser-feature-webgl-3d-models","type":"browser","title":"WebGL 3D model rendering Demo","description":"Render an interactive 3D model in the browser instead of flattening everything into a static image.","url":"https://haam.co/browser-hub/webgl-3d-models","path":"/browser-hub/webgl-3d-models","keywords":["Spatial interfaces","webgl-3d-models","Product configurators and inspectable objects.","Portfolio pieces where material, depth, and rotation matter.","Browser-native prototypes before investing in a full 3D editor."],"summary":"This shows the difference between a PNG asset and a live model: the PNG is a fixed raster view, while the browser can draw a GLTF scene with camera, lighting, material, and motion controls. • WebGL is broadly available in modern browsers when hardware acceleration is enabled. The model-viewer custom element is a progressive enhancement that falls back to its poster image if the model cannot render. • Keep a static poster or PNG fallback for browsers, devices, or accessibility contexts where 3D is not useful. • Budget model weight, GPU cost, interaction affordances, and reduced-motion behavior. • Product configurators and inspectable objects. • Portfolio pieces where material, depth, and rotation matter. • Browser-native prototypes before investing in a full 3D editor."},{"id":"browser-feature-webcodecs","type":"browser","title":"WebCodecs API Demo","description":"Access low-level browser video and audio encoding, decoding, and frame processing primitives without round-tripping every asset through a server.","url":"https://haam.co/browser-hub/webcodecs","path":"/browser-hub/webcodecs","keywords":["Browser-native media","webcodecs","Extract representative frames from uploaded videos for thumbnails or review boards.","Build local-first video and image tooling for Production Studio workflows.","Prepare media previews while keeping source files in OPFS instead of uploading them immediately."],"summary":"This is the browser capability that makes serious local media tools more plausible: frame extraction, preview generation, lightweight transforms, and export preparation can happen closer to the user’s machine. • Best in Chromium-based browsers in secure contexts. Unsupported browsers should fall back to normal media elements, canvas previews, uploaded processing, or download/export workflows. • Treat codec support as capability-specific and test exact formats before exposing production workflows. • Keep expensive frame processing user-triggered and cancelable. • Pair with OPFS for large files and with server fallbacks for unsupported browsers. • Extract representative frames from uploaded videos for thumbnails or review boards. • Build local-first video and image tooling for Production Studio workflows. • Prepare media previews while keeping source files in OPFS instead of uploading them"},{"id":"browser-feature-webgpu","type":"browser","title":"WebGPU API Demo","description":"Use the browser’s modern GPU pipeline for heavier visual computation, rendering, and media effects without installing native software.","url":"https://haam.co/browser-hub/webgpu","path":"/browser-hub/webgpu","keywords":["GPU-accelerated production","webgpu","Accelerate image and video preview effects in Production Studio.","Render richer material, lighting, and particle previews for World Studio.","Run local visual analysis and shader experiments without uploading assets first."],"summary":"WebGPU is the path from lightweight web previews to serious in-browser production tools: image effects, material previews, generative canvases, and 3D/editor workflows can move closer to native-app performance. • Available in modern Chromium-based browsers and expanding across platforms. Unsupported browsers should fall back to Canvas, WebGL, or server-side processing. • Always detect adapter and device availability before showing GPU workflows. • Keep workloads bounded, cancelable, and respectful of battery and thermals. • Provide Canvas or WebGL fallback paths for unsupported browsers. • Accelerate image and video preview effects in Production Studio. • Render richer material, lighting, and particle previews for World Studio. • Run local visual analysis and shader experiments without uploading assets first."},{"id":"browser-feature-offscreen-canvas","type":"browser","title":"OffscreenCanvas Demo","description":"Move canvas drawing work away from the main UI thread so previews, thumbnails, and visual processing can stay responsive.","url":"https://haam.co/browser-hub/offscreen-canvas","path":"/browser-hub/offscreen-canvas","keywords":["Background rendering","offscreen-canvas","Generate thumbnails and previews for Production Studio without blocking the UI.","Render World Studio minimaps, object previews, or export frames in a worker.","Run local image transforms while keeping interaction smooth."],"summary":"OffscreenCanvas is the bridge between browser-native editors and serious production UX: expensive render work can happen in a worker while the interface stays usable. • Supported in modern Chromium and Firefox contexts, with varying support across canvas modes and Safari versions. Unsupported browsers should use a normal main-thread canvas fallback. • Keep worker jobs bounded, cancelable, and easy to terminate. • Use main-thread Canvas fallback when OffscreenCanvas or worker transfer is unavailable. • Avoid starting heavy rendering automatically on page load. • Generate thumbnails and previews for Production Studio without blocking the UI. • Render World Studio minimaps, object previews, or export frames in a worker. • Run local image transforms while keeping interaction smooth."},{"id":"browser-feature-webassembly","type":"browser","title":"WebAssembly Demo","description":"Run compact compiled modules in the browser for fast local processing, parsers, transforms, compression, and analysis workflows.","url":"https://haam.co/browser-hub/webassembly","path":"/browser-hub/webassembly","keywords":["Portable compute","webassembly","Run local parsers, validators, compression, or export preparation in Production Studio.","Process larger files that stay in OPFS until the user explicitly exports them.","Bring mature native libraries into browser tools with careful sandboxing and fallbacks."],"summary":"WebAssembly gives browser-native tools a path to reuse serious compute code without forcing every heavy job through a server. It is especially useful when paired with OPFS, WebCodecs, WebGPU, and worker rendering. • Broadly supported in modern browsers. Advanced features such as threads, SIMD, component-model workflows, and streaming compilation still need capability checks and fallbacks. • Treat third-party modules as supply-chain sensitive dependencies. • Keep compute jobs user-triggered, bounded, and cancelable. • Expose clear fallback paths for browsers or devices that lack the required advanced features. • Run local parsers, validators, compression, or export preparation in Production Studio. • Process larger files that stay in OPFS until the user explicitly exports them. • Bring mature native libraries into browser tools with careful sandboxing and fallbacks."},{"id":"browser-feature-idle-detection","type":"browser","title":"Idle Detection API Demo","description":"Detect whether the user and screen are active to adapt sync, notifications, and session behavior.","url":"https://haam.co/browser-hub/idle-detection","path":"/browser-hub/idle-detection","keywords":["Context awareness","idle-detection","Pause noisy notifications when someone is away.","Delay expensive sync jobs until the device is idle.","Improve shared-screen etiquette in collaborative tools."],"summary":"It enables smarter apps that react to real presence instead of treating every tab as continuously attended. • Experimental and permission-gated. Unsupported browsers should default to conservative behavior based on visibility and focus events. • Presence data is sensitive and must be used carefully. • Users should understand why the permission is being requested. • Pause noisy notifications when someone is away. • Delay expensive sync jobs until the device is idle. • Improve shared-screen etiquette in collaborative tools."},{"id":"browser-feature-screen-wake-lock","type":"browser","title":"Screen Wake Lock API Demo","description":"Keep the display awake during a task without forcing awkward tap-to-prevent-sleep hacks.","url":"https://haam.co/browser-hub/screen-wake-lock","path":"/browser-hub/screen-wake-lock","keywords":["Device control","screen-wake-lock","Guided step-by-step flows.","Kiosk and dashboard screens.","Hands-free reference views for field work or workshops."],"summary":"This matters for recipes, workouts, navigation, barcode scanning, presentations, and any hands-busy task where the screen timing out breaks the flow. • Widely available in modern Chromium browsers and some mobile environments. Unsupported browsers simply continue using normal sleep behavior. • Only enable it when the user clearly asks for it. • Be prepared for the lock to release on tab changes or power events. • Guided step-by-step flows. • Kiosk and dashboard screens. • Hands-free reference views for field work or workshops."},{"id":"knowledge-ux","type":"knowledge","title":"UX (User Experience)","description":"The overall quality of a person’s experience while using a product.","url":"https://haam.co/knowledge-base#ux","path":"/knowledge-base#ux","keywords":["UI","Interaction Design","Accessibility","Conversion Rate Optimization"],"summary":"On this website, UX is the umbrella discipline that guides every service and case study. It focuses on usefulness, clarity, trust, and task completion."},{"id":"knowledge-ui","type":"knowledge","title":"UI (User Interface)","description":"The visual and interactive surface people use.","url":"https://haam.co/knowledge-base#ui","path":"/knowledge-base#ui","keywords":["UX","Design System","Interaction Design"],"summary":"UI is the layer of layouts, controls, typography, spacing, and states. HAAM combines UI craft with data and research so screens are both beautiful and effective."},{"id":"knowledge-interaction-design","type":"knowledge","title":"Interaction Design","description":"How interfaces behave when people use them.","url":"https://haam.co/knowledge-base#interaction-design","path":"/knowledge-base#interaction-design","keywords":["UI","Prototyping","Information Architecture"],"summary":"Interaction design defines feedback, transitions, microinteractions, and flow logic. The site emphasizes high-signal interactions that reduce friction and guide attention."},{"id":"knowledge-design-system","type":"knowledge","title":"Design System","description":"A reusable set of components, patterns, and standards.","url":"https://haam.co/knowledge-base#design-system","path":"/knowledge-base#design-system","keywords":["Handoff","Accessibility","Component Library"],"summary":"A design system keeps products consistent and scalable. It includes tokens, components, interaction rules, and accessibility checks used across pages and products."},{"id":"knowledge-accessibility-wcag","type":"knowledge","title":"Accessibility (WCAG)","description":"Designing and building for people of all abilities.","url":"https://haam.co/knowledge-base#accessibility-wcag","path":"/knowledge-base#accessibility-wcag","keywords":["UX","Audit","Inclusive Design"],"summary":"Accessibility here means semantic structure, contrast, keyboard support, readable content, and inclusive interaction patterns aligned with WCAG guidance."},{"id":"knowledge-cro","type":"knowledge","title":"CRO (Conversion Rate Optimization)","description":"Improving the percentage of visitors who take key actions.","url":"https://haam.co/knowledge-base#cro","path":"/knowledge-base#cro","keywords":["A/B Testing","Analytics","User Journey"],"summary":"CRO connects UX and business outcomes. It uses hypothesis-driven changes, message clarity, and friction removal to improve signups, purchases, and inquiries."},{"id":"knowledge-data-driven-design","type":"knowledge","title":"Data-Driven Design","description":"Making design decisions using evidence, not guesswork.","url":"https://haam.co/knowledge-base#data-driven-design","path":"/knowledge-base#data-driven-design","keywords":["Analytics","Experimentation","KPI"],"summary":"This includes combining analytics, behavioral signals, and user feedback to prioritize improvements and measure impact over time."},{"id":"knowledge-website-analytics","type":"knowledge","title":"Website Analytics","description":"Measurement of user behavior and outcomes on a site.","url":"https://haam.co/knowledge-base#website-analytics","path":"/knowledge-base#website-analytics","keywords":["Funnel","CRO","Event Tracking"],"summary":"Analytics helps identify where users drop off, which pages create value, and where performance or content issues are blocking results."},{"id":"knowledge-experimentation","type":"knowledge","title":"Experimentation","description":"Structured testing to validate product and design changes.","url":"https://haam.co/knowledge-base#experimentation","path":"/knowledge-base#experimentation","keywords":["A/B Testing","Hypothesis","CRO"],"summary":"Experimentation can include A/B tests, multivariate tests, and smaller usability trials. The goal is learning fast with controlled risk."},{"id":"knowledge-ai-ux-audit","type":"knowledge","title":"AI UX Audit","description":"Evaluating AI-assisted user experiences for quality and safety.","url":"https://haam.co/knowledge-base#ai-ux-audit","path":"/knowledge-base#ai-ux-audit","keywords":["Human Oversight","AI Safety","Interaction Design"],"summary":"An AI UX audit examines prompt quality, error handling, trust signaling, and transparency to ensure AI features are useful and responsible."},{"id":"knowledge-ai-search-visibility","type":"knowledge","title":"AI Search Visibility","description":"Improving discoverability in both search engines and AI answers.","url":"https://haam.co/knowledge-base#ai-search-visibility","path":"/knowledge-base#ai-search-visibility","keywords":["SEO","Structured Data","Content Strategy"],"summary":"This includes content structure, technical SEO, schema, and clear semantics that make pages easier for both crawlers and AI retrieval systems to understand."},{"id":"knowledge-seo","type":"knowledge","title":"SEO","description":"Search Engine Optimization for organic discoverability.","url":"https://haam.co/knowledge-base#seo","path":"/knowledge-base#seo","keywords":["AI Search Visibility","Site Architecture","Metadata"],"summary":"SEO combines technical health, content quality, internal linking, metadata, and performance so the right users find the right pages."},{"id":"knowledge-platform-localization","type":"knowledge","title":"Platform Localization","description":"Adapting product language and experience by region.","url":"https://haam.co/knowledge-base#platform-localization","path":"/knowledge-base#platform-localization","keywords":["Internationalization","Content Design","UX Writing"],"summary":"Localization goes beyond translation. It includes cultural nuance, tone, examples, and interface expectations for each audience segment."},{"id":"knowledge-product-thinking","type":"knowledge","title":"Product Thinking","description":"Balancing user value, business goals, and technical reality.","url":"https://haam.co/knowledge-base#product-thinking","path":"/knowledge-base#product-thinking","keywords":["Roadmap","MVP","Outcome Metrics"],"summary":"Product thinking drives prioritization, scope, and sequencing. It ensures that design and engineering decisions create measurable progress."},{"id":"knowledge-service-blueprint","type":"knowledge","title":"Service Blueprint","description":"A map of frontstage and backstage service operations.","url":"https://haam.co/knowledge-base#service-blueprint","path":"/knowledge-base#service-blueprint","keywords":["Journey Mapping","Operations","Systems Thinking"],"summary":"Blueprints connect user-facing moments with internal processes, teams, and systems so experience gaps are visible and actionable."},{"id":"knowledge-journey-mapping","type":"knowledge","title":"Journey Mapping","description":"Visualizing end-to-end user steps, needs, and emotions.","url":"https://haam.co/knowledge-base#journey-mapping","path":"/knowledge-base#journey-mapping","keywords":["Service Blueprint","CRO","Research"],"summary":"Journey maps reveal friction points and decision moments, helping teams redesign experiences around intent and context."},{"id":"knowledge-information-architecture","type":"knowledge","title":"Information Architecture","description":"Organizing content so people can find and understand it.","url":"https://haam.co/knowledge-base#information-architecture","path":"/knowledge-base#information-architecture","keywords":["Navigation","Taxonomy","Content Design"],"summary":"IA structures navigation, labels, hierarchy, and taxonomy. The new knowledge base itself is an IA artifact built for discoverability."},{"id":"mobile-feature-on-device-intelligence","type":"mobile","title":"On-device intelligence","description":"Run lightweight text classification, intent detection, and recommendations directly on device for lower latency and privacy-first UX.","url":"https://haam.co/mobile-app-hub/on-device-intelligence","path":"/mobile-app-hub/on-device-intelligence","keywords":["Intelligence","on-device-intelligence","Smart inbox triage","Context-aware shortcuts","Offline intent parsing"],"summary":"Useful for instant personalization and contextual UI decisions without shipping every interaction to a server. • Bundle compact models with quantization and schedule updates with app releases. • Design cold-start behavior for older devices where inference is slower. • Log only aggregate analytics to preserve user trust and compliance. • Model size, battery usage, and device fragmentation need careful profiling across target hardware tiers."},{"id":"mobile-feature-ultra-wideband-proximity","type":"mobile","title":"Ultra-wideband proximity","description":"Use UWB or BLE ranging to trigger directional, room-level interactions when users approach people, objects, or kiosks.","url":"https://haam.co/mobile-app-hub/ultra-wideband-proximity","path":"/mobile-app-hub/ultra-wideband-proximity","keywords":["Device + Context","ultra-wideband-proximity","Tapless check-in","Nearby device handoff","Museum companion experiences"],"summary":"Transforms check-in, handoff, and physical-to-digital flows without requiring QR scans or manual pairing. • Offer fallback to BLE RSSI when UWB hardware is unavailable. • Gate scans behind explicit user actions to avoid background drain. • Expose clear permission rationale before proximity prompts. • Hardware support differs by device generation and operating system policy."},{"id":"mobile-feature-background-geofencing-automations","type":"mobile","title":"Background geofencing automations","description":"Trigger quiet workflows when users enter or leave a location, like surfacing relevant passes, forms, or routines.","url":"https://haam.co/mobile-app-hub/background-geofencing-automations","path":"/mobile-app-hub/background-geofencing-automations","keywords":["Automation","background-geofencing-automations","Venue arrival prep","Worksite safety checklists","Travel mode transitions"],"summary":"Removes repetitive in-app navigation and times interactions to the moment they are actually useful. • Keep geofences broad and meaningful instead of hyper-precise. • Provide controls to pause or disable location automations. • Batch network activity to reduce wakeups and battery impact. • Background policies and location permission tiers can vary significantly between iOS and Android."},{"id":"mobile-feature-offline-queue-and-deferred-sync","type":"mobile","title":"Offline queue + deferred sync","description":"Allow users to complete complex flows offline, queue writes locally, then reconcile safely when connectivity returns.","url":"https://haam.co/mobile-app-hub/offline-queue-and-deferred-sync","path":"/mobile-app-hub/offline-queue-and-deferred-sync","keywords":["Reliability","offline-queue-and-deferred-sync","Sales visit notes","Medical intake drafts","Site inspection reports"],"summary":"Critical for trust in field work, travel, and low-connectivity environments where abandoned actions are costly. • Use operation IDs and idempotency keys for conflict-safe replay. • Show sync state transparently at object-level, not only globally. • Add merge rules for stale edits and concurrent collaboration. • Conflict resolution UX is as important as the sync engine itself."},{"id":"mobile-feature-sensor-fusion-activity-understanding","type":"mobile","title":"Sensor-fusion activity understanding","description":"Combine accelerometer, gyroscope, and motion APIs to infer activity transitions and adapt the UI in real time.","url":"https://haam.co/mobile-app-hub/sensor-fusion-activity-understanding","path":"/mobile-app-hub/sensor-fusion-activity-understanding","keywords":["Motion + Sensors","sensor-fusion-activity-understanding","Drive-safe interface mode","Fitness journey segmentation","Field worker hands-busy flows"],"summary":"Enables safer interactions, fewer taps, and context-aware experiences while users are moving. • Prioritize coarse states (walking, stationary, driving) over fragile micro-classifications. • Gracefully degrade when sensor permissions are declined. • Throttle updates to avoid unnecessary render churn. • Always provide manual override so users can control mode switching."},{"id":"mobile-feature-secure-enclave-signing-and-passkeys","type":"mobile","title":"Secure enclave signing + passkeys","description":"Use device-backed keys for phishing-resistant sign-in and high-trust approvals without passwords or fragile OTP flows.","url":"https://haam.co/mobile-app-hub/secure-enclave-signing-and-passkeys","path":"/mobile-app-hub/secure-enclave-signing-and-passkeys","keywords":["Security","secure-enclave-signing-and-passkeys","High-value transaction approval","Passwordless member login","Compliance-sensitive operations"],"summary":"Boosts conversion and security simultaneously by reducing credential friction. • Design recovery and device-loss flows before rollout. • Support cross-device bootstrap for users switching phones. • Separate low-risk and high-risk actions with step-up authentication. • Account recovery design is the biggest operational risk in passwordless systems."},{"id":"ux-ui-pattern-onboarding","type":"ux","title":"Guided onboarding","description":"Guided onboarding is a first-run experience that helps a new user understand the product, complete essential setup, and reach a meaningful result quickly.","url":"https://haam.co/ux-ui-pattern-builder/onboarding","path":"/ux-ui-pattern-builder/onboarding","keywords":["Product foundation","onboarding","Products that require account, profile, workspace, or permission setup","Tools with an unfamiliar mental model or several possible starting points","Experiences where an empty first screen would leave users unsure what to do"],"summary":"Welcome flow, account setup, first-run tips, and completion cues. • A short statement of value before asking for effort • Only the setup steps needed for the first successful outcome • Visible progress, clear skip controls, and a way to return later • A completion moment that leads directly into useful product activity • Design backward from the first value moment rather than presenting a product tour. • Ask for permissions and personal information in context, when their benefit is clear. • Use realistic starter content, templates, or examples to prevent an empty-state dead end. • Long carousels that explain features without letting the user act • Blocking exploration until every optional profile field is complete • Celebrating completion before the user has received real value • Keep focus order aligned with the visual step order and announce step changes. • Do not rely on animation, co"},{"id":"ux-ui-pattern-navigation","type":"ux","title":"Responsive app navigation","description":"Responsive app navigation keeps destinations, orientation, and wayfinding understandable as screen size, input method, and information depth change.","url":"https://haam.co/ux-ui-pattern-builder/navigation","path":"/ux-ui-pattern-builder/navigation","keywords":["Product foundation","navigation","Products used across phone, tablet, and desktop","Apps with several primary areas or nested content","Workflows where users need to know both where they are and where they can go"],"summary":"Mobile tabs, desktop sidebar/header, breadcrumbs, and active states. • A stable set of primary destinations • A visible current state and meaningful page title • Contextual secondary navigation such as tabs or breadcrumbs • A small-screen treatment that preserves priority instead of merely hiding links • Keep labels and destination order consistent across breakpoints. • Choose tabs, sidebars, headers, and breadcrumbs according to hierarchy, not fashion. • Test long labels, localization, zoom, keyboard use, and touch targets early. • Hiding essential destinations behind an ambiguous icon • Changing the information architecture between mobile and desktop • Using breadcrumbs as a substitute for clear primary navigation • Use semantic navigation landmarks and identify the current page. • Ensure menus can open, close, and return focus predictably from the keyboard. • Keep touch targets large "},{"id":"ux-ui-pattern-design-system","type":"ux","title":"Reusable design system starter","description":"A design system is a maintained set of reusable components, tokens, content rules, and product principles used to create consistent interfaces at scale.","url":"https://haam.co/ux-ui-pattern-builder/design-system","path":"/ux-ui-pattern-builder/design-system","keywords":["Product foundation","design-system","Products with repeated interface elements or multiple teams","Organizations that need faster delivery without visual drift","Platforms that must support themes, brands, languages, or accessibility standards"],"summary":"Buttons, cards, forms, modals, empty states, and accessibility rules. • Design tokens for color, type, spacing, elevation, and motion • Reusable components with states, variants, and usage rules • Patterns for recurring flows such as forms, navigation, and feedback • Documentation, ownership, contribution, and release processes • Start from repeated product needs, not a detached inventory of ideal components. • Document behavior, content, accessibility, and edge cases alongside visual styling. • Treat adoption, governance, and versioning as part of the system. • Building a component library without product principles or ownership • Creating abstractions before real repetition exists • Letting documentation and production code diverge • Bake keyboard, focus, contrast, labels, and reduced-motion behavior into primitives. • Test components in combinations, not only in an isolated component "},{"id":"ux-ui-pattern-search","type":"ux","title":"Smart search and suggestions","description":"Smart search combines a forgiving query input with suggestions, useful ranking, grouped results, and recovery paths when the system cannot find an exact match.","url":"https://haam.co/ux-ui-pattern-builder/search","path":"/ux-ui-pattern-builder/search","keywords":["Discovery and decision support","search","Large catalogs, document collections, marketplaces, and knowledge products","Products where users know a name, phrase, identifier, or attribute","Experiences where browsing alone would require too many steps"],"summary":"Typeahead, recent searches, result grouping, and no-result recovery. • A clearly labeled search input with query persistence • Suggestions based on terms, entities, history, or likely tasks • Results with matched context, ranking cues, and useful grouping • Spelling support, alternative queries, and no-result recovery • Optimize suggestions for completing a task, not merely predicting text. • Show why a result matches and preserve the query when users refine it. • Measure reformulation, zero-result, and successful-result rates. • Overwriting the user's query with an aggressive correction • Showing suggestions that look like results but behave differently • Returning an empty screen without alternatives or browse paths • Implement combobox semantics and announce suggestion counts and selection. • Support arrow keys, escape, enter, and ordinary text editing conventions. • Do not update the"},{"id":"ux-ui-pattern-filters","type":"ux","title":"Filters, sorting, and chips","description":"Filters, sorting, and chips let users narrow a collection by meaningful attributes, change result order, and see or remove active constraints.","url":"https://haam.co/ux-ui-pattern-builder/filters","path":"/ux-ui-pattern-builder/filters","keywords":["Discovery and decision support","filters","Catalogs with many items and structured attributes","Search results where different users value different dimensions","Operational tools with repeatable views or queues"],"summary":"Facet filters, removable chips, saved views, and mobile filter sheets. • Facets based on attributes users understand • Result counts or previews that explain the effect of a choice • Visible active filters with individual and global removal • Sorting controls that are distinct from filtering • Prioritize facets using user decisions and inventory coverage. • Keep filters applied when users inspect an item and return. • On small screens, summarize active constraints outside the filter sheet. • Offering dozens of weak facets with unclear labels • Allowing combinations that predictably produce zero results • Resetting filters unexpectedly after navigation or sorting • Use native controls and group related options with clear legends. • Announce result-count changes without moving keyboard focus. • Make removable chips understandable without color or icon recognition."},{"id":"ux-ui-pattern-comparison","type":"ux","title":"Comparison cards","description":"Comparison cards present repeated objects with consistent attributes so users can scan differences, identify tradeoffs, and take the next action.","url":"https://haam.co/ux-ui-pattern-builder/comparison","path":"/ux-ui-pattern-builder/comparison","keywords":["Discovery and decision support","comparison","Products, plans, candidates, destinations, or content options","Decisions involving a small set of repeated attributes","Responsive layouts where a full comparison table would be difficult to use"],"summary":"Scan-friendly cards with highlights, metadata, badges, and quick actions. • A consistent title, image or identifier, and attribute order • Prominent differentiators rather than every available field • Status, recommendation, or trust badges with explicit meaning • Comparable actions placed in predictable locations • Choose attributes from actual decision criteria. • Align values and units so differences can be scanned without interpretation. • Offer a dedicated side-by-side view for complex, high-consideration choices. • Changing field order or terminology between cards • Using badges as unexplained persuasion rather than information • Packing so much content into cards that comparison becomes slower • Use real headings and lists so card structure survives without the visual grid. • Include text labels for icons, ratings, and color-coded differences. • Keep action names specific, especia"},{"id":"ux-ui-pattern-object-card-actions","type":"ux","title":"Object card action bar","description":"An object card action bar groups the most useful actions for a product, document, person, or media item directly with that object's summary.","url":"https://haam.co/ux-ui-pattern-builder/object-card-actions","path":"/ux-ui-pattern-builder/object-card-actions","keywords":["Discovery and decision support","object-card-actions","Collections where users repeatedly act on individual objects","Marketplaces, media libraries, dashboards, and knowledge tools","Flows that benefit from saving, sharing, asking, or adding without opening detail pages"],"summary":"Reusable add-to-cart, ask-AI, wishlist, share, and details actions for product or content cards. • One clear primary action and a restrained set of secondary actions • Labels or tooltips that explain unfamiliar icons • Persistent state for actions such as saved, selected, or added • A reliable route to the full object detail • Choose actions from observed high-frequency tasks. • Keep action order and placement stable across every object card. • Use overflow only for genuinely secondary actions. • Turning the whole card into one link while nesting conflicting buttons inside it • Showing too many equally prominent actions • Using icons whose meaning changes between object types • Give repeated controls object-specific accessible names. • Expose pressed, selected, or saved state programmatically. • Ensure the card reading order remains logical before the action group."},{"id":"ux-ui-pattern-ai-recommendations","type":"ux","title":"AI recommendation panel","description":"An AI recommendation panel proposes relevant options using context or behavior, explains the basis for suggestions, and lets users refine or reject them.","url":"https://haam.co/ux-ui-pattern-builder/ai-recommendations","path":"/ux-ui-pattern-builder/ai-recommendations","keywords":["Discovery and decision support","ai-recommendations","Large choice spaces where manual review is expensive","Products with enough preference, context, or behavior data to personalize safely","Decision support where alternatives and rationale improve confidence"],"summary":"Context-aware suggestions, explain-why copy, alternatives, and safe handoff to human help. • A clear statement of what is being recommended and for which goal • A concise reason or evidence behind each suggestion • Controls to refine, dismiss, compare, or request alternatives • Fallbacks for low confidence and a route to human support where stakes are high • Separate model confidence from persuasive copy. • Let users correct assumptions and see how their input changes suggestions. • Evaluate recommendation quality, diversity, fairness, and downstream outcomes. • Presenting generated guesses as objective facts • Creating a filter bubble with no alternatives or preference controls • Using sensitive data without an understandable purpose and consent model • Announce refreshed suggestions without unexpectedly replacing focused content. • Write explanations in plain language and do not rely o"},{"id":"ux-ui-pattern-cart","type":"ux","title":"Shopping cart and order summary","description":"A shopping cart is a persistent collection of chosen items or configuration decisions that users can review and edit before committing.","url":"https://haam.co/ux-ui-pattern-builder/cart","path":"/ux-ui-pattern-builder/cart","keywords":["Conversion and checkout","cart","Purchases containing multiple items, quantities, or options","Service builders and configurators where scope accumulates over time","Flows where users need a review checkpoint before submission"],"summary":"Persistent cart, quantity controls, subtotals, saved choices, and review step. • Persistent items with names, variants, quantities, and prices • Immediate editing, removal, saving, and recovery controls • Transparent subtotal, fees, discounts, and next-step expectations • A clear path to checkout plus a path back to browsing • Persist the cart across sessions when practical and explain expiration. • Recalculate totals immediately after edits. • Keep unavailable or changed items visible with a clear recovery choice. • Revealing mandatory fees only after checkout begins • Removing items silently when inventory or authentication changes • Using a cart when a direct single-action commitment would be clearer • Announce quantity, removal, and total changes. • Use labeled controls rather than making tiny icons the only edit mechanism. • Keep error messages next to the affected item and include "},{"id":"ux-ui-pattern-checkout","type":"ux","title":"Progressive checkout","description":"Progressive checkout divides a commitment into understandable stages, validates each stage, and keeps the order, cost, and remaining work visible.","url":"https://haam.co/ux-ui-pattern-builder/checkout","path":"/ux-ui-pattern-builder/checkout","keywords":["Conversion and checkout","checkout","Purchases requiring contact, delivery, payment, consent, or review details","Applications and bookings with several dependent decisions","High-stakes submissions where a final confirmation reduces errors"],"summary":"Step-by-step checkout, validation, delivery/payment sections, and trust markers. • A concise progress model with meaningful step names • Grouped fields that match the user's mental model • Inline validation and summaries of completed steps • A final review with total cost, terms, and the exact commitment action • Reduce fields before optimizing their visual arrangement. • Support guest completion unless an account is essential. • Preserve entered data and make backward navigation safe. • Forcing registration before users can understand the commitment • Splitting a short form into unnecessary steps • Using vague final buttons such as Continue when the action creates a charge • Identify the current step in text and page metadata. • Move focus to a useful heading or error summary after step transitions. • Associate every error with its field and preserve values after validation."},{"id":"ux-ui-pattern-pricing","type":"ux","title":"Pricing/package selector","description":"A pricing or package selector presents a small set of offers in comparable form so users can understand fit, limits, cost, and upgrade paths.","url":"https://haam.co/ux-ui-pattern-builder/pricing","path":"/ux-ui-pattern-builder/pricing","keywords":["Conversion and checkout","pricing","Subscription products, service packages, memberships, and usage tiers","Offers where customers self-select by needs or scale","Products that need to explain recurring and variable costs together"],"summary":"Plan cards, feature comparison, recommended plan, and upgrade prompts. • Clearly named plans with an intended audience or use case • Comparable prices, billing periods, limits, and included features • An honest recommendation with a stated reason • A route to detailed comparison, custom pricing, or sales help • Describe outcomes before listing internal feature names. • Make annual discounts, taxes, usage charges, and renewal terms explicit. • Keep the number of plans small enough to compare. • Using a highlighted middle plan without explaining why it is recommended • Hiding important limits behind footnotes • Making monthly and annual prices visually incomparable • Use headings and lists so plan structure is understandable without columns. • Do not communicate the recommended plan through color or scale alone. • Keep feature comparison tables navigable at high zoom and on small screens."},{"id":"ux-ui-pattern-product-detail","type":"ux","title":"Product detail object page","description":"A product detail object page gathers the evidence, media, specifications, availability, and actions needed to understand and choose one item.","url":"https://haam.co/ux-ui-pattern-builder/product-detail","path":"/ux-ui-pattern-builder/product-detail","keywords":["Conversion and checkout","product-detail","Physical products, services, listings, courses, or content objects","Decisions that require more evidence than a card can provide","Objects that can be found through search, recommendations, or external links"],"summary":"Image gallery, benefits, specifications, trust cues, add-to-cart, and ask-AI decision support. • A precise title, primary media, price or status, and main action • Benefits, specifications, variants, availability, and delivery information • Trust evidence such as reviews, policies, provenance, or guarantees • Related questions, alternatives, and persistent decision context • Put the information needed for the main decision near the main action. • Use progressive disclosure for detailed specifications. • Design variant and availability states as carefully as the default state. • Separating critical cost or compatibility information from the action • Using polished media without concrete specifications • Resetting selected variants after validation or navigation • Provide useful alternative text and accessible media controls. • Use real buttons or radios for variants and expose unavailable"},{"id":"ux-ui-pattern-wishlist-save","type":"ux","title":"Wishlist and save for later","description":"Wishlist and save-for-later patterns let users preserve interesting objects without making an immediate purchase or commitment.","url":"https://haam.co/ux-ui-pattern-builder/wishlist-save","path":"/ux-ui-pattern-builder/wishlist-save","keywords":["Conversion and checkout","wishlist-save","Long-consideration shopping, travel, property, media, and research","Products where users compare across sessions or devices","Flows that benefit from reminders, sharing, or later cart recovery"],"summary":"Saved items, heart states, reminders, account sync, and cart recovery moments. • A clear save control with visible saved state • A durable collection that can be reviewed and edited • Useful status changes such as price, availability, or deadline • A simple route from saved intent to the next action • Explain whether saving requires an account and what persistence users receive. • Keep saves reversible and synchronize state reliably. • Use reminders only with explicit preference and meaningful change. • Using save as a disguised email-capture mechanism • Losing anonymous saves during sign-in or account creation • Sending urgency messages when nothing relevant changed • Expose saved state with pressed or selected semantics and text. • Announce save and removal without shifting focus. • Give repeated save buttons object-specific accessible names."},{"id":"ux-ui-pattern-dashboard","type":"ux","title":"Personal dashboard","description":"A personal dashboard summarizes the current state of a user's work, highlights changes, and presents the next actions that matter most.","url":"https://haam.co/ux-ui-pattern-builder/dashboard","path":"/ux-ui-pattern-builder/dashboard","keywords":["Engagement and retention","dashboard","Products with ongoing activity, goals, records, or operational status","Users who return regularly and need rapid orientation","Systems that combine several data sources or work queues"],"summary":"User-specific overview, progress, recent activity, and next-best actions. • A clear time frame, owner, scope, and last-updated state • A prioritized summary of status, exceptions, and progress • Recent activity and direct routes into important work • Customization only where users have genuinely different monitoring needs • Design around decisions and exceptions rather than available metrics. • Use consistent units, baselines, and time ranges. • Let users move from a summary to the underlying evidence. • Filling the page with charts that do not support a decision • Mixing time frames or definitions without explanation • Making customization mandatory before the dashboard is useful • Provide textual summaries and data tables for visualizations. • Use headings and landmarks to make dashboard regions navigable. • Avoid auto-refresh behavior that interrupts reading or keyboard use."},{"id":"ux-ui-pattern-notifications","type":"ux","title":"Notification preference center","description":"A notification preference center gives users control over which events can interrupt them, through which channels, and at what frequency or time.","url":"https://haam.co/ux-ui-pattern-builder/notifications","path":"/ux-ui-pattern-builder/notifications","keywords":["Engagement and retention","notifications","Products that send email, push, SMS, or in-app alerts","Systems with several event types and different urgency levels","Services where trust depends on predictable, consent-based communication"],"summary":"Opt-in flows, channel controls, quiet hours, and consent-friendly messaging. • Preferences organized by user goal or event, not internal team • Channel, frequency, urgency, digest, and quiet-hour controls • Clear distinction between optional and essential service messages • Confirmation, unsubscribe, and device-level troubleshooting paths • Ask for notification permission after explaining a concrete benefit. • Default to the minimum interruption needed for the service. • Honor changes quickly across every sending system. • Using one master toggle when users need event-level control • Making marketing opt-out affect necessary security messages • Requesting operating-system permission during an unexplained first launch • Use native controls with explicit labels and grouping. • Explain dependencies between master and channel-level settings. • Do not use disabled controls without explaining "},{"id":"ux-ui-pattern-progress","type":"ux","title":"Progress loops and milestones","description":"Progress loops and milestones make advancement visible, mark meaningful achievements, and suggest the next achievable action.","url":"https://haam.co/ux-ui-pattern-builder/progress","path":"/ux-ui-pattern-builder/progress","keywords":["Engagement and retention","progress","Learning, fitness, setup, contribution, and long-running workflows","Goals that benefit from repeated effort and clear intermediate outcomes","Products where users otherwise struggle to see accumulated value"],"summary":"Streaks, achievements, completion meters, badges, and habit nudges. • A defined goal, baseline, unit of progress, and completion rule • Milestones that correspond to meaningful capability or outcome • Feedback after action and a clear next step • Recovery rules that avoid turning one missed day into total failure • Reward value-producing behavior, not empty clicks or time spent. • Make rules stable and understandable before asking users to commit. • Offer flexible pacing and recovery for real-life interruptions. • Using streak loss to create anxiety or compulsion • Awarding badges that have no relationship to user goals • Changing progress rules after users have invested effort • Express progress and milestone state in text and semantics, not only graphics. • Avoid mandatory animation and provide reduced-motion treatments. • Use supportive language that does not shame users for interrupt"},{"id":"ux-ui-pattern-validation","type":"ux","title":"Inline validation and recovery","description":"Inline validation checks input close to the relevant field, explains the problem in plain language, and helps users correct it without losing work.","url":"https://haam.co/ux-ui-pattern-builder/validation","path":"/ux-ui-pattern-builder/validation","keywords":["Trust, accessibility, and feedback","validation","Forms with strict formats, eligibility rules, or unique identifiers","Checkout, registration, application, and configuration flows","Inputs where errors can be detected before final submission"],"summary":"Field-level errors, helpful fixes, prevention states, and success confirmations. • Preventive labels, examples, constraints, and input affordances • Validation at an appropriate moment, usually after field completion • A specific message next to the field plus an error summary when needed • Positive confirmation only where uncertainty is meaningful • Explain how to fix the value, not merely that it is invalid. • Avoid validating unfinished input while the user is still typing. • Preserve every valid value after submission errors. • Showing errors before users have had a chance to complete the field • Using red borders or generic Invalid messages without instructions • Moving the layout so much that the field and message become hard to track • Associate help and errors with inputs programmatically. • Move focus to an error summary on failed submission and link back to fields. • Do not rel"},{"id":"ux-ui-pattern-loading","type":"ux","title":"Loading, skeleton, and empty states","description":"Loading, skeleton, and empty states explain what the system is doing, preserve layout expectations, and give users a useful next step when content is delayed or absent.","url":"https://haam.co/ux-ui-pattern-builder/loading","path":"/ux-ui-pattern-builder/loading","keywords":["Trust, accessibility, and feedback","loading","Networked products with perceptible fetch or processing time","Feeds, dashboards, detail pages, and generated content","Collections that can legitimately contain no items"],"summary":"Skeleton screens, progress states, friendly empty states, and retry actions. • An immediate response that matches the expected content shape • Honest progress or status language for longer operations • A distinct empty state that explains why nothing is present • Retry, refresh, create, or alternative actions when the user can recover • Use skeletons only when the final structure is predictable. • Use determinate progress when duration can be estimated. • Differentiate first-use emptiness, no search results, errors, and permission limits. • Showing an endless spinner with no status or escape • Using animated skeletons for operations that finish almost instantly • Treating an error as an empty collection • Announce loading completion and errors without repeatedly announcing animation. • Respect reduced-motion preferences and avoid flashing shimmer effects. • Mark purely decorative placeho"},{"id":"ux-ui-pattern-accessibility","type":"ux","title":"Accessibility pass","description":"An accessibility pass systematically removes barriers across semantics, keyboard use, focus, contrast, content, motion, forms, media, and assistive-technology behavior.","url":"https://haam.co/ux-ui-pattern-builder/accessibility","path":"/ux-ui-pattern-builder/accessibility","keywords":["Trust, accessibility, and feedback","accessibility","Every public, customer, employee, and civic digital product","Products preparing for procurement, regulation, or broader market reach","Existing interfaces with accumulated component and content debt"],"summary":"Keyboard paths, focus states, contrast, labels, semantic landmarks, and reduced motion. • Automated checks combined with keyboard and screen-reader review • Assessment against current WCAG success criteria and product context • Prioritized issues with reproducible steps and ownership • Regression prevention through components, tests, content rules, and training • Include disabled users in research and testing. • Fix shared components before repeating page-level patches. • Treat conformance as a baseline, not proof of a good experience. • Relying only on automated scanners or overlays • Postponing accessibility until after architecture and content are fixed • Documenting failures without integrating fixes into delivery work • Test keyboard, zoom, reflow, contrast, reduced motion, and common screen readers. • Verify names, roles, values, landmarks, headings, errors, and status messages. • "},{"id":"ux-ui-pattern-ai-help","type":"ux","title":"Ask-AI object helper","description":"An Ask-AI object helper lets users ask contextual questions about the item or task currently in view, while preserving source context and a clear route to human help.","url":"https://haam.co/ux-ui-pattern-builder/ai-help","path":"/ux-ui-pattern-builder/ai-help","keywords":["Trust, accessibility, and feedback","ai-help","Complex products, documents, plans, listings, or configurations","Decisions where users ask recurring explanatory or comparative questions","Support-heavy flows where context can reduce repetition"],"summary":"Per-object AI prompts that explain fit, answer questions, compare options, and escalate to contact. • A clear scope that identifies which object and data the AI can use • Suggested questions for common, high-value tasks • Answers with uncertainty, evidence, and relevant source links • Controls to compare, correct, continue, or escalate to a person • Keep object facts separate from generated interpretation. • Pass only the context needed and explain privacy boundaries. • Design explicit failure, refusal, and low-confidence states. • Presenting the helper as authoritative when sources are incomplete • Letting conversation obscure the underlying object or transaction state • Sending sensitive object data to a model without a clear policy • Keep messages in a stable reading order and announce new responses politely. • Provide buttons for suggested prompts instead of requiring free-form input"},{"id":"team-role-data-scout","type":"team","title":"Data Scout","description":"Finds the signal behind user behavior, analytics, research notes, and market clues so design work starts from evidence.","url":"https://haam.co/team/data-scout","path":"/team/data-scout","keywords":["數星探","Data Detective","Evidence finder for product decisions","Data-Driven Design","Website Analytics and Experimentation","AI Search Visibility Optimization"],"summary":"The Data Scout turns scattered dashboards, interviews, search terms, and support patterns into a practical decision map. This role is strongest when a product team has plenty of data but not enough clarity about what to change first. • Signal inventory • Opportunity map • Measurement plan • Experiment backlog • Unclear conversion drop-offs • Competing stakeholder opinions • Analytics without action • Data-Driven Design • /services/data-driven-design • Website Analytics and Experimentation • /services/website-analytics-and-experimentation • AI Search Visibility Optimization • /services/ai-search-visibility-optimization"},{"id":"team-role-experience-blade","type":"team","title":"Experience Blade","description":"Shapes flows, interface structure, and production-ready design decisions when a product needs sharper UX.","url":"https://haam.co/team/experience-blade","path":"/team/experience-blade","keywords":["界刃俠","Experience Design Fighter","Cuts rough flows into usable interfaces","UX/UI Design and Development","Interaction Design","Design System and Handoff"],"summary":"The Experience Blade removes fuzzy interface decisions and turns them into navigable screens, states, and handoff rules. This role bridges product judgment, visual design, and implementation constraints. • UX flow • Screen system • State model • Implementation notes • Users get lost • Designs do not translate into code • Product scope keeps expanding • UX/UI Design and Development • /services/ux-ui-design-and-development • Interaction Design • /services/interaction-design • Design System and Handoff • /services/design-system-and-handoff"},{"id":"team-role-checkout-spirit","type":"team","title":"Checkout Spirit","description":"Watches cart, checkout, membership, and purchase journeys for small frictions that cost real revenue.","url":"https://haam.co/team/checkout-spirit","path":"/team/checkout-spirit","keywords":["購魂靈","Checkout Experience Guardian","Protects the path from intent to purchase","Ecommerce UX Optimization","CRO UX Optimization","AI Loyalty Programmes"],"summary":"The Checkout Spirit focuses on trust, clarity, rhythm, and reassurance during high-intent buying moments. It is the role to call when visitors want to buy but the journey keeps leaking confidence. • Checkout audit • Trust cue map • Offer hierarchy • Retention moments • Cart abandonment • Weak offer clarity • Repeat customers do not return • Ecommerce UX Optimization • /services/ecommerce-ux-optimization • CRO UX Optimization • /services/conversion-rate-optimization-ux • AI Loyalty Programmes • /services/ai-loyalty-programmes"},{"id":"team-role-localization-envoy","type":"team","title":"Localization Envoy","description":"Connects language, culture, platform habits, and regional trust cues into launch-ready product experiences.","url":"https://haam.co/team/localization-envoy","path":"/team/localization-envoy","keywords":["行界使","Localized Guidance Specialist","Makes products feel native across markets","Platform Localization","User Personas and Website Tailoring","Interaction Design"],"summary":"The Localization Envoy helps products travel without feeling imported. It adapts journeys for local platforms, expectations, content depth, and operational realities. • Market journey map • Localization requirements • Platform adaptation plan • Launch QA checklist • A product is entering a new region • Translation is not enough • Local trust cues are missing • Platform Localization • /services/platform-localization • User Personas and Website Tailoring • /services/user-personas • Interaction Design • /services/interaction-design"},{"id":"team-role-ai-safety-guardian","type":"team","title":"AI Safety Guardian","description":"Reviews AI product moments for trust, oversight, privacy, fallback behavior, and safer user expectations.","url":"https://haam.co/team/ai-safety-guardian","path":"/team/ai-safety-guardian","keywords":["智箱守","AI Safety Specialist","Keeps AI features understandable and accountable","AI UX Audit","Design System and Handoff","Accessibility Audit (WCAG)"],"summary":"The AI Safety Guardian turns black-box experiences into clearer, reviewable product moments. It helps teams define what users can trust, when humans should step in, and how failures should behave. • AI trust checklist • Human oversight map • Fallback states • Risk-prioritized fixes • AI answers feel vague • Users need correction paths • Safety and privacy concerns block launch • AI UX Audit • /services/ai-ux-audit • Design System and Handoff • /services/design-system-and-handoff • Accessibility Audit (WCAG) • /services/accessibility-audit-wcag"},{"id":"team-role-research-strategist","type":"team","title":"Research Strategist","description":"Frames the questions, gathers the evidence, and decides which findings should shape the roadmap.","url":"https://haam.co/team/research-strategist","path":"/team/research-strategist","keywords":["證策者","Research Strategist","Turns evidence into product direction","User Personas and Website Tailoring","Data-Driven Design","AI UX Audit"],"summary":"The Research Strategist keeps discovery useful by tying every interview, audit, and metric back to a decision. It is built for teams that need confidence before they invest in design or engineering. • Research plan • Synthesis board • Decision memo • Prioritized roadmap • The team lacks shared evidence • Research is scattered • A redesign needs direction • User Personas and Website Tailoring • /services/user-personas • Data-Driven Design • /services/data-driven-design • AI UX Audit • /services/ai-ux-audit"},{"id":"team-role-persona-dramaturg","type":"team","title":"Persona Dramaturg","description":"Transforms audience insight into personas, scenarios, and story logic that improve product and marketing choices.","url":"https://haam.co/team/persona-dramaturg","path":"/team/persona-dramaturg","keywords":["映容師","User Story Editor","Builds user roles that guide real decisions","User Personas and Website Tailoring","Platform Localization","AI Loyalty Programmes"],"summary":"The Persona Dramaturg keeps user representation practical. Each persona must improve a decision: copy, navigation, onboarding, support, localization, proof, or conversion. • Research-backed personas • Scenario library • Audience decision triggers • Content priorities • Messaging feels generic • Segments are shallow • Teams disagree about user intent • User Personas and Website Tailoring • /services/user-personas • Platform Localization • /services/platform-localization • AI Loyalty Programmes • /services/ai-loyalty-programmes"},{"id":"team-role-flow-choreographer","type":"team","title":"Flow Choreographer","description":"Designs feedback, states, transitions, and step-by-step movement so users always know what just happened.","url":"https://haam.co/team/flow-choreographer","path":"/team/flow-choreographer","keywords":["流態師","Interaction Choreographer","Designs the rhythm between user and interface","Interaction Design","UX/UI Design and Development","CRO UX Optimization"],"summary":"The Flow Choreographer makes interface behavior legible. It cares about loading, empty, focus, error, success, and recovery states as much as the happy path. • Interaction model • State inventory • Prototype notes • Behavior QA list • Users hesitate after actions • States are missing • The interface feels static or confusing • Interaction Design • /services/interaction-design • UX/UI Design and Development • /services/ux-ui-design-and-development • CRO UX Optimization • /services/conversion-rate-optimization-ux"},{"id":"team-role-trust-inspector","type":"team","title":"Trust Inspector","description":"Reviews proof, privacy, claims, feedback, forms, and support moments where users decide whether to continue.","url":"https://haam.co/team/trust-inspector","path":"/team/trust-inspector","keywords":["信隙探","Trust Gap Inspector","Finds the moments where confidence breaks","AI UX Audit","CRO UX Optimization","Platform Localization"],"summary":"The Trust Inspector finds the tiny confidence gaps that make users pause. It connects UX proof, risk language, support clarity, AI transparency, and conversion behavior. • Trust gap audit • Proof hierarchy • Risk language notes • Confidence cue backlog • Visitors hesitate before committing • Claims need stronger proof • Trust varies by market • AI UX Audit • /services/ai-ux-audit • CRO UX Optimization • /services/conversion-rate-optimization-ux • Platform Localization • /services/platform-localization"},{"id":"team-role-accessibility-guardian","type":"team","title":"Accessibility Guardian","description":"Protects keyboard access, semantics, contrast, error handling, plain language, and inclusive interaction quality.","url":"https://haam.co/team/accessibility-guardian","path":"/team/accessibility-guardian","keywords":["無障使","Inclusive Access Specialist","Connects every person to the product","Accessibility Audit (WCAG)","UX/UI Design and Development","AI UX Audit"],"summary":"The Accessibility Guardian turns inclusion into concrete product work. It reviews whether people can perceive, understand, navigate, and complete tasks across devices and assistive contexts. • WCAG issue list • Remediation plan • Keyboard path review • Accessible component notes • Compliance risk is rising • Keyboard flows are fragile • Forms and errors exclude people • Accessibility Audit (WCAG) • /services/accessibility-audit-wcag • UX/UI Design and Development • /services/ux-ui-design-and-development • AI UX Audit • /services/ai-ux-audit"},{"id":"project-vargamae-museum","type":"project","title":"Vargamäe Museum","description":"A task-oriented museum platform that helps visitors plan trips, understand literary heritage, and discover educational, group, and venue programmes.","url":"https://haam.co/projects/vargamae-museum","path":"/projects/vargamae-museum","keywords":["culture","vargamae-museum","museum","literature","heritage","estonia","education","storytelling","client project"],"summary":"The Vargamäe website was built as a collaboration: I handled implementation/development, while the visual mockups and graphic design files were provided by graphic designer Anneli Kenk (shared in 2017 threads via Reelika). • Development by Kris Haamer / HAAM. Graphic design and visual mockups by Anneli Kenk (files and updates shared in February-March 2017). • Development • Kris Haamer / HAAM • Graphic design • Anneli Kenk"},{"id":"project-world-cleanup-day","type":"project","title":"World Cleanup Day","description":"A campaign website and digital touchpoint supporting World Cleanup Day, helping people understand the movement and take part in coordinated local actions.","url":"https://haam.co/projects/world-cleanup-day","path":"/projects/world-cleanup-day","keywords":["sustainability","world-cleanup-day","global campaign","environment","community action","estonia","impact","client project","World Cleanup Day 2018 Live","live-world-cleanup-day"],"summary":"Built as part of the wider World Cleanup Day digital ecosystem, with a focus on communicating event participation and campaign momentum. • World Cleanup Day 2018 Live • live-world-cleanup-day"},{"id":"project-wifi-ee","type":"project","title":"WiFi.ee","description":"A public Wi-Fi discovery and security platform combining destination search, maps, filters, community data, and transparent network-quality scoring.","url":"https://haam.co/projects/wifi-ee","path":"/projects/wifi-ee","keywords":["digitalization","wifi-ee","public wifi","connectivity","security","maps","location search","community data","digital platform","product","client project"],"summary":"The product helps people find usable public Wi-Fi while making network quality and safety easier to understand. Its clearest next product priority is location-first search backed by recently verified data."},{"id":"project-elsa-figueira","type":"project","title":"Elsa Figueira","description":"A social-impact film campaign from Sao Tome and Principe focused on domestic violence awareness, built around the documentary \"What Should Elsa Do?\" and launched on February 19, 2016. The platform documents cast, creators, and local partners while extending outreach through media coverage on VOA Portugues, RDP Africa, Deutsche Welle, RTP Africa, and Rede Angola.","url":"https://haam.co/projects/elsa-figueira","path":"/projects/elsa-figueira","keywords":["culture","elsa-figueira","film","social impact","women's rights","sao tome","awareness campaign","storytelling","client project"],"summary":""},{"id":"project-esl-sisu","type":"project","title":"ESL & SISU","description":"Archived web development work for the Estonian Association of Interior Architects, spanning the ESL website, SISU symposium pages, and the SISU_LINE journal platform.","url":"https://haam.co/projects/esl-sisu","path":"/projects/esl-sisu","keywords":["culture","esl-sisu","symposium","interior architecture","journal","estonia","spatial design","storytelling","client project"],"summary":"I developed the code for this web ecosystem through 2017, including the websites for both SISU years, while the graphic design was created by Stuudio Stuudio. The work covered three connected touchpoints rather than a single standalone website. • Graphic design by Stuudio Stuudio, including the SISU 2016 design. I was responsible for development only and developed the website for both SISU years. • ESL website • The association's public-facing website and primary web presence. • SISU • Event and symposium pages for SISU, including the Welcome Stranger! edition. • SISU_LINE • Journal and editorial publishing presence connected to the SISU program. • 2014 • Initial web ecosystem delivery • Development work started across the ESL website and the connected SISU digital presence. • 2016 • SISU symposium release • Delivered and maintained the web presence supporting the SISU Welcome Stranger! "},{"id":"project-greenfilter-app","type":"project","title":"Green Filter App","description":"A sustainability companion that helps people make greener shopping and finance choices with practical, real-time guidance.","url":"https://haam.co/projects/greenfilter-app","path":"/projects/greenfilter-app","keywords":["sustainability","greenfilter-app","environment","impact","product","reporting","self-produced project"],"summary":""},{"id":"project-ziran-tw","type":"project","title":"Ziran Taiwan","description":"A brand and digital platform experience for Ziran Taiwan, focused on clear storytelling and accessible product communication.","url":"https://haam.co/projects/ziran-tw","path":"/projects/ziran-tw","keywords":["digitalization","ziran-tw","website","branding","taiwan","digital platform","multilingual","product","client project"],"summary":""},{"id":"project-green-filter-chrome-extension","type":"project","title":"Green Filter Chrome Extension","description":"A Chrome extension that surfaces sustainability signals directly in browsing flows to support better everyday decisions.","url":"https://haam.co/projects/green-filter-chrome-extension","path":"/projects/green-filter-chrome-extension","keywords":["sustainability","green-filter-chrome-extension","chrome extension","shopping","taiwan","consumer tools","impact","self-produced project"],"summary":""},{"id":"project-nile-journeys","type":"project","title":"Nile Journeys","description":"A storytelling-led platform for Nile Basin initiatives, weaving regenerative practice, cultural memory, and community collaboration into a clear digital entry point.","url":"https://haam.co/projects/nile-journeys","path":"/projects/nile-journeys","keywords":["culture","nile-journeys","travel","egypt","heritage","storytelling","client project"],"summary":"The project needed an introduction that could hold both poetic ambition and practical trust: ecological education on the Nile, community-led work from Rusinga to Heissa, and a public-facing tone grounded in sustainability, unity, and hope."},{"id":"hackathon-sui-stinky-tofu","type":"hackathon","title":"Sui Stinky Tofu","description":"Hackathon build focused on Taiwanese stinky tofu culture with interactive mapping and discovery features.","url":"https://haam.co/hackathons/sui-stinky-tofu","path":"/hackathons/sui-stinky-tofu","keywords":["DoraHacks / Sui","Taipei, Taiwan","2023"],"summary":""},{"id":"hackathon-garage48-2010-tallinn","type":"hackathon","title":"Garage48 Tallinn 2010","description":"Built a platform to connect people for lunch meetings during the first Garage48 hackathon.","url":"https://haam.co/hackathons/garage48-2010-tallinn","path":"/hackathons/garage48-2010-tallinn","keywords":["Garage48","Tallinn, Estonia","2010-04-16 – 2010-04-18"],"summary":"Event page • https://garage48.org/events/garage48-event-in-tallinn-april-2010 • Wannalunch"},{"id":"hackathon-garage48-circular-economy-2017","type":"hackathon","title":"Garage48 Circular Economy 2017","description":"A weekend hackathon focused on eco-innovative solutions and circular economy topics.","url":"https://haam.co/hackathons/garage48-circular-economy-2017","path":"/hackathons/garage48-circular-economy-2017","keywords":["Garage48","Tallinn, Estonia","2017"],"summary":"Event page • https://garage48.org/events/garage48-circular-economy-2017"},{"id":"hackathon-garage48-hardware-arts-riga-2017","type":"hackathon","title":"Garage48 Hardware & Arts Riga 2017","description":"Hands-on prototyping event for makers and creators, hosted at RTU Design Factory.","url":"https://haam.co/hackathons/garage48-hardware-arts-riga-2017","path":"/hackathons/garage48-hardware-arts-riga-2017","keywords":["Garage48","Riga, Latvia","2017-09-29 – 2017-10-01"],"summary":"Event page • https://garage48.org/events/ha2017riga"},{"id":"hackathon-garage48-visual-hackathon-2018","type":"hackathon","title":"Garage48 Visual Hackathon 2018","description":"The origin point for Yellow Blue Bus, a visual and emotional translation concept first built at Garage48 Visual Hackathon 2018 in Minsk.","url":"https://haam.co/hackathons/garage48-visual-hackathon-2018","path":"/hackathons/garage48-visual-hackathon-2018","keywords":["Garage48","Minsk, Belarus","2018-06-08 – 2018-06-10"],"summary":"Event page • https://garage48.org/events/garage48-visual-hackathon-2018"},{"id":"hackathon-lovehack-minsk-2018","type":"hackathon","title":"LOVEHACK Minsk 2018","description":"The second hackathon build for Yellow Blue Bus, continuing an idea first prototyped at Garage48 Visual Hackathon 2018 earlier that summer.","url":"https://haam.co/hackathons/lovehack-minsk-2018","path":"/hackathons/lovehack-minsk-2018","keywords":["LOVEHACK","Minsk, Belarus","2018-07"],"summary":"Surviving event report • https://m.21.by/other-news/2018/07/17/1552850.html"},{"id":"hackathon-garage48-impact-hackathon-2018","type":"hackathon","title":"Garage48 Impact Hackathon 2018","description":"Impact-focused hackathon during Oslo Innovation Week, tackling smart city, mobility, and sustainable energy themes.","url":"https://haam.co/hackathons/garage48-impact-hackathon-2018","path":"/hackathons/garage48-impact-hackathon-2018","keywords":["Garage48","Oslo, Norway","2018-09-21 – 2018-09-23"],"summary":"Event page • https://garage48.org/events/garage48-impact-hackathon"},{"id":"hackathon-garage48-base-camp-spring-2019","type":"hackathon","title":"Garage48 Base Camp Spring 2019","description":"Exclusive hackathon format for early-stage startups as part of Superangel Alpine House program.","url":"https://haam.co/hackathons/garage48-base-camp-spring-2019","path":"/hackathons/garage48-base-camp-spring-2019","keywords":["Garage48 / Superangel","Tallinn, Estonia","2019-03-01 – 2019-03-03"],"summary":"Event page • https://garage48.org/events/base-camp-spring-2019"},{"id":"hackathon-garage48-idea-garage-empowering-youth","type":"hackathon","title":"Garage48 Idea Garage: Empowering Youth","description":"One-day idea garage to empower young people through brainstorming, team formation, and pitching.","url":"https://haam.co/hackathons/garage48-idea-garage-empowering-youth","path":"/hackathons/garage48-idea-garage-empowering-youth","keywords":["Garage48","Chisinau, Moldova","2019"],"summary":"Event page • https://garage48.org/events/idea-garage-empowering-youth"},{"id":"hackathon-garage48-digital-construction-2022","type":"hackathon","title":"Garage48 Digital Construction 2022","description":"Hackathon to prototype digital solutions for the construction industry, in cooperation with industry partners.","url":"https://haam.co/hackathons/garage48-digital-construction-2022","path":"/hackathons/garage48-digital-construction-2022","keywords":["Garage48","Tallinn, Estonia","2022-09-23 – 2022-09-25"],"summary":"Event page • https://garage48.org/events/digital-construction-2022"},{"id":"hackathon-ethglobal-tokyo-2023","type":"hackathon","title":"ETHGlobal Tokyo 2023","description":"Three-day web3 hackathon exploring Ethereum, DeFi, zk, and more with protocol partners and mentors.","url":"https://haam.co/hackathons/ethglobal-tokyo-2023","path":"/hackathons/ethglobal-tokyo-2023","keywords":["ETHGlobal","Tokyo, Japan","2023-04-14 – 2023-04-16"],"summary":"Event page • https://ethglobal.com/events/tokyo"},{"id":"hackathon-ethglobal-bangkok-2024","type":"hackathon","title":"ETHGlobal Bangkok 2024","description":"ETHGlobal's largest hackathon to date, where 1,950 hackers submitted 713 projects after Devcon SEA. HAAM built Under Water, a climate-action game for Bangkok.","url":"https://haam.co/hackathons/ethglobal-bangkok-2024","path":"/hackathons/ethglobal-bangkok-2024","keywords":["ETHGlobal","Bangkok, Thailand","2024-11-15 – 2024-11-17"],"summary":"Event page • https://ethglobal.com/events/bangkok"},{"id":"hackathon-eth-taipei-2025","type":"hackathon","title":"ETHGlobal Taipei 2025","description":"Large-scale ETHGlobal hackathon in Taipei bringing together builders, protocols, and mentors.","url":"https://haam.co/hackathons/eth-taipei-2025","path":"/hackathons/eth-taipei-2025","keywords":["ETHGlobal","Taipei, Taiwan","2025-04-04 – 2025-04-06"],"summary":"Event page • https://ethglobal.com/events/taipei"},{"id":"hackathon-ethseoul-summit","type":"hackathon","title":"ETHSeoul","description":"Ethereum builder community summit in Seoul featuring talks, workshops, and builder showcases.","url":"https://haam.co/hackathons/ethseoul-summit","path":"/hackathons/ethseoul-summit","keywords":["KryptoSeoul","Seoul, South Korea","Various (started 2022)"],"summary":"Event site • https://ethseoul.org"},{"id":"hackathon-trashhack-romania-2017","type":"hackathon","title":"TrashHack 2017","description":"A World Cleanup Day hackathon in Bucharest that brought technologists and environmental organisers together to prototype tools for tackling waste. Kris Haamer helped organise the event.","url":"https://haam.co/hackathons/trashhack-romania-2017","path":"/hackathons/trashhack-romania-2017","keywords":["World Cleanup Day / Let's Do It, Romania!","Bucharest, Romania","2017"],"summary":""},{"id":"blog-culture-is-a-design-material","type":"blog","title":"Culture Is a Design Material","description":"Notes from Tainan on why products, interfaces, places, and campaigns need cultural roots before they can carry meaning.","url":"https://haam.co/blog/culture-is-a-design-material","path":"/blog/culture-is-a-design-material","keywords":["culture as design material","Tainan design notes","cultural product design","local meaning design","cross-cultural design strategy","sustainable cultural design","Culture","Design Strategy","Tainan","4 min read","2026-07-03"],"summary":"Design starts with what people already care about • In Tainan, culture does not sit in a separate heritage layer. It appears in temples, food, music, old industries, Japanese-era buildings, gods, family memory, ecological practices, and everyday street life. The city makes one design lesson difficult to avoid: culture is not decoration added after the useful work is finished. Culture is one of the materials designers work with. • That matters because products and services do not become meaningful only by being functional. They become meaningful when people can connect them to memory, identity, ritual, aspiration, and care. A website, app, museum, campaign, or AI interface is still a cultural object. It carries assumptions about what deserves attention, who belongs, what kind of behavior is rewarded, and which stories are worth preserving. • Culture gives products emotional weight • The T"},{"id":"blog-mapping-tainan-as-a-cultural-interface","type":"blog","title":"Mapping Tainan as a Cultural Interface","description":"How cultural mapping can turn places, stories, routes, archives, and audiences into a living urban interface.","url":"https://haam.co/blog/mapping-tainan-as-a-cultural-interface","path":"/blog/mapping-tainan-as-a-cultural-interface","keywords":["Tainan cultural mapping","city as interface","urban experience design","cultural heritage UX","service design tourism","public knowledge systems","Cultural Mapping","Service Design","Urban UX","4 min read","2026-07-03"],"summary":"A city needs an interface too • Tainan is often described as an old city. That is true, but it is not precise enough. Age alone does not explain why a place matters. What makes Tainan interesting is the density of overlapping histories: temples, Japanese-era buildings, old rivers, public halls, family gardens, food, literature, law, city gates, NCKU, political memory, and everyday street movement. • A city like this already contains cultural material. The design problem is that material does not automatically become readable. People need a way in. They need routes, stories, comparisons, media, translations, and prompts that help them understand how one place connects to another. Without that interface, cultural assets remain scattered across archives, expert memory, old maps, buildings, and private family stories. • Mapping turns places into relationships • A cultural map should do more "},{"id":"blog-designing-participation-through-play","type":"blog","title":"Designing Participation Through Play","description":"Why belonging, reflection, conversation, and play should be treated as interaction design requirements.","url":"https://haam.co/blog/designing-participation-through-play","path":"/blog/designing-participation-through-play","keywords":["participation design","play in interaction design","belonging UX","social product design","gamification ethics","AI conversation design","Interaction Design","Play","Community","5 min read","2026-07-03"],"summary":"Interaction design is the design of participation • Interaction design is often described as the design of screens, flows, and components. That definition is useful, but too small. Many interfaces are really systems of participation. They decide whether someone feels invited, capable, recognized, pressured, ignored, or able to contribute. • The NCKU note behind this essay lists five social needs: belonging, positive regard, self-validation, learning, and caring. Those are not soft extras. They are practical requirements for social products, learning tools, communities, events, games, and AI interfaces. A product can be usable and still fail if people do not feel that they belong there. • A community can be active and still fail if participation produces status anxiety instead of care. A game can be playful and still fail if it manipulates attention without helping people learn, connect, "},{"id":"blog-cie-2026-china-beauty-innovation-stack","type":"blog","title":"Inside China's Beauty Innovation Stack","description":"Field observations from CiE 2026 in Hangzhou on how Chinese beauty brands connect research, packaging, manufacturing, commerce, and consumer experience.","url":"https://haam.co/blog/cie-2026-china-beauty-innovation-stack","path":"/blog/cie-2026-china-beauty-innovation-stack","keywords":["CiE 2026 Hangzhou","China beauty innovation","cross-border product strategy","beauty ecommerce UX","packaging interaction design","Chinese market research","Field Notes","China","Product Strategy","4 min read","2026-06-26"],"summary":"Why a digital product studio studied a beauty expo • In March 2026, I attended CiE, the Cosmetics Innovation Expo in Hangzhou, as a product designer and market observer rather than as a cosmetics specialist. The useful question was not which brand had the loudest booth. It was how a fast-moving market turns customer signals into products, packaging, commerce, and trust. • The event data gives the visit a larger frame. According to organizer and industry coverage, CiE 2026 brought together more than 1,000 exhibitors across 90,000 square metres, with reported attendance above 40,000 professionals. Coverage also described more than 900 new formulations or packaging launches and 18 trend topics. Those numbers should be read as reported event metrics, not independently audited results, but they explain why the expo was useful as a market signal. • Innovation moves faster when the value chain "},{"id":"blog-algorithms-should-ask-what-changed","type":"blog","title":"Algorithms Should Ask What Changed","description":"Why adaptive products should ask about changing user intent instead of turning historical behavior into a permanent judgment.","url":"https://haam.co/blog/algorithms-should-ask-what-changed","path":"/blog/algorithms-should-ask-what-changed","keywords":["adaptive interfaces","user intent","algorithmic UX","AI personalization","participatory interfaces","Adaptive UX","AI UX","User Intent","2 min read","2026-06-22"],"summary":"Prediction becomes a trap when people change • Personalization systems learn from yesterday. That is useful until a person changes direction: cleaning up an old social graph, adopting a new professional identity, changing tastes, or trying to leave an unhealthy habit behind. A system trained on the past can interpret growth as suspicious behavior or keep reinforcing a version of the user that no longer exists. • The failure is not only technical. It is a product-design failure caused by treating inferred behavior as more trustworthy than declared intent. When a meaningful pattern changes, the interface should have a respectful way to ask what the person is now trying to accomplish. • From dictatorial interfaces to participatory ones • A dictatorial interface silently assigns motives, ranks the user, and applies consequences. A participatory interface makes its uncertainty visible. It mig"},{"id":"blog-what-happens-when-a-product-shuts-down","type":"blog","title":"What Happens When a Product Shuts Down?","description":"Lessons from the World Cleanup app about open-source afterlives, public-interest technology, and designing responsible endings.","url":"https://haam.co/blog/what-happens-when-a-product-shuts-down","path":"/blog/what-happens-when-a-product-shuts-down","keywords":["product shutdown strategy","open source product","public interest technology","data portability","software stewardship","Open Source","Product Stewardship","Civic Technology","2 min read","2026-06-22"],"summary":"A product ending is still a product experience • Teams invest heavily in onboarding and growth, then often improvise the final chapter. A shutdown affects people who contributed data, learned workflows, organized communities, and built trust around the product. Turning off the service without a transition plan converts an operational decision into user harm. • The World Cleanup app offered a useful lesson. Hosting could not continue indefinitely, but the underlying work could remain available as open-source software. That changed the ending from disappearance into the possibility of reuse, adaptation, and community continuation. • Design the afterlife before the emergency • Responsible shutdown planning includes clear notice, exportable data, documented alternatives, stable archives, and honest explanations of what will stop working. For public-interest products, teams should also evalua"},{"id":"blog-one-website-four-kinds-of-quality","type":"blog","title":"One Website, Four Kinds of Quality: Lessons From Viirus Theatre","description":"A case-study view of web quality across accessibility, performance, privacy, and environmental impact.","url":"https://haam.co/blog/one-website-four-kinds-of-quality","path":"/blog/one-website-four-kinds-of-quality","keywords":["website quality audit","Viirus Theatre website","web accessibility performance","website privacy audit","sustainable web design","Case Study","Accessibility","Web Quality","2 min read","2026-06-22"],"summary":"Quality cannot be reduced to visual polish • A cultural website can look refined while remaining slow, inaccessible, invasive, or unnecessarily resource-heavy. The Viirus Theatre work reinforced that these are not separate technical concerns. Together they determine whether people can reach the programme, understand it, trust the site, and use it under real-world conditions. • The useful unit of review is therefore the complete experience. Accessibility checks reveal participation barriers. Performance tests expose waiting and instability. Privacy inspection shows what the site asks users to surrender. Environmental tools make infrastructure and page weight visible. • Four audits create one prioritized backlog • Running several automated tools produces overlapping warnings and occasional contradictions. The job is not to maximize tool scores independently. It is to combine findings aroun"},{"id":"blog-designing-spaces-where-mistakes-are-cheap","type":"blog","title":"Designing Spaces Where Mistakes Are Cheap","description":"How psychological safety, prototypes, and reversible decisions help people and product teams learn faster.","url":"https://haam.co/blog/designing-spaces-where-mistakes-are-cheap","path":"/blog/designing-spaces-where-mistakes-are-cheap","keywords":["psychological safety design","rapid prototyping","product experimentation","reversible decisions","learning through mistakes","Prototyping","Learning","Product Culture","2 min read","2026-06-22"],"summary":"Learning speed depends on the cost of being wrong • Some environments reward correct performance before understanding has formed. That encourages caution, imitation, and silence. People often learn faster when they can try more variations, receive clear feedback, and recover without embarrassment or lasting damage. • Product development has the same constraint. If every idea requires a polished launch, teams protect their concepts instead of testing them. The cost of failure becomes so high that weak assumptions survive longer than they should. • Prototype the risky belief, not the whole product • A useful prototype isolates the uncertainty that matters: whether people understand the promise, trust the data, complete the interaction, or value the outcome. It can be a conversation, storyboard, clickable flow, concierge service, or small coded experiment. • AI lowers the cost of expressing"},{"id":"blog-the-ux-of-saying-hello","type":"blog","title":"The UX of Saying Hello","description":"What greetings, silence, and personal space reveal about cross-cultural interaction design.","url":"https://haam.co/blog/the-ux-of-saying-hello","path":"/blog/the-ux-of-saying-hello","keywords":["cross cultural UX","social interaction design","localization culture","personal space design","global product etiquette","Cross-Cultural UX","Localization","Social Design","2 min read","2026-06-22"],"summary":"The smallest interaction can carry a cultural model • In some places, failing to greet someone after a previous interaction can feel dismissive. In others, silence protects privacy and allows people to share space without demanding social energy. Neither pattern is universally warm or rude; each encodes different expectations about recognition, obligation, and personal boundaries. • Living across Estonia, São Tomé, Southern Europe, and Taiwan makes these differences difficult to ignore. A friendly greeting can open a quiet person or make someone feel unexpectedly exposed. Intent alone does not determine how an interaction lands. • Digital products also decide when to approach • Notifications, onboarding prompts, assistants, social recommendations, and proactive support all behave like greetings. They interrupt, acknowledge, invite, or pressure. A globally consistent cadence can therefore"},{"id":"blog-there-is-no-fixed-interface-anymore","type":"blog","title":"There Is No Fixed Interface Anymore","description":"A practical argument for generative UI with stable rules, accessible fallbacks, and meaningful user control.","url":"https://haam.co/blog/there-is-no-fixed-interface-anymore","path":"/blog/there-is-no-fixed-interface-anymore","keywords":["generative UI","AI generated interfaces","adaptive user interface","generative UI accessibility","AI product design","Generative UI","AI UX","Accessibility","2 min read","2026-06-22"],"summary":"The interface is becoming an output • Traditional product teams design a finite collection of screens. Generative systems can instead assemble explanations, controls, comparisons, and workflows in response to the current task. The interface becomes less like a document and more like a negotiated response. • This creates genuine value when users have different goals or when the underlying information is too complex for one fixed dashboard. It also creates new failure modes: inconsistency, inaccessible markup, hidden state, fabricated controls, and an inability to learn where anything lives. • Generate within a governed interaction grammar • The strongest model is not unlimited interface generation. Teams should define approved components, semantic rules, action permissions, content constraints, and recovery behaviors. AI can compose within that grammar while the product preserves recogniz"},{"id":"blog-innovation-comes-from-people-closest-to-the-pain","type":"blog","title":"Innovation Comes From People Closest to the Pain","description":"Why appropriate technology begins with local knowledge, interoperability, and power—not imported novelty.","url":"https://haam.co/blog/innovation-comes-from-people-closest-to-the-pain","path":"/blog/innovation-comes-from-people-closest-to-the-pain","keywords":["appropriate technology","community led innovation","participatory design","local knowledge","technology interoperability","Appropriate Technology","Co-Design","Social Impact","2 min read","2026-06-22"],"summary":"Proximity produces knowledge that research can miss • People living with a problem understand workarounds, informal networks, seasonal changes, social risks, and previous failed interventions. Outside specialists may bring useful tools, but they rarely arrive with the complete operating context. • Appropriate technology starts by treating local knowledge as design authority rather than anecdotal input. The first task is to understand what already works, who carries the burden, and which constraints are structural rather than technical. • The best technology may be ordinary • A durable intervention may use messaging, spreadsheets, sensors, paper, radio, or a small web application rather than a novel model. It should fit available skills, devices, connectivity, budgets, languages, and maintenance capacity. • Interoperability matters because communities should not become dependent on one pr"},{"id":"blog-open-data-as-civic-interface","type":"blog","title":"Open Data as Civic Interface","description":"What waste maps, sensors, and Taiwan's garbage-truck applications teach us about making public systems legible.","url":"https://haam.co/blog/open-data-as-civic-interface","path":"/blog/open-data-as-civic-interface","keywords":["open data civic technology","public data interface","smart city UX","open source city apps","community mapping","Open Data","Civic Technology","Smart Cities","2 min read","2026-06-22"],"summary":"Data becomes public only when people can use it • Publishing a dataset is an important institutional step, but it does not automatically create public value. People need interfaces that connect abstract records to immediate questions: when will a service arrive, where is pollution concentrated, which route is safer, or what should a community organize around? • Taiwan's garbage-truck applications show the practical value of combining government data with accessible, inspectable software. Waste mapping and urban sensor projects create similar possibilities by translating distributed observations into shared evidence. • The interface determines who can participate • Technical portals primarily serve analysts. Civic products need multilingual explanations, mobile access, low-bandwidth behavior, understandable uncertainty, and clear ways to report corrections. They should show provenance so "},{"id":"blog-maintenance-is-what-keeps-things-alive","type":"blog","title":"Maintenance Is What Keeps Things Alive","description":"A broader philosophy of maintenance across software, health, buildings, communities, and relationships.","url":"https://haam.co/blog/maintenance-is-what-keeps-things-alive","path":"/blog/maintenance-is-what-keeps-things-alive","keywords":["maintenance culture","software maintenance","systems thinking","code rot","product stewardship","Maintenance","Systems Thinking","Software Quality","2 min read","2026-06-22"],"summary":"Creation gets the story; maintenance carries the cost • Launches, openings, transformations, and new relationships are easy to narrate. Maintenance is repetitive, distributed, and often invisible. Yet many failures across health, buildings, software, institutions, and personal life are not failures of invention. They are failures to continue caring. • Maintenance notices gradual change before it becomes crisis. It keeps knowledge current, repairs small damage, renews shared expectations, and preserves the conditions under which a system can keep adapting. • Neglect compounds like investment in reverse • Deferred software updates make every future change riskier. Unrepaired buildings become expensive emergencies. Unexamined processes accumulate exceptions until nobody understands the original logic. The same pattern appears when teams stop talking to users or communities lose functioning "},{"id":"blog-swimmable-cities-as-public-interface","type":"blog","title":"Swimmable Cities Need a Public Interface","description":"A proposal for turning fragmented water-quality data and urban swimming initiatives into an understandable public service.","url":"https://haam.co/blog/swimmable-cities-as-public-interface","path":"/blog/swimmable-cities-as-public-interface","keywords":["swimmable cities","urban water quality","water quality map","civic data design","public swimming infrastructure","Urban Design","Open Data","HAAM Labs","2 min read","2026-06-22"],"summary":"The question is simple; the evidence is fragmented • People want to know whether nearby water is safe, accessible, legal, and pleasant to enter. The answer may be scattered across laboratory reports, city dashboards, weather services, news stories, community groups, and temporary warnings. • A public interface could bring those layers together without pretending that one score captures the full situation. It should communicate measurement time, source, confidence, hazards, accessibility, and local rules in language ordinary swimmers can act on. • Swimming makes urban ecology tangible • A swimmable river or harbor connects water treatment, biodiversity, public space, transport, health, and climate adaptation. It gives residents a direct relationship with systems that otherwise remain abstract infrastructure. • The product opportunity is broader than a map of attractive locations. It is a "},{"id":"blog-stories-inside-paintings","type":"blog","title":"Stories Inside Paintings","description":"A proposal for using film, interaction, and local voices to reveal the living worlds contained inside works of art.","url":"https://haam.co/blog/stories-inside-paintings","path":"/blog/stories-inside-paintings","keywords":["stories inside paintings","museum storytelling","interactive cultural heritage","art documentary","transmedia exhibition","Storytelling","Culture","Interaction Design","2 min read","2026-06-22"],"summary":"A painting is a compressed world • A work of art can hold biography, place, politics, craft, symbolism, and unresolved conflict inside one frame. Traditional labels summarize this world efficiently, but they rarely convey the voices, movement, and emotional stakes surrounding the work. • Stories Inside Paintings began as a film-series idea rooted in São Tomé, with Elsa Figueira as an early expression: a visual story in which a young woman moves beyond a violent relationship. The broader format can connect artworks to the people and places that give them meaning. • Use each medium for what it does best • Short film can restore movement and voice. Spatial audio can make place present. Interactive details can reveal layers of technique or symbolism. Community archives can add memories that institutional records omit. The goal is not to explain the artwork completely, but to create several r"},{"id":"blog-design-is-political-action","type":"blog","title":"Design Is Political Action","description":"How interfaces distribute knowledge, aggregate consumer demand, and influence environmental market standards.","url":"https://haam.co/blog/design-is-political-action","path":"/blog/design-is-political-action","keywords":["design political action","consumer demand sustainability","ethical product design","ESG accessibility","sustainable market standards","Design Ethics","Sustainability","Consumer Power","2 min read","2026-06-22"],"summary":"Every interface distributes power • Design determines what is visible, comparable, actionable, and easy to ignore. A shopping interface can foreground price while hiding labor or environmental cost. A finance product can make one type of return vivid and treat every externality as somebody else's problem. • These choices are political even when they appear neutral. They shape whose information counts, which actions are convenient, and how much effort people must spend to act according to their values. • Individual choices become meaningful when aggregated • Telling consumers to research every supply chain transfers institutional work onto individuals. Better systems can structure product information, compare credible evidence, and aggregate demand for higher standards across shopping, saving, and investing. • The objective is not moral scoring for its own sake. Interfaces should explain "},{"id":"blog-designing-sustainability-tools-for-busy-people","type":"blog","title":"Designing Sustainability Tools for Busy People","description":"Why climate-aware users still struggle to act, and how better interfaces can turn complex environmental data into practical everyday decisions.","url":"https://haam.co/blog/designing-sustainability-tools-for-busy-people","path":"/blog/designing-sustainability-tools-for-busy-people","keywords":["sustainability UX","digital product passport UX","AI sustainability assistant","environmental data interface design","climate conscious consumer tools","Sustainability UX","AI UX","Data-Driven Design","2 min read","2026-03-27"],"summary":"Concern is high, bandwidth is low • People may care deeply about climate, waste, and supply-chain ethics while still failing to make consistent sustainable choices. That is not necessarily a values problem. Often it is an interface problem. Users are busy, tired, overloaded, and forced to decide with incomplete information. • This is especially visible in younger audiences. Research notes in the archive repeatedly return to the same pattern: college students care about environmental issues, but they lack simple tools that align their values with convenience. If the product adds friction, moral intent collapses under daily life. • Translate complexity into human decisions • Most sustainability systems expose users to abstractions they cannot act on. ESG claims are vague, supply chains are opaque, and product data is scattered across labels, PDFs, reports, and marketing language. The desig"},{"id":"blog-localization-is-not-translation","type":"blog","title":"Localization Is Not Translation: Language, Culture, and Network Win Markets","description":"A practical view of localization that goes beyond translation to include cultural fluency, local trust, and the relationships that make products land in new markets.","url":"https://haam.co/blog/localization-is-not-translation","path":"/blog/localization-is-not-translation","keywords":["localization is not translation","global UX strategy","market entry localization","cultural product adaptation","multilingual product trust","Localization","Global UX","Market Entry","2 min read","2026-03-25"],"summary":"Translation solves words, not trust • Many localization efforts start and end with interface copy. That work matters, but language alone does not explain what people fear, what they value, which signals feel credible, or why one framing converts while another feels foreign. • A product can be perfectly translated and still feel culturally absent. If examples, imagery, tone, support flows, and onboarding assumptions do not match the user's reality, the product still asks people to do translation work in their heads. That is where adoption slows down. • Culture and network are operating systems • Successful international work depends on more than linguistic accuracy. Teams need local context, local relationships, and enough humility to learn what they do not yet understand. That includes knowing which stories resonate, which terms carry status, and who can validate the product in-market. •"},{"id":"blog-when-distribution-beats-product","type":"blog","title":"When Distribution Beats Product: Audience Lessons From Elsa Figueira","description":"A founder-led essay on audience empathy, channel fit, and why the right distribution model can outperform the more ambitious product build.","url":"https://haam.co/blog/when-distribution-beats-product","path":"/blog/when-distribution-beats-product","keywords":["audience strategy","content distribution strategy","channel fit product design","social first launch strategy","founder product lessons","Audience Strategy","Distribution","Product Strategy","2 min read","2026-03-22"],"summary":"Audience empathy changes the brief • Teams often claim to be user-centered while still designing from internal taste, institutional habits, or channel assumptions. The more useful question is what kind of experience the audience will actually accept in the context where they encounter it. • One of the clearest lessons behind HAAM's work on Elsa Figueira was that the message could not arrive as a lecture. To travel through music and entertainment channels, the work needed emotional pull, narrative momentum, and enough dignity to avoid feeling like a campaign poster in disguise. • Why the channel beat the bigger product • It is tempting to believe the more ambitious product surface is automatically the better one. A custom app can feel more complete, more ownable, and more impressive on paper. In practice, it also brings discovery friction, development cost, maintenance overhead, and a muc"},{"id":"blog-ai-search-visibility-guide","type":"blog","title":"AI Search Visibility in 2026: Technical and Content Strategies That Matter","description":"How to make a website understandable to search engines, AI answer systems, and people without turning it into a content machine.","url":"https://haam.co/blog/ai-search-visibility-guide","path":"/blog/ai-search-visibility-guide","keywords":["AI search visibility optimization","technical SEO 2026","answer engine optimization","structured content strategy","entity based SEO","SEO","AI Search","Technical Content","2 min read","2026-03-20"],"summary":"Discovery no longer happens in one place • People now discover a company through search results, AI assistants, browser summaries, social posts, newsletters, maps, and embedded answer boxes. The homepage is only one door, and sometimes not the first one. • This changes the writing task. A site needs crawlable structure, but it also needs clear entities, sources, relationships, and explanations that survive being summarized. If the public record is vague, machines will guess and people will feel the same vagueness. • Technical clarity is a form of editorial clarity • Performance, site architecture, metadata, sitemaps, canonicals, and language alternates can sound like background plumbing. They are also how the site explains itself to systems that cannot share your internal context. • Topical clusters and internal links should behave like a map of thought. They show what the organization k"},{"id":"blog-community-led-innovation-playbook","type":"blog","title":"Community-Led Innovation: How Ideas, Bounties, and Hackathons Accelerate Product Learning","description":"A practical note on turning community energy into shared learning without treating contributors as free research infrastructure.","url":"https://haam.co/blog/community-led-innovation-playbook","path":"/blog/community-led-innovation-playbook","keywords":["community led product development","hackathon strategy","product idea validation","innovation community","user-driven roadmap","Community","Hackathons","Innovation","2 min read","2026-03-15"],"summary":"People closest to the work notice different things • A community will often notice the weak assumption before the strategy deck does. People using, extending, or living around a product see workarounds, small frustrations, language mismatches, and opportunities that are invisible from inside the team. • The value of community input is not that it replaces product judgment. It changes the evidence. Instead of guessing what matters, teams can listen to people with lived context and test ideas in a more honest environment. • Participation needs structure and respect • Ideas, bounties, and hackathons each ask something different from people. An idea submission offers a signal. A bounty asks for focused work. A hackathon creates intensity, collaboration, and a temporary room where strange combinations can happen. • These formats need clear criteria, transparent rewards, fast review, and visib"},{"id":"blog-internal-tools-for-high-leverage-teams","type":"blog","title":"Internal Tools for High-Leverage Teams: Reduce Busywork, Increase Focus","description":"Why the quiet tools behind a team often decide whether people can think clearly, act responsibly, and do their best work.","url":"https://haam.co/blog/internal-tools-for-high-leverage-teams","path":"/blog/internal-tools-for-high-leverage-teams","keywords":["internal tools UX","workflow automation","operations design","productivity systems","high leverage teams","Internal Tools","Operations","Productivity","2 min read","2026-03-10"],"summary":"Internal friction becomes human fatigue • Customer-facing pages get the screenshots, but the hidden tools often decide how a team feels by Friday afternoon. A broken approval flow, duplicate spreadsheet, unclear dashboard, or manual copy-paste ritual slowly turns operational work into fatigue. • Internal UX matters because people cannot make good decisions while fighting the system that is supposed to support them. Reducing busywork is not only an efficiency story. It gives attention back to the work that requires judgment. • Start where the pain repeats • The best internal tool brief usually starts with one repeated sentence: we have to do this again. That is where the process is common enough to matter and painful enough that people will actually change behavior. • Role-based views, clear information architecture, readable states, and low-friction task flows should simplify the work ra"},{"id":"blog-design-systems-that-ship-faster","type":"blog","title":"Design Systems That Ship Faster: From Pattern Library to Product Velocity","description":"A practical view of design systems as shared infrastructure for trust, accessibility, speed, and calmer product work.","url":"https://haam.co/blog/design-systems-that-ship-faster","path":"/blog/design-systems-that-ship-faster","keywords":["design system handoff","component library strategy","UI engineering workflow","design ops","frontend consistency","Design Systems","Handoff","UI Engineering","2 min read","2026-03-01"],"summary":"A design system is not a museum of components • Many design systems begin with good intentions and slowly become a museum of buttons. The components exist, the documentation looks serious, and still teams return to one-off solutions because the system does not help them solve the pressure of real work. • A living system needs ownership, feedback, governance, and enough flexibility to let teams move. Standards should reduce anxiety and rework, not become a second bureaucracy beside the product. • Handoff is a relationship, not a file export • The strongest design systems make decisions visible before they become arguments. Tokens, component states, responsive rules, accessibility behavior, content limits, and error conditions should be part of the shared language. • This is where design and engineering become less like two departments throwing artifacts over a wall and more like one team "},{"id":"blog-platform-localization-global-growth","type":"blog","title":"Platform Localization for Global Growth: Beyond Simple Translation","description":"Why entering a new market means learning its trust signals, platform habits, language rhythms, and ordinary user expectations.","url":"https://haam.co/blog/platform-localization-global-growth","path":"/blog/platform-localization-global-growth","keywords":["platform localization","global UX strategy","multilingual SEO","international product design","localized user journeys","Localization","Global UX","International SEO","2 min read","2026-02-18"],"summary":"Translation solves words, not belonging • I have lived enough between places to feel how quickly a product can sound correct and still feel foreign. The words may be translated, but the examples, payment habits, support expectations, humour, proof points, and social signals still belong somewhere else. • Localization is therefore product strategy. It asks what people in this market need to recognize before they can trust the service, and which parts of the journey must change because the local platform ecology is different. • Architecture either supports respect or makes it expensive • Respectful localization becomes hard when content is trapped in components, metadata is inconsistent, or every market change requires a developer to untangle copy from layout. The technical architecture decides whether cultural adaptation is practical or always postponed. • Structured content, language alt"},{"id":"blog-cro-ux-experimentation-system","type":"blog","title":"How to Build a CRO + UX Experimentation System That Compounds","description":"A field note on replacing random optimization tricks with a learning loop that respects users and still improves conversion.","url":"https://haam.co/blog/cro-ux-experimentation-system","path":"/blog/cro-ux-experimentation-system","keywords":["conversion rate optimization UX","website experimentation","growth design system","A/B testing strategy","product analytics","CRO","UX","Experimentation","2 min read","2026-02-05"],"summary":"The button color is rarely the real question • Many experimentation programmes begin with the easiest visible thing: a button, a headline, a form length. Sometimes that helps. Often it avoids the more uncomfortable question of why people do not trust the offer, understand the page, or feel ready to act. • A stronger CRO and UX system starts with evidence from the journey. Where do people hesitate? What do they reread? Which promise feels unclear? Which step asks for too much too early? Every test should answer one real uncertainty, not merely decorate the funnel. • Experimentation should create memory • Analytics can show where the drop happens, but it cannot fully explain the human reason. UX review, session evidence, customer language, and support patterns help turn a metric into a hypothesis. • The loop becomes useful when the organization remembers what it learned. Clear experiment b"},{"id":"blog-wcag-accessibility-growth-advantage","type":"blog","title":"Accessibility as a Growth Advantage: A Practical WCAG Roadmap","description":"Why accessibility is not decoration or compliance theatre, but the condition that lets more people participate in a digital service.","url":"https://haam.co/blog/wcag-accessibility-growth-advantage","path":"/blog/wcag-accessibility-growth-advantage","keywords":["WCAG accessibility audit","inclusive UX","accessible web design","SEO and accessibility","digital accessibility strategy","Accessibility","WCAG","Inclusive Design","2 min read","2026-01-26"],"summary":"Accessibility is participation • A website can be visually beautiful and still quietly tell some people that the service was not made for them. A missing label, low contrast, broken keyboard path, or confusing heading structure becomes a social message, even when nobody intended it. • This is why accessibility should not arrive as a final compliance pass. It belongs in component design, content hierarchy, interaction states, media alternatives, and QA from the beginning, because those details decide who can participate without asking for special permission. • An audit should become a humane backlog • A useful WCAG audit does more than produce a long list of failures. It asks where the harm happens: buying a ticket, submitting a form, changing language, reading a programme, or understanding a price. • The fixes should be ranked by human impact as well as technical severity. Designers and "},{"id":"blog-ai-powered-web-experience-playbook","type":"blog","title":"The AI-Powered Web Experience Playbook for Modern Product Teams","description":"A practical note on turning AI from a feature announcement into a web experience people can understand, trust, and actually use.","url":"https://haam.co/blog/ai-powered-web-experience-playbook","path":"/blog/ai-powered-web-experience-playbook","keywords":["AI-powered web experiences","UX strategy","interaction design","web performance","product team playbook","AI UX","Web Development","Product Strategy","2 min read","2026-01-12"],"summary":"The interface has to know why AI is there • I have seen many AI features arrive as a little window on top of an unchanged product. The team can say there is an assistant now, but the user still does not know what to ask, what the system knows, or whether the answer can be trusted. • The useful starting point is more ordinary: where is the person confused, delayed, overloaded, or forced to compare too much information alone? An AI moment only earns its place when it gives that person more agency inside a real journey such as onboarding, purchase, support, or research. • Trust is part of the stack • A good AI web experience is not only a model choice. It is interface language, source visibility, latency, fallback states, data boundaries, and the small recovery paths that appear when the system is wrong or unsure. • This matters because people cannot build trust with a magical box that occa"},{"id":"blog-wordcamp-asia-2024-taipei-interaction-design-accessibility","type":"blog","title":"WordCamp Asia 2024 in Taipei: Accessibility Is Interaction Design at Event Scale","description":"A field note from WordCamp Asia 2024 in Taipei on how conferences, captions, venue design, food, movement, and open-source community become interaction design.","url":"https://haam.co/blog/wordcamp-asia-2024-taipei-interaction-design-accessibility","path":"/blog/wordcamp-asia-2024-taipei-interaction-design-accessibility","keywords":["WordCamp Asia 2024","Taipei interaction design","WordPress accessibility","conference accessibility","inclusive event design","open source community UX","multilingual captions","Field Notes","Interaction Design","Accessibility","5 min read","2024-03-09"],"summary":"A WordPress conference is also a designed environment • WordCamp Asia 2024 took place from March 7 to 9, 2024 at Taipei International Convention Center. The official site framed it as a flagship WordPress gathering with roughly 2,000 participants, 70+ countries, 50+ speakers, and 40+ sponsors. Those numbers matter, but they are not the most interesting design fact. • The more useful observation is that a conference this size behaves like a temporary product. It has onboarding, navigation, language support, trust signals, error recovery, social rituals, content hierarchy, and moments where people either feel included or quietly drop out. • I attended with a product designer's eye, which means I kept noticing the parts that are easy to treat as logistics: how people find a room, how subtitles sit under a slide, how food becomes a cultural interface, how volunteers reduce uncertainty, and h"},{"id":"blog-hackathons-are-not-startup-theater","type":"blog","title":"Hackathons Are Not Startup Theater","description":"A backdated opinion note from years of hackathons, Product Hunt links, startup communities, and event-led learning on what these rooms are actually good for.","url":"https://haam.co/blog/hackathons-are-not-startup-theater","path":"/blog/hackathons-are-not-startup-theater","keywords":["hackathons are not startup theater","event-led learning","startup community design","Product Hunt","Taipei hackathons","learning in public","HAAM archive","Hackathons","Community Design","Startup Culture","4 min read","2023-12-19"],"summary":"The demo is not the point • After enough hackathons, launch posts, meetups, and startup weekends, I have become suspicious of the way we talk about them. We pretend the point is the demo. The pitch. The prize. The exciting photograph of tired people holding laptops and smiling as if sleep is a weakness. • I do not think that is the real value. The demo is useful because it forces a deadline, but the demo is not the point. The point is that a temporary room lets people become braver than they usually are. • For a short time, the normal excuses lose some power. You can ask a stranger for help. You can make an ugly prototype. You can test whether an idea has a pulse. You can discover that your role is not what your job title says. That is not startup theater. That is learning in public. • A good hackathon is a designed social permission • The best hackathons are not chaotic because people a"},{"id":"blog-pollution-is-a-design-failure","type":"blog","title":"Pollution Is a Design Failure","description":"From World Cleanup Day and open waste maps to Green Filter, a backdated archive note on sustainability as an interaction-design problem.","url":"https://haam.co/blog/pollution-is-a-design-failure","path":"/blog/pollution-is-a-design-failure","keywords":["pollution is a design failure","World Cleanup Day","Green Filter","sustainability UX","civic technology","open waste map","environmental product design","Sustainability","Civic Technology","Product Design","4 min read","2023-09-15"],"summary":"The problem is not only awareness • The climate and sustainability links in the archive do not read like a single interest. They read like the same frustration returning in different forms: people want to act better, but the systems around them make better action unnecessarily hard. • A shopper faces greenwashing, vague claims, hidden supply chains, unreadable reports, and product pages optimized for price and convenience. A volunteer cleanup team faces scattered data, local coordination problems, changing routes, unclear responsibilities, and the knowledge that the same waste may return if the upstream system does not change. • This is why pollution can be read as a design failure. Not because designers alone caused it, and not because design can solve it alone. Pollution is a design failure because so many everyday systems are built to hide cost, fragment responsibility, and make harmf"},{"id":"blog-sao-tome-as-a-long-term-creative-thread","type":"blog","title":"Sao Tome as a Long-Term Creative Thread","description":"A personal archive note on Sao Tome, Lusophone Africa, cultural infrastructure, film, music, diplomacy, and why some places keep shaping the work.","url":"https://haam.co/blog/sao-tome-as-a-long-term-creative-thread","path":"/blog/sao-tome-as-a-long-term-creative-thread","keywords":["Sao Tome creative thread","Lusophone Africa","African cultural infrastructure","Sao Tome Film Lab","cross-cultural storytelling","HAAM origins","cultural bridge building","Sao Tome","Cultural Infrastructure","Storytelling","4 min read","2021-12-08"],"summary":"Some places become a method • The social archive around Sao Tome does not behave like a topic that appeared once and disappeared. It keeps returning through film, music, literature, diplomacy, climate, cleanup, food, travel, development, African creative industries, and the old question of how a small place can speak to a wider world without being flattened by outsiders. • That recurrence is important for HAAM. Sao Tome is not only a biographical detail or a location attached to older projects. It is a method: start with a specific place, take its cultural reality seriously, and build forms that help local meaning travel without turning it into a generic story. • The archive makes the thread visible. It moves from TEDxSaoTome and early storytelling work to African cinema links, Lusophone cultural references, World Cleanup Day in Sao Tome, film-lab news, and questions about the island's r"},{"id":"blog-data-visualization-was-the-humane-part-of-ai","type":"blog","title":"Data Visualization Was the Humane Part of AI","description":"An opinionated archive note on why the old data-visualization habit of making complexity visible should be treated as essential AI design, not a decorative afterthought.","url":"https://haam.co/blog/data-visualization-was-the-humane-part-of-ai","path":"/blog/data-visualization-was-the-humane-part-of-ai","keywords":["AI data visualization","explainable AI","human centered machine learning","AI interface design","data visualization ethics","generative interfaces","HAAM archive","AI","Data Visualization","Human-AI","4 min read","2021-12-03"],"summary":"The old charts were trying to protect us • Before AI became a normal word in product meetings, I kept saving links about data visualization, explainable machine learning, and human-centered AI. At the time, it looked like curiosity. Now it feels more like a warning. • Data visualization, at its best, is not decoration. It is a humane practice. It tries to make complexity visible enough that people can argue with it. A chart says: here is the pattern, here is the comparison, here is the outlier, here is the uncertainty, here is the part that should make you uncomfortable. • AI products often skip that step. They give us the conclusion without the shape of the evidence. That may feel magical, but it also makes people easier to manage. • A generated answer is not understanding • I do not think the main problem with AI is that it sometimes makes mistakes. Humans make mistakes too. The deeper"},{"id":"blog-interaction-design-before-ai-ate-the-interface","type":"blog","title":"Interaction Design Before AI Ate the Interface","description":"An archive note from years of UX, accessibility, HCI, and product-craft links on why AI interfaces still need older interaction-design discipline.","url":"https://haam.co/blog/interaction-design-before-ai-ate-the-interface","path":"/blog/interaction-design-before-ai-ate-the-interface","keywords":["interaction design before AI","AI UX","accessibility UX","human computer interaction","product design craft","interface design","HAAM archive","Interaction Design","Accessibility","5 min read","2021-09-15"],"summary":"The archive was already pointing at the problem • Looking back through years of saved links, one pattern is hard to miss: before AI became the center of every product conversation, the useful work was already happening in interaction design. The saved trail runs through HCI, accessibility, product craft, Figma, design systems, usability, data visualization, and the recurring question of how people understand what a system is doing. • That matters because the arrival of generative interfaces did not remove the older problems. It made them more expensive to ignore. A model can produce text, images, plans, code, and recommendations, but the product still has to answer familiar questions: Where am I? What just happened? What can I change? What is uncertain? How do I recover? Who is affected by this output? • The strongest archive cluster is not just about UX links. It is about a habit of not"},{"id":"blog-ai-frontiers-2017-field-note","type":"blog","title":"AI Frontiers 2017 Field Note","description":"A first-person field note from AI Frontiers 2017 in Santa Clara, before applied deep learning had fully settled into everyday product interfaces.","url":"https://haam.co/blog/ai-frontiers-2017-field-note","path":"/blog/ai-frontiers-2017-field-note","keywords":["AI Frontiers 2017","applied deep learning","AI field note","AI product strategy","human centered AI","semantic graph","AI interfaces","Field Notes","AI","Product Strategy","3 min read","2017-11-03"],"summary":"A practical frontier, not only a research one • In November 2017, I was at AI Frontiers in Santa Clara with a camera roll full of stage slides, whiteboards, demos, and hallway signage. Looking back, the useful memory is not that AI felt new. It is that people were already trying to force it into product-shaped problems: latency, context, interfaces, trust, and operational cost. • The event branding talked about applied deep learning, and that distinction mattered. The interesting questions were less about whether models could recognize patterns and more about how those recognitions would become usable systems. • The promise was social, but the work was infrastructural • One hallway sign presented AI as a broad social transformation. Inside the talks, the conversation was much more concrete: smaller models, frame buffers, processors, detection passes, and the messy engineering needed to m"},{"id":"blog-storytelling-is-interface","type":"blog","title":"Storytelling Is Interface","description":"A backdated archive note on film, transmedia, documentary, and why stories are not content sitting on top of products but one of the ways people enter systems.","url":"https://haam.co/blog/storytelling-is-interface","path":"/blog/storytelling-is-interface","keywords":["storytelling as interface","transmedia documentary","creative technology","film and interface design","interactive documentary","HAAM archive","media systems","Storytelling","Transmedia","Creative Technology","4 min read","2011-05-17"],"summary":"I do not think storytelling is content • One of the older links in my archive is about transmedia for social documentary. It feels almost naive now, in a beautiful way, because the word transmedia carried so much hope. A story could move between film, web, event, map, object, archive, and audience. The screen was not the whole work. The work was the relationship between all the pieces. • I still believe in that, maybe more than before. I just no longer believe that storytelling should be treated as content. Content is the word platforms use when they want everything to become interchangeable. A film, a testimony, a route through a city, a family memory, a protest video, a game, a museum label, and a community archive are not the same thing simply because they can all be uploaded. • Storytelling is interface. It is one of the ways people enter a system, understand what matters, find thems"}]}