Vibe-Coded Microsites and AI Workflows
Building interactive campaign experiences, working product demos, internal tools, and AI-powered workflows from idea to launch.
Category:
Creative Technology · Vibe Coding · AI Automation · Web Development
My Role:
Design, Development and Workflow Automation
Designing beyond the static page
My work at GTM Buddy expanded from visual design and Webflow development into building interactive digital products, campaign microsites, internal tools, and AI-powered workflows.
Instead of treating every campaign as a static landing page, I explored how design, code, automation, and AI could work together to create more useful experiences. These projects included assessments, calculators, interactive product demonstrations, directories, reports, event pages, and story-led campaign experiences.
I used Figma for interface design and moved from early Base44 experiments to directly building with Cursor and Codex. Projects were versioned through GitHub and published using connected hosting and sync workflows.
From idea to live experience
Four distinct digital experiences, each built around a different story, audience, and interaction.
Rather than following one landing-page formula, each microsite was designed as its own focused digital experience. The visual direction, interactions, and functionality changed based on the campaign objective.
Revenue Agents
A product-led experience that brings Nucleus AI revenue agents to life through an interactive interface. Visitors can explore agent activity, understand how the system works, and interact with tools such as the build-math experience.
Replace Highspot Assessment
A conversion-focused assessment that helps teams understand their renewal timeline, platform dependency, and integration risk.
The experience captures user inputs, processes the assessment, generates a personalized report, and automatically sends the result by email. This connects interface design, form logic, automation, and lead capture within one complete workflow.
Revenue Activation Interactive eBook
An interactive editorial experience presenting 12 frameworks and five readiness levers. The design transforms a traditional downloadable guide into a structured digital product that is easier to explore and engage with.
Revenue Activators Directory
A searchable and filterable directory created with Wednesday Women to celebrate 25 revenue leaders. The experience combines profile storytelling, community recognition, filtering, search, and nomination workflows.
Tools, agents and automation
Reusable systems that helped internal teams create, publish, and respond faster.
Beyond the microsites, I created AI Skills and reusable workflows for internal Marketing, Design, and GTM teams. These systems supported branded collateral, product update emails, design engineering, campaign creation, and repeatable production tasks.
I built MCP-powered Webflow workflows using Codex, Cursor, and Claude, along with a Figma-to-Webflow process that reduced the distance between design and development.
I also developed calculators, multi-step assessments, automated form workflows, and report-generation systems that emailed personalized results after submission. Other experiments included an internal carousel builder and an AI SDR-style website bot that could read site content and answer visitor questions.
The outcome
These projects helped turn campaign ideas into working digital experiences faster. They also moved my role beyond designing interfaces into building functional systems that connected design, development, automation, and AI.
The result was a growing toolkit of reusable workflows, interactive experiences, and internal tools that helped teams experiment faster, reduce repetitive work, and bring more ambitious ideas to life.
Impact highlights
10+ live microsites across campaigns, events, and product education
Interactive product experiences instead of static screenshots
Automated assessments, forms, reports, and email workflows
Reusable AI Skills for internal Marketing, Design, and GTM teams
MCP workflows connecting AI tools with Webflow
A repeatable Figma-to-Webflow production process
Internal carousel creation and content automation tools
AI-powered website assistance based on live site content
