Teal Health

Teal Health is a woman-led healthcare company committed to improving women's health, specifically cervical cancer screening.

They created the Teal Wand, the first at-home self-collection tool for cervical cancer screening in the US to receive FDA approval. With this cutting-edge device, women can take a vaginal sample in the comfort of their own homes and send it to a licensed laboratory for analysis. Their mission is to make cervical cancer screening easier, more comfortable, and accessible.

To support this goal, they approached us to create and manage a website that reflects their values, educates visitors about the Teal Wand, and streamlines the process of getting the kit, all while integrating smoothly with their marketing efforts.

Client
Teal Health
Tech stack
Webflow
Airtable
Figma
Webdesign
UIUX Design
Webf
Webdesign
UIUX Design
Webf
Challenge

Creating this website wasn’t simple. Teal Health needed landing pages that matched their unique designs and captured attention. The site had to work beautifully on phones, tablets, and desktops. They also wanted to use HubSpot for collecting form submissions and tracking leads, all without slowing the site down or confusing visitors.

Empowering Women’s

Health Choices

What We Did

We worked as an extension of Teal Health’s team, bringing their design ideas to life online. Every custom landing page was carefully built to match their style and brand. We made sure the layout and text looked great and were easy to read on any device.
We also connected the forms on the site directly to HubSpot so that when someone filled out a form, the Teal team got it instantly. Also, we keep the site up to date, adding new content and making small updates regularly to stay aligned with their mission.

We brought Teal Health's design ideas to life online, building custom landing pages that match their unique style and brand.

Design Process
1

User Understanding

We explore user needs and business goals to define direction, personas, and structure.
Discovery
User research
Define
Strategy
2

Experience Structuring

We create wireframes and flows focused on usability, clarity, and logic.
Wireframing
Low-Fidelity prototyping
user flows
Product usability
3

Visual Design

We create visual designs and test with real users to ensure clarity and impact.
UI Design
Visual Direction
Testing
Iteration
4

Product Delivery

We deliver dev-ready files, support build, and optimize post-launch.
Handoff
Collaboration
Launch
Post-Launch Optimization
1

User Understanding

We explore user needs and business goals to define direction, personas, and structure.
Discovery
User research
Define
Strategy
2

Experience Structuring

We create wireframes and flows focused on usability, clarity, and logic.
Wireframing
Low-Fidelity prototyping
user flows
Product usability
3

Visual Design

We create visual designs and test with real users to ensure clarity and impact.
UI Design
Visual Direction
Testing
Iteration
4

Product Delivery

We deliver dev-ready files, support build, and optimize post-launch.
Handoff
Collaboration
Launch
Post-Launch Optimization
What We Delivered

Our website delivery included pages that look great everywhere, with no glitches or awkward layouts. The site's responsive design ensures a smooth user experience across devices. We also set up HubSpot forms that work seamlessly, sending information straight into HubSpot and helping the team follow up quickly without manual effort.

Key Results & Benefits

Our work with Teal Health achieved significant key outcomes. We created user-friendly website pages to help visitors learn more about the Teal Wand. The HubSpot integration streamlines lead management, making it more efficient and error-free. This, combined with a modern and trustworthy design, contributes to Teal Health's reputation as a reliable brand.

The website's modern design and seamless HubSpot integration establish Teal Health as a reliable and trustworthy brand.

Why It Matters

The new Teal Health website clearly explains their product, makes it easy for people to get the kit, and feels modern and empathetic. The improved website supports their brand values and marketing efforts, laying the groundwork for future growth. Now, the website has become a powerful tool for Teal Health to connect with their audience and achieve their goals.

Next project

Lunar Energy

Let's build something amazing together

We believe great things are built together through open dialogue, thoughtful design, and a focus on what truly matters to your business. Ready to begin? Let’s connect and start the conversation.

Let’s connect