Herbly, Webflow Build from Figma with CMS Blog and FAQ

I reworked Herbly's Figma design into a cleaner, scalable Webflow build using Relume components and a Client-First structure. The scope focused on multiple chronic-pain pages, a CMS-driven blog, and essential pages like FAQ, About, Contact, and Legal, with light custom code to tidy interactions and editor workflows.

Refresh the site in Webflow from Figma with consistent components

Build multiple chronic-pain condition pages with reusable patterns

Stand up a blog using CMS for ongoing articles and categories

Implement FAQ, Contact, About, and Legal pages with clean structure

Improve performance, accessibility, and basic SEO

Translated Figma sections into modular Webflow components using Relume

Applied Client-First naming and global tokens for type, color, and spacing

Standardized layouts for chronic-pain pages to speed future additions

Set up a blog CMS with categories, authors, and rich-text styling

Created an editor-friendly FAQ with structured headings

Implemented Contact and About sections with clear CTAs

Added custom code for minor enhancements and interaction fixes

Optimized images, lazy loading, and semantic headings

Set meta titles, descriptions, and Open Graph basics

✅ A consistent, component-driven build that is easy to expand ✅ Condition pages and a blog ready for ongoing content ✅ Cleaner interactions and editor workflow with light custom code ✅ Faster, more accessible pages with an SEO-ready structure

Webflow Development · Figma to Webflow · Relume · Client-First · CMS Blog · FAQ · Custom Code · SEO · Accessibility