Tap. Transform. Take it home.

Presenter Notes

The pitch in one breath

Every attendee who walks up to our booth gets to design their dream Hardie exterior on a kiosk — and watch a life-size house at the booth physically transform with their choices via projection mapping. Then they capture it and walk away with a shareable, branded photo of their Hardie home.

Why this wins

• It's already in the deck. Concepts 1 and 3 both call for a kiosk + life-size house. This is the missing demo of how that actually works.
• It's a "Color of the Year" reveal stage. JH can program scripted shows on the same hardware.
• Hover/Hardie Designer has photo-upload. This is the opposite: instead of seeing Hardie on your house, you see your design on Hardie's house. Photographable, sharable, memorable.
• Lead capture is built in. Email at the end for the photo = a qualified lead with real product preferences attached.

What this demo is

Single self-contained HTML file. No server, no internet. Runs on a laptop or iPad. Drives a real-time SVG render so the house actually responds to selections — not pre-rendered video. The colors and product names are accurate to JH's current ColorPlus Statement Collection.

What this demo isn't (yet)

• Two-screen mode (iPad kiosk → laptop house display over the network) — that's the v2 we'll build for hands-on at the booth itself.
• The actual projection map content — we'd produce that in TouchDesigner or madMapper for the build.
• Photo-capture moment — currently flashes, would be a webcam composite in v2.

Demo flow for Wednesday

• Open intro screen on biggest display in the room.
• Walk them through the pitch deck.
• When you hit the Dream Home Designer slide, hit "Enter the demo" and pass the laptop or stand at the kiosk.
• Change a style. Change a color. Show them the house transforms.
• Hit "Send to the Hardie Home" — flash moment.
• Press A to auto-cycle if you want hands-free background play.

Tech build path

• Kiosk: iPad in landscape, web app fullscreen — same React/HTML stack as today.
• House: 2-sided LED siding (per Mike's sketch) is the dream version; budget-conscious alt is a real Hardie-clad mockup wall with 2× short-throw projectors. Either way, content engine is the same.
• Sync: WebSocket (Pusher / Ably) or local Wi-Fi (Socket.io) from kiosk → content engine. Sub-200ms latency.
• Photo capture: DSLR + Phase One Capture One tethering, or a Sony Alpha + Camera Remote SDK. Composite the user's photo over the rendered house exterior. Email + QR code delivery.

Shortcuts

• P · toggle these notes
• A · auto-demo cycle
• F · fullscreen
• Esc · back to intro