Invisibly — Product Design + Front-End Build (B2B Ad-Tech)
Zach Smyth
Overview
Invisibly is a B2B ad-tech and consumer-research platform that turns brand research into better creative — Brand to Creative to Test to Deploy to Report to Iterate. I joined as an embedded product design and strategy partner to translate that vision into working prototypes, a coded design system, and a build-ready roadmap.
The challenge
Invisibly had a strong product vision but needed it translated from concept into something concrete, testable, and buildable. Leadership needed to see the platform actually working — not just in slides — to validate direction, decide where AI could create real leverage, and rally engineering around a clear roadmap.
Approach
Embedded with leadership across engineering and business, turning product-sync calls into structured action items and maintaining an engineering roadmap tracker tied to Jira.
Built a complete, coded design system — design tokens, Tailwind config, and a React component library — as the shared language for every prototype and page.
Authored an AI Opportunities roadmap: 12 opportunities narrowed to 3 selected pilots, plus a Now/Next/Later plan, a product dependency map, and a business-outcome scorecard.
Designed and built four end-to-end interactive prototypes with a full app-shell architecture to make the vision tangible and testable.
Pilot 1 — Creative Health Score: AI scores ad creative 0–100 before launch
The solution
Delivered a working, coded foundation for the platform. A black-first React + Tailwind design system (Button, Input, Card, Badge, Alert, StatCard, an interactive HTML reference, and documentation) with indigo-to-violet gradient accents. Four interactive pilot prototypes: Creative Health Score (AI scores ad creative 0–100 before launch), AI Survey Insight Summaries, a no-signup Create-Creative funnel with an account gate before the reveal, and a Market Research Intelligence teaser to expand the engagement — plus supporting public share views, signup gates, a Brand-to-Creative-to-Campaign hierarchy, a creative performance-correlation view, and a team/workspace management demo. Also designed and built a 5-page marketing website, landing pages, and a branded one-sheet PDF, all in one shared dark-gradient design language.
Selected screens
Platform dashboard within the full app-shell architecture
Creative performance correlation and ad comparison view
React + Tailwind design system — tokens and components
Design system reference — Button, Input, Card, Badge, Alert, StatCard
Marketing site homepage — shared dark-gradient design language
Naming and brand strategy section
Website strategy walkthrough
“Zach is one of the preeminent product designers that I'm aware of in the Midwest. I've worked with Zach over many years and he's consistently delivered thoughtful, quality work product with a terrific eye for design and detail. Zach thinks through the user experience and designs with the business objectives in mind. Zach collaborates with our marketing, product and user research teams to constantly iterate and improve.”
Like this project
Posted Jul 7, 2026
Designed and built Invisibly's platform — a coded React/Tailwind design system, four AI-pilot prototypes, and a shipped 5-page marketing site.
Likes
0
Views
0
Clients
Invisibly
