Paytient CMS Pages

Webflow CMS templates for guides and webinars that let a small marketing team publish new content without a designer or developer.

Branding

UI & UX

Visual Design

Marketing

Client: Paytient (in-house)
Industry: Healthcare payments (Series B healthcare fintech)
Timeline: Weekly sprints, 2026
My role: Visual Designer and Webflow Developer. I designed the templates in Figma and built them in Webflow CMS.
Copy: Paytient Brand Marketing team
Tools: Figma, Webflow, Webflow CMS

Overview

Paytient's marketing team publishes a steady flow of guides, whitepapers, case studies and webinars. Without templates, each one means a custom page, which doesn't scale. The goal was a system where adding a new webinar or guide is a form, not a design project.

What I made

Guides (/guides): A listing page built on a CMS collection. Cards show a photo, a content type ("Whitepapers and Reports," "Case Studies") and a "Download now" link. A category filter and a "Load more" button keep the page short as the library grows, and social links sit at the top.

Webinars (/webinars): A second listing driven by its own collection. Each card carries an "On-Demand Webinar" label, a title and a clear action ("View the webinar," "Access the webinar").

Webinar detail template (/webinars/{slug}): One template that every webinar uses. It pulls the title, summary, date, time and format into the hero, and pairs them with a registration form on a gradient panel. Below that, a "Here's what's converging" intro, a dark "What you'll leave with" band with takeaways and an image, and a Panelists section with portraits, titles and LinkedIn links. Every field comes from the CMS, so a new webinar is filled in, not designed.

Case study template (/case-study/{slug}): The detail page behind each item in the Guides library. It opens with a category label, an outcome-led headline, a short intro and a "Download now" button beside a large photo. A "Paytient Impact" band shows four key numbers at a glance, an Approach section tells the story in two columns, and a member quote sits on a bold yellow panel beside a photo. A demo call to action closes the page. As with the webinars, each section is a CMS field, so adding a new case study is filling in a form.

All pages use Paytient's type and color system and are built to accessible and WCAG standards.

What this shows

Designing a content system instead of one-off pages, CMS collections and templates in Webflow, and the discipline of making a design flexible enough for content the team hasn't written yet.

Guides desktopEducation case study desktop

Chat

Let's make something great together.

Let's connect!

Prefer email? Reach me directly at