Skip to main content
UX & UI Design for CMS Platforms

UX and UI Design Services

Design that is built to ship. Research-driven, accessibility first, and modeled around how your editors and users actually work.

We design with your CMS in mind from day one, so what we create is not only beautiful but also practical to build and easy for your editors to maintain.

Most CMS sites fail at design long before they fail at engineering

We see the same three patterns again and again in sites that underperform: designs built in isolation from the CMS, interfaces that editors cannot maintain, and accessibility treated as an afterthought.

Designs divorced from the CMS

Figma files that look beautiful in isolation but cannot be built cleanly in Drupal or WordPress. The result is brittle builds and ongoing fights between design and engineering.

Interfaces editors cannot maintain

Rigid templates that look great on day one but trap editors into copying structures they should never touch. Content updates become a developer ticket instead of a form submission.

Accessibility as an afterthought

WCAG audits pulled in at the end, after color palettes and layouts are locked. Fixes become expensive and visually compromised, and the site ships with known gaps.

A complete design practice for CMS platforms

Every engagement starts with research and ends with a design system your engineering team can actually build. No throw-it-over-the-wall Figma handoffs.

User research and personas

Interviews, analytics reviews, and persona development so every design decision is grounded in how real users actually behave.

Information architecture

Content modeling that reflects the way your business thinks, mapped directly to Drupal content types, Paragraphs, and taxonomy or WordPress custom post types.

Wireframes and prototypes

Low-fidelity wireframes for structure, then interactive Figma prototypes for flow. Stakeholders sign off before a single pixel of final design is produced.

Responsive UI design

Mobile-first layouts designed for real breakpoints, touch targets, and performance budgets. What ships works the same on a phone as on a wide desktop.

Design systems

Component libraries with tokens, variants, and usage rules. The same system maps into Drupal Single Directory Components or a WordPress block library for a clean code path.

Accessibility first

WCAG 2.1 AA baked into every design decision: contrast ratios, focus states, keyboard flows, and semantic structure. Not a cleanup pass at the end.

How we work

A four phase design engagement that lands you with a design system your engineering team can actually implement.

1

Discover

Stakeholder interviews, user research, analytics review, and content inventory. You leave with a written problem statement and a clear set of design goals.

2

Define

Information architecture, sitemap, and content modeling aligned with your CMS. Low-fidelity wireframes for every key template.

3

Design

High-fidelity Figma design with tokens, components, and responsive states. Interactive prototype for stakeholder review and usability testing.

4

Deliver

Design system handoff with tokens, components, and implementation notes. Optional build phase where our engineering team implements the design in Drupal or WordPress.

Frequently asked questions

What teams ask most before starting a design engagement with us.

Do you do design only, or design plus build?

Both. We can run a design-only engagement and hand off a Figma design system for another team to build, or we can carry the project through into a Drupal or WordPress implementation. Most clients prefer the second option because it eliminates the usual design-to-engineering translation loss.

Why do you focus on CMS platforms specifically?

Because CMS design is different. A Figma file for a marketing landing page does not have to worry about how an editor will create similar pages later. A CMS design does. We build with Paragraphs, Layout Builder, or block patterns in mind, so what we design is what editors can still build six months later without calling us.

What does a typical engagement look like?

A standard design engagement runs 6 to 10 weeks depending on scope. Discovery and research is one to two weeks, IA and wireframes is one to two weeks, high-fidelity design and prototyping is three to five weeks, and handoff is one week. If you want build included, add four to twelve weeks on top depending on complexity.

How do you handle accessibility?

WCAG 2.1 AA is the baseline on every engagement. We check contrast ratios during color palette design, we design keyboard focus states into components from the start, and we validate semantic structure during the design system phase. Accessibility audits at the end of a project are usually a sign that someone forgot to do it from day one.

Can you redesign an existing site instead of starting fresh?

Yes, and that is actually most of our work. A redesign has the advantage of real user data: we can look at how people actually use the current site, where they drop off, what they search for, and fix the specific problems instead of guessing. It also lets us stage the rollout instead of a big-bang launch.

Do you provide design systems or just mockups?

Design systems, every time. A Figma file full of screens without a component library is a one-time deliverable that decays the moment the project ships. A proper design system with tokens, components, and usage guidelines keeps your team aligned long after the engagement ends.

Start with a design discovery call

30 minutes on your project goals, users, and constraints. You leave with a clear view of whether a design engagement is the right move and what it would take.

Book a Discovery Call

See It In Action

How this plays out on real projects, and where to go deeper on the thinking behind it.

Case Study

Baltimore County Golf: UX Revamp and Drupal Upgrade

A UX revamp paired with a major version upgrade for a US public golf authority, delivered without breaking editor workflows.

Read the case study
From the Blog

Design Tokens, AI Workflows, and Display Builders in Drupal

How modern design systems plug into Drupal without fighting the CMS, and why we design for content editors first.

Read the article