O'Keeffe's Webflow Componentization and Page Builder

O'Keeffe's makes hardworking skincare, and their marketing site runs on Webflow. Their team wanted to build new pages by stacking ready made sections and dropping in their own content, without needing a developer for each one.

I went through the site section by section, turned the sections already in use into reusable components with editable content, and reorganized the Components panel so the team can find what they need. Nothing on the live site could visibly change, so I checked every swap against the original page before removing anything.

Components panel reorganized into Global, Sections, Elements, and Unused groups

New section components for the Hero, Category Grid, Dotted Divider, Heading and Text, Icon Cards with CTA, and Contact Sidebar

One Image Hero component replacing the separate heroes on seven pages, with each page's background saved as a variant editors pick from a dropdown

Editable content props on existing components like Heritage, used 17 times across the site, plus Available Everywhere, 100% Guarantee, and FAQs

Every default set to the current content, so every existing page looks exactly as it did before