I’d like to extend my existing Webflow “Work/Portfolio” section. Right now I manage all projects in the Webflow CMS (backend) and they automatically appear on the frontend (listing + detail pages).

​

Goal: Each project should be able to use different layout/design variants without having to manually build a completely unique page for every project. It really isn't very complicated, as I can specify exactly how these variants should look based on examples.

​

• Current setup -

​

+ There is an existing CMS Collection called “Work” (or similar)

​

+ A listing page automatically displays all work items

​

+ A CMS Template Page (Work Detail) currently uses one uniform layout

​

• Goal / Requirements -

​

Layout variants per project

​

Please add a CMS field: e.g. “Layout Variant” (Option/Select)

​

At least 3 variants (and easily extendable), for example:

​

+ Variant A: Classic (Hero + structured content sections)

​

+ Variant B: Editorial (alternating image/text sections)

​

+ Variant C: Case Study (stronger focus on Problem/Process/Outcome, optional KPIs)

​

For each project, I should be able to choose the layout variant in the CMS.

​

• Implementation on the Work Template Page -

​

+ On the Template Page, different sections/components should display depending on the selected “Layout Variant”.

​

+ All variants can exist on the same Template Page, but controlled via Conditional Visibility.

​

+ Important: Typography/spacing should follow a shared design system, while the structure between variants is clearly different.

​

• Flexible content per variant -

​

Please extend the CMS fields so I can populate the right content for each variant, e.g.:

​

+ Hero title, subtitle, hero image/video

​

+ Gallery (multiple images)

​

+ Role/services, client, year, tools

​

+ Optional: “Problem”, “Solution”, “Outcome”, KPI fields (for the Case Study variant)

​

If Webflow has limitations for repeatable content blocks, propose a pragmatic, maintainable solution (e.g. a set of image fields, a structured component approach, etc.).

​

• Listing/Overview remains automatic -

​

+ The Work listing page should continue to populate automatically from the CMS.

​

+ Optional: It would be helpful to include a “Featured/Highlight” option (CMS boolean) to style certain projects differently in the listing.

​

• Quality / Responsiveness -

​

+ Fully responsive across mobile, tablet, desktop.

​

+ No layout breaks when optional fields are empty (e.g. if there’s no video).

​

• Deliverables -

​

+ Updated CMS structure (new fields + adjustments to existing fields if needed)

​

+ Work Template Page with at least 3 layout variants (using Conditional Visibility)

​

+ Updated Work Listing Page (if required to keep everything automatic)

​

+ Short documentation for me: which fields to fill for each variant, and how to add new variants later.

​

• Important -

​

I want to keep managing everything via the CMS and avoid manually building one-off pages per project.

​

The solution should scale: add a project → fill CMS → it renders correctly on the frontend automatically.

​

Please also share your recommendation on whether you’d implement this primarily with Conditional Visibility + sections or with reusable components/nested structures — main priority is a clean and maintainable setup.

• Please add a CMS field: e.g. “Layout Variant” (Option/Select)
• Variant A: Classic (Hero + structured content sections)
• Variant B: Editorial (alternating image/text sections)
• Variant C: Case Study (stronger focus on Problem/Process/Outcome, optional KPIs)
• Important: Typography/spacing should follow a shared design system, while the structure between variants is clearly different
• Role/services, client, year, tools
• Optional: “Problem”, “Solution”, “Outcome”, KPI fields (for the Case Study variant)
• If Webflow has limitations for repeatable content blocks, propose a pragmatic, maintainable solution (e.g. a set of image fields, a structured component approach, etc.)
• Optional: It would be helpful to include a “Featured/Highlight” option (CMS boolean) to style certain projects differently in the listing
• Quality / Responsiveness -
• Fully responsive across mobile, tablet, desktop
• No layout breaks when optional fields are empty (e.g. if there’s no video)

• Right now I manage all projects in the Webflow CMS (backend) and they automatically appear on the frontend (listing + detail pages)
• Goal: Each project should be able to use different layout/design variants without having to manually build a completely unique page for every project
• There is an existing CMS Collection called “Work” (or similar)
• A listing page automatically displays all work items
• A CMS Template Page (Work Detail) currently uses one uniform layout
• Layout variants per project
• For each project, I should be able to choose the layout variant in the CMS
• Implementation on the Work Template Page -
• On the Template Page, different sections/components should display depending on the selected “Layout Variant”
• All variants can exist on the same Template Page, but controlled via Conditional Visibility
• Flexible content per variant -
• Listing/Overview remains automatic -
• The Work listing page should continue to populate automatically from the CMS
• Updated CMS structure (new fields + adjustments to existing fields if needed)
• Work Template Page with at least 3 layout variants (using Conditional Visibility)
• Updated Work Listing Page (if required to keep everything automatic)
• I want to keep managing everything via the CMS and avoid manually building one-off pages per project
• The solution should scale: add a project → fill CMS → it renders correctly on the frontend automatically