AI Web Studio

Search the site

Find pages, services, projects, and more

Search across public pages, projects, services, hackathons, and community content.

Results update as you type.

Start with the story

Diagnose the friction. Design the path. Deliver the product. Grow the system.

The homepage now follows the same arc as a good project: identify what blocks progress, shape a concrete solution, ship it, and keep learning from real behavior.

Chapter 1

Diagnose

Name the business problem and audience friction.

Chapter 2

Design

Turn evidence into a focused prototype or journey.

Chapter 3

Deliver

Launch the experience with clear content and code.

Chapter 4

Grow

Measure, localize, and keep improving the system.

Chapter 1 · Locate the audience

your city · 05:14 PM

Detecting location...

Plan services around your timezone, audience behavior, and market context while keeping delivery remote-first.

Chapter 2 · Sharpen demand

Win clearer B2B and B2C journeys worldwide

B2B: Sharpen positioning, build multilingual lead funnels, and convert inbound traffic into qualified pipeline across different regions.

B2C: Localize messaging, strengthen product storytelling, and run data-driven campaigns that turn discovery into repeat purchases.

Connect market-specific UX, analytics, and experimentation so your sales and marketing systems perform across cultures, languages, and time zones.

Chapter 3 · Test the opportunity

Turn open questions into tested digital opportunities

Study user needs, market signals, platform capabilities, and emerging AI tools. Then convert the strongest hypotheses into small experiments before a large build begins.

Each sprint clarifies risks, sharpens direction, creates working prototypes, and gives your team evidence to scale, pause, or redesign.

Keep R&D small, visible, and measurable.

Use short discovery loops, prototype evidence, and clear handoff notes instead of long reports that never reach production.

Step 1

Spot the signal

Interview users, read analytics, scan markets, and map technical constraints so every move starts with evidence instead of guesswork.

Step 2

Shape the prototype

Turn the strongest ideas into lightweight flows, AI-assisted workflows, and browser-native demos that teams can test before heavy investment.

Step 3

Prove the path

Measure what changes, document what works, and package the learning into reusable components, playbooks, and product decisions.

Chapter 4 · Build in context

Build human-guided AI work in Taiwan

Ship Taiwan collaborations that connect sustainability, product strategy, and digital storytelling into the active HAAM roadmap.

Ship from Taipei

Turn local insight into useful AI products

Use sustainability tooling and sharper product storytelling to move from research signals into live, testable experiences.

greenfilter.app Ziran

Chapter 4b · Train the team

Learn web development through a playable quest

Choose a path, unlock lessons, answer interactive quizzes, and build confidence with motion effects and arcade-style feedback.

What do you want to build first?

How much coding experience do you have?

How should HAAM guide your learning?

Chapter 4 · Explore the storyworld

Play through the Signal Hatch

A hidden hatch has opened in the homepage surface. Enter HAAM's first RPG-style quest, choose a strategy, earn quest points, and collect loot relics from the studio universe.

Start the quest →Browse more games

Legacy Projects

Mostly human-made projects. With the advances in AI, I have now switched my focus to human oversight and consultancy.

Chapter 5 · Prove the outcome

Viirus Theatre

Viirus invested in a11y and performance to make their digital home more welcoming for every visitor. We improved semantic structure, keyboard navigation, contrast, and media loading strategy so the website became easier to use and faster to browse across devices.

Outcome: clearer journeys for audiences, stronger inclusivity, and noticeably faster page experience.

Explore the Viirus proof

Segredos da FlorestaTEDxSãoTomé

Elsa Figueira

Cindy BaptistaLe Tre Meraviglie

Viirus TheatreRepsal Busholmen

Life in Finland100 Objects from Finland

Nile Journeys

ESL & SISUEstonian Academy of ArtsNarva Art ResidencyPärnu Art WeekTallinn BiennialVargamäe MuseumWiFi.eeWorld Cleanup Day

Chapter 6 · Scale the system

One design system for every touchpoint

From homepage to conversion flows, every component is tuned for accessibility, consistency, and maintainable delivery across products.

Explore the design system and handoff foundation

Chapter 7 · Extend the platform

Unlock what modern browsers can do

The open web can already handle native-feeling file workflows, floating utility windows, machine-readable scanning, screen wake locks, and calmer state transitions. This new hub collects practical demos instead of treating browser power like trivia.

Open browser demos

Visual continuity