Teal Health: Website Redesign & Webflow Development

Teal Health makes the Teal Wand, a device for at-home cervical cancer screening. I redesigned and rebuilt its 30-page website in Webflow, creating a shared design system and improving mobile performance while retaining the marketing and consent tools the team relied on.

The old site had grown page by page with no system underneath. Mobile performance sat in the mid-30s, and the usual fix, stripping out scripts, wasn't an option: HubSpot, analytics, and consent management were all non-negotiable for marketing and compliance. So the job wasn't just a redesign. It was making the site faster and more consistent while keeping everything that made it slow.

With 30 pages in scope, designing page by page would have rebuilt the same drift that broke the old site. I defined type, color, spacing, and components first, then designed every page from them. Thirty pages now read as one product, and new pages start from finished parts instead of a blank canvas.

I handled both design and development, mapping Figma components to reusable Webflow components built on Lumos. The same structure carried through from the approved designs to the finished site, and the team can assemble new pages without writing code.

I changed when marketing and analytics scripts load, deferring them until needed and applying consent controls. The team kept its tools while reducing their impact on the initial page load.

I targeted WCAG AA throughout the build, addressing semantic structure, keyboard navigation, and the audit findings directly in the site's markup and interactions. I combined automated checks with manual testing to check how the site worked in practice. The tested page also achieved a Lighthouse Accessibility score of 100 on mobile and desktop.

Mobile Lighthouse performance improved from the mid-30s to 88.

Core Web Vitals passed on mobile and desktop in the real-user data shown.

Lighthouse scores reached 100 for Accessibility, SEO, and Best Practices.

30 pages share one design system, with reusable components the team can use to build new pages.