§ 01/Selected work · Interactive tools

    Interactive
    tools.

    Pop-ups, scored quizzes, calculators, and custom assessment widgets — the working parts that sit inside a client's existing stack and turn anonymous visitors into qualified leads. Each one wired to its CRM, each one quietly doing its job in the background.

    Tools4 · across 3 clientsSurfaceslanding page · main site · Elementor · HubSpotMixquiz · popup · assessment · calculatorRange2024 — 2025
    § 02/Index
    § 01Treadway Events2
    01Magic Checklistquiz
    02Event-Fit Pop-uppopup
    § 02East West Basics1
    03Sourcing Risk Assessmentassessment
    § 03The Perk1
    04ROI Calculatorcalculator
    § 03 · Client/Portland, OR · experiential event agency

    Treadway Events.

    quiz

    Magic Checklist

    A scored quiz that turns the 'how should I plan my event?' question into a working checklist. Lives on a dedicated landing page; results are gated by a form that fires a custom Pipedrive integration on submit.

    Magic Checklist · Quiz start
    01 · Quiz start
    fig. 01
    Hero + question count + start CTA
    Magic Checklist · Question
    02 · Question
    fig. 02
    Multi-choice card with progress meter
    Magic Checklist · Form gate
    03 · Form gate
    fig. 03
    Lead form before result · Pipedrive deal on submit
    Trigger
    Hero CTA on the landing page
    Outcome
    Qualified leads → Pipedrive deals created on form submit
    Platform
    Custom landing page
    How it's built
    Custom React quizPipedrive APIWebhook → Slack notifyEmail confirmation
    popup

    Event-Fit Pop-up

    A modal on the main Treadway site that figures out which kind of event matches a visitor's goals and routes them to the right contact path. Fires only after the visitor has signalled real intent.

    Event-Fit Pop-up · Initial state
    01 · Initial state
    fig. 04
    Eyebrow · headline · single 'Start' CTA
    Event-Fit Pop-up · Question
    02 · Question
    fig. 05
    Goal-finder · 3–4 choices
    Event-Fit Pop-up · Result + CTA
    03 · Result + CTA
    fig. 06
    Matched event type · contact route
    Trigger
    3+ page visits OR 60% homepage scroll
    Outcome
    Higher-intent leads — same form, qualified upstream
    Platform
    WordPress (main site)
    How it's built
    WordPressVanilla JS triggerlocalStorage de-dupeForm → Pipedrive
    § 04 · Client/global sourcing & manufacturing partner

    East West Basics.

    assessment

    Sourcing Risk Assessment

    A scored assessment that helps prospects rate their manufacturing risk — supplier concentration, region dependency, QC posture. Shipped as a custom Elementor widget so the East West team can drop it onto any Elementor page without touching code.

    Sourcing Risk Assessment · Editor view
    01 · Editor view
    fig. 07
    Widget in Elementor canvas + sidebar panel
    Sourcing Risk Assessment · Question
    02 · Question
    fig. 08
    Rated multi-choice · weighted scoring
    Sourcing Risk Assessment · Result tier
    03 · Result tier
    fig. 09
    Risk band · recommended next step
    Trigger
    Drag-and-drop onto any Elementor page
    Outcome
    Risk-scored leads routed by result tier
    Platform
    WordPress + Elementor
    How it's built
    Custom WordPress pluginElementor Widget APIPHP scoringResult tier → email route
    § 05 · Client/specialty coffee · B2B program

    The Perk.

    calculator

    ROI Calculator

    A configurable ROI calculator built as a HubSpot custom module — editable fields the marketing team controls from the page editor. On submit it reveals additional hidden modules; the gated PDF download is fired via a styled HubSpot form.

    ROI Calculator · Editor view
    01 · Editor view
    fig. 10
    Calculator + editable fields panel in HubSpot
    ROI Calculator · Results
    02 · Results
    fig. 11
    Computed ROI output · cost of inaction vs. program investment
    ROI Calculator · Gated form
    03 · Gated form
    fig. 12
    Styled HubSpot form · PDF download on submit
    Trigger
    Embedded in landing page hero
    Outcome
    Qualified downloads via gated HubSpot form
    Platform
    HubSpot CMS
    How it's built
    HubSpot custom moduleHubL + JSHidden-module revealHubSpot form → PDF trigger
    End of project · interactive tools4 tools · 3 clients
    § 06/Continue