Melina Gardeazabal (Founder, Kite Health) brought a clear Figma design. I turned it into a pixel‑perfect Webflow site with great performance, accessibility, and a simple waitlist funnel—easy for the team to edit and scale.

Project details

Client: Melina Gardeazabal, Founder at Kite Health

Company: Kite Health

My role: Webflow Developer + light UX/copy + on‑page SEO + accessibility

Timeline: 2–3 weeks

Tools: Webflow, Client‑First classes, Finsweet Attributes (as needed), GA4, GSC, lightweight analytics, TinyPNG/AVIF

Deliverables:

The story

Melina came in with a thoughtful Figma file and a clear goal: a parent‑friendly website that feels trustworthy and is simple to maintain. I broke the design into reusable components, built mobile‑first, and finished with a round of polish on performance, accessibility, and compliance. We kept the tone supportive and kid‑friendly throughout.

What I delivered

Pixel‑perfect Figma → Webflow with clean, scalable class naming

CMS collections for FAQs, Insights/Blog, Testimonials (non‑technical team can update easily)

Kid‑friendly microcopy and standardized biomarker labels

Clear waitlist funnel with concise form and success state

Performance boosts: AVIF/WebP, lazy‑load, preconnect, locally hosted fonts

Accessibility: semantic headings, alt text, color contrast, focus states, aria labels

SEO basics: titles/meta, Open Graph, FAQ schema, clean URL slugs

Compliance scaffolding: non‑diagnostic disclaimer and parental consent language

Challenges and solutions

Complex “How it works” and subtle interactions: rebuilt with Webflow Interactions to feel smooth and lightweight.

CLS from font loading: used local hosting and smart fallbacks to keep layout stable.

Inconsistent biomarker list: cleaned typos/duplicates and grouped into clear categories.

Outcomes (swap in real numbers if you have them)

Lighthouse: 90+ mobile performance, 100 accessibility on key pages

LCP ~2.0–2.5s on 4G after hero media optimization

Zero console errors; clean, semantic HTML

Content updates in minutes (thanks to CMS and components)

Higher waitlist conversions after CTA/copy simplification

Pages/sections included

Home (hero, 3 value props, how it works, insights, trust/FAQ, waitlist CTA)

Insights/Biomarkers (clean labels, grouped categories, evidence‑informed tone)

About/Advisors (credibility without medical claims)

FAQ (age range, sample type, turnaround, refunds, privacy)

Join Waitlist (short form + success state; GA4 event tracking)

Copy snippets added/refined

Hero: The Kid‑Friendly Gut–Brain Test for Autism Families

Subhead: Evidence‑informed insights and an actionable plan to support your child’s digestion, mood, and sleep.

How it works (5 steps): Order kit → Collect → Ship → Get results → Act on insights

Disclaimer: Not a diagnostic test. Results are informational and should be discussed with your pediatrician.

Screenshots to include

Homepage hero (desktop + mobile) — alt: “Kite Health homepage hero”

How it works — alt: “Five‑step flow”

Biomarker categories — alt: “Cleaned biomarker list”

Lighthouse report — alt: “Performance and accessibility scores”

CMS — alt: “FAQ/Blog collections in Webflow”

Services to tag

Webflow Development, Responsive Design, On‑Page SEO, Accessibility, Performance Optimization, CMS Setup, Light UX/Copy