01
Interaction with logic
Outcomes follow testable rules: simulation, physics, state, scoring or decisions.
Original demo · interactive lab
Interactive web experiences
For campaigns, products and training.
A collection of working proofs to explain an idea, simulate an operation or turn a campaign into something people can use and understand.
- 5 primary demos and a complete route
- 12 promotional games with visible rules
- Mobile, keyboard and non-WebGL alternatives
- DEMO content: it does not represent client work
Four ways to apply it
The technology changes with the idea. These are the needs that can already be tested in the showroom.
- 01Try the simulator
Simulate an operation
Change demand, capacity or speed and see how they affect queues, timing, orders and outcomes.
Food service, retail, logistics, teams or customer operations.
- 02Try the games
Turn a promotion into a game
Combine skill, visual chance, questions or live participation with measurable rules and outcomes.
Events, launches, QR campaigns, loyalty, draws or stands.
- 03Open the book
Explain through an interactive format
A book with pages, video, details, choices and small challenges that retain their state as the reader moves on.
Catalogues, reports, training, manuals or brand stories.
- 04Try the 3D product
Show a product or a change
Rotate a 3D object, change materials, inspect a detail or compare before and after without losing context.
Products, spaces, industry, restoration, architecture or sales.
What this proof demonstrates
This is not decorative motion. Every example has rules, states, controls and an understandable outcome.
02
Real mobile use
Gestures have button alternatives, keyboard controls remain available and essential content does not depend on 3D.
03
A production-minded base
Editable content, deferred loading, visible alternatives and separation between business rules and presentation.
Five applications to demonstrate to a client
Original fictional examples: four interactive flows and an illustrated event concept. Discuss how each application could work for your project.
Material recommender
Room, use and finish → compatible option → enquiry with the selection.
Try demoDecision-based training
Sales situation → decision → explained consequence and next step.
Try demoThe Umbral case file
Three original clues → location choice → shareable ending.
Try demoA fictional home visit
Three rooms → measurements and details → selection for a viewing.
Try demoPhone and event screen
Illustrated example: prepare an activity → participate by phone → share the result. Explains a vote or bingo without opening live rooms.
View example
The simulator compares identical demand with one and three cooks. The book shows one page per screen on mobile. Games have individual shareable links.
An original demo, not an invented success story
The showroom brings together patterns built by abuenoben to demonstrate technical capability. It does not attribute outcomes, metrics or brands to clients. When an idea becomes a project, scope, content, data and validation are defined for that context.
How it becomes a project
The starting point is not choosing a technology. It is deciding what the person using it must understand or achieve.
- 01
Objective
Situation, audience, expected action and how the result will be measured.
- 02
Working proof
A small version validates mechanics, content, mobile behavior and feasibility.
- 03
Production
Integrations, analytics, real rules, QA, publishing and handoff.
Do you have an idea people should be able to try?
Share the objective, audience and where it will be used. I can prepare an initial scope or a working proof.