Power, Clear & Simple
Full-stack retail energy marketplace UX: enrollment flow, product card design system, Figma prototypes, HubSpot CRM, and GA4/GTM conversion tracking.
RETAIL ENERGY
UX DESIGN
From ZIP code to signed contract. Every step designed to move.
WattKarma entered the Texas retail energy market needing more than a website. They needed a system that could move shoppers from ZIP code entry to signed contract in a single session. The scope covered UX design, Webflow development, HubSpot integration, enrollment automation, and analytics infrastructure.
I led the full UX from research through Figma prototyping and developer handoff, building a product card system with Featured, Mobile, and Desktop variants that makes comparing plans fast and honest. A complete enrollment flow through DocuSeal handles contract signing without leaving the site. A formal badge and tag system helps users filter by the criteria that actually matter.
The technical stack ties everything together. A Cloudflare-proxied business subdomain pulls HubSpot content seamlessly into the main site. GA4 and GTM track every conversion step from initial ZIP entry through final contract execution. HubSpot email workflows, API integrations, and token-driven confirmation emails complete the customer pipeline end to end.
The result is a unified, scalable system that brings rate clarity to Texas energy shoppers. Every layer (design, development, data, and automation) was built to support growth without requiring a rebuild.
